RKNet Blog... Thing

Day one was fraught with challenges, up to and including having trouble finding the venue. It took a lot of wandering around, a phone call, and I think two concierge desk stops to finally figure out that the Copley Plaza Marriott was in fact through the Copley Plaza Westin and the attached mall. That said, on with the notes.

Session 1: Understanding Web Design - Jeffrey Zeldman

• Missed this session entirely. :(

Session 2: Lessons of CSS Frameworks - Eric Meyer

• Missed over half of this session. :( I blame Mass traffic.
• Hits on server vs. File size. The more hits to the server, the slower the load times. File size isn’t nearly as much of an issue.
• IE(6) does not cache 2nd tier stylesheets. (stylesheets linked from within other stylesheets)
• IE6 wants nothing to do with your fancy link styling. Don’t rely on it to convey critical information if you think you’ll have a significant amount of IE6 visitors. (Know your audience!)
• Mobile phones probably can’t handle your stylesheet (iPhone notably excepted from this guideline).
• create a grid or layout background to use for debugging.
• Create a debugging stylesheet that replaces more subtle elements with large, bold colors to see exactly how your major elements line up.
• Set default colors in the body of the document to override any CSS weirdness or absence.
• Try to avoid measurements in pixels. Percentage or EM will provide better usability and cross-browser support.
• Create a framework file. This is a totally empty stylesheet, containing only elements, classes and ids, as well as comments explaining the general purpose of each. This provides the framework for others to understand your work, and gives you a blank to start from in future work.
• Maintain clean, logical naming conventions. Don’t use .RedBigText use .Header or .CallToAction. This way if you have to make this class perform a function other than red, big text you can make those changes while maintaining your markup.

Session 3: Good Design Ain’t Easy - Jason Santa Maria (turned 30! Happy Birthday!)

• Look to be different. Be familiar with popular box models & learn what you can do to separate yourself from them.
• Print != the web. (!= is does not equal for those who aren’t familiar) Therefore, instead of innovating based on standards of print, we must look to usability standards and concepts to build a better (mousetrap) website.
• Design reinforces your message.
• Design fills in where content leaves off to create impressions.
• Referenced the storytelling power of a mostly visual chart of Napoleon’s progress.
• Pacing must be capable of including all pertinent info. Editor’s Note: I don’t remember what I meant by this note.
• Design must account for flexibility, changes, functions
• Design must be able to demonstrate depth, or give the visitor confidence that they can navigate comfortably.
• Design for your audience, not just to fit your box model.
• Take advantage of the medium, learn to apply the tech to its fullest.
• Plan before you do, and make stylesheets accordingly flexible
• Level of design intricacy hinges largely on the type of content it is meant to showcase and support.
• “Design can’t not communicate.” - David Carson, Helvetica
• The Golden Rule or other ratio is a handy reference for balancing a box model.
• Links:
• A Brief Message
• Fray
• Principles of Beautiful Web Design
• No One Belongs Here More Than You
• We Tell Stories
• “You can have it in any color you want, as long as it’s black.” - Henry Ford regarding the Model T
• Art direction should apply to the web also.
• Evaluate the saclability of unique content art direction (i.e. serious differences between pages, breaking from one standard template between pages).
• Marry your design to your code.

Session 4: Web Application Hierarchy - Luke Wroblewski

• You have approximately 1.6 seconds to make an impression on a first time visitor.
• References Steve Krug’s excellent book Don’t Make Me Think in regards to illustrating how we use the web. We don’t read. We track around the web looking for the next thing to get us to our intended informational goal.
• Great presentation on the web is comprised of a balance between information and emotion, or Visual Organization and Personality.
• Organize things in ways people can relate to. For example, organizing information in a customer lookup system like a rolodex.
• What’s front and center is critical
• Presentation should follow desired function
• Downplay non-critical information
• Create context by applying contrast, placement and seperation
• Consider the color scheme. Contrasting colors attract attention.
• Make uniquely important items distinct from the remainder of the page.
• Focus on your use of labels, whitespace, and the scanability of your page.
• Proximity of items, similarity of items, and pattern of items dictate how noticable they are.
• The more differences between neighboring items, the higher the contrast and the more likely a visitor is to focus on it.
• Orchestrate the distribution of visual weight (what’s most noticable to what’s least noticable) to influence user experience.
• Avoid too many “look at me!” items as it creates confusion.
• Avoid too few “look at me!” items as it leads to disinterest
• Information should not be distributed via firehose
• Be aware of how people access and use your site. Or how it is intended to be used at least. These factors inform how the hierarchy of information should be structured.
• Consider how people find you and what you want them to do when they get there.
• People come to your site for some kind of content. Don’t let the overhead (structural elements of your website, other navigation, etc) overwhelm that content. Give the people what they want.
• Visually prioritize the actions you want or need people to take
• Strive for a clear, logical flow of information using visual cues and standardization of content. (Hint: Centering text is very unhelpful when trying to achieve this logical flow.
• Consider your overall signal to noise ratio when displaying lots of information. Too much contrast and the data gets overwhelmed. Too little and the data itself is overwhelming.
• Luke’s site: Lukew.com

And then it was lunchtime! Will talk more about that when I get around to my travel log post. I’ll have the rest of day one in a seperate post, so keep your eyes open, and if you aren’t already subscribed to the RSS feed, by all means hit the GIANT PURPLE BOX at the top of the site to do so. :)

Well, I’m just back from the first ever NH Media Makers get together. What a terrific idea, and what a great turn out. I honestly didn’t know what to expect, both in people or content, despite the post at the actual NH Media Makers site detailing who would be there and what to expect!

We had all types of people, with different disciplines, but the major unifying factor was our passion for all things internet. Which is extremely refreshing as a majority of people I’ve met here in New Hampshire have not been the slightest bit interested in the internet or tech in general. It was like a high school AV meeting with a million times more class.

After adamantly sucking down as much coffee as possible, I tuned in to each attendee’s introduction and background. Everybody had a great story to tell and a variety of really terrific projects they were involved in too. I don’t think a single person there had just one thing they were working on, interested in, or knew about. There was no shortage of great ideas, and everybody seemed tremendously passionate about their field of interest.

We had photographers, videographers, writers, entrepreneurs, search engine marketers, programmers, culture geeks, and often times most people were several of those things if not all of them! Had I been taking notes I’d have a lot more details about each person. Everybody I met was just terrific. There was a definite buzz in the air and I could tell a lot of really valuable connections were made. Separately we’ve got a ton of super ideas and talents, together we could really turn this area into a hub of internet and cultural activity.

Couple of points I want to shout out to any local readers:

• One of the attendees is a film maker out in Manchester who will be looking for extras interested in dying. :)
• Another wants to get interest up in late night monster movie showings in the area, preferably big screen. Who knows about theater in the area?
• We’ve got film folks who might want extras, guest writers, feedback, or musical contributions/suggestions.
• There are authors chomping at the bit for publishing tips or inspiration in general.
• There’s me, looking for blog authors and people interested in helping my wacky friends commit some of their film ideas to the web.
• There’s a niche marketer looking for ideas and feedback on how to incorporate things like video and blogs into his repertoire to strengthen his position as the top in his field(s).

And so much more. I’m hoping others took better notes. There will be a mailing list, and notes and attendee URLs will be posted over at the NH Media Makers site, so stay tuned. We’ll also have some pictures and video courtesy of a few folks who were there. (Phil, John, and Roger if I remember correctly.) There will be more of these in the future, so if you missed the first one, fret not, you will have a chance to join in the fun!

The front page of the site finally got an overhaul! As you can see, it is much less of a CSS nightmare than what the Wayback Machine will prove the previous incarnations were. It’s also got a custom fancy wallpaper-y background, too. As more content emerges that is best suited to its very own page, a navigation and so forth shall emerge from the overall chaos. The other new page is my Author’s Profile page, containing everything you need to (stalk) find out more about me, too.

I’m looking forward to getting the proper info from the other contributors and authors (*hint*) so they can also have profile pages. Report any obvious bugs, please.

URLTea used to be my favorite URL shortening service. Emphasis on used to be. For (and I’m guessing here) I’d say the better part of a month, every time I have attempted to make a shortened URL or visit the site, it’s been coming up error, 404, you’re looking for what again?

Does anyone know what became of URLtea? Their last post to Twitter was 6 months ago. Their Google code page doesn’t have any news. Alex King seemed to predict its downfall but none of the commenters have anything helpful to add.

URLtea creators and primary supporters! Where have you gone? Will you be bringing the site back?

I liked your tea towel background and your awesome bookmarklet tool. Don’t let me suffer in a sea of plain jane tinyurls!

In this mix, for your listening pleasure, I thought I’d slow things down, and stretch things out a little. Kind of get you all in the mood for some late night philosophy and spooning. I’m too cheap to ply all of you with booze so I thought I’d make you a mix tape, kind of give you a little something to ruminate on before I discuss the merits of an open view of love in this century and bum drinks off you all night. Hope that’s cool, ’cause we’re totally friends right broham?

Anyway, the background image for this tape is Sisters G from Gatochy’s flickr stream. I can think of no nicer image to go with the theme of “everything is better in pairs”. Except for maybe some extra-adorable mittens, but it’s Spring now and no more of THAT! Anyway, for the sake of not writing all over the lovely ladies’ faces, I just titled the tape “Pairs”.

Pairs are exactly what you’ll get on this tape. Let’s explore the contents, shall we?

1. Jesus and Mary Chain - April Skies
• I listened to this song the other day on the way to work and it improved my mood like nothing else could at that very moment. Music to soothe the savage neurotic.
2. Jesus and Mary Chain - Darklands
• The second J&MC track is one of my favorites. “I wanna move, I wanna go, oh I wanna go, do-do-de-do-do-doo…”
3. Donovan - There is a Mountain
• Heard this on the radio the other night and thought “WOW, Donovan was on a lot of drugs“. Pure listening enjoyment, here.
4. Donovan - Epistle to Dippy
• I went with one I’m unfamiliar with, to avoid the folly of ignoring deep tracks. It’s got a bit of a Velvet Underground feel. Check the pedigree though!
5. Jonathan Richman - Satisfied Mind
• I chose this track because it’s a classic (1955 by Porter Wagoner), and Richman’s treatment of it is a great introduction to his style.
6. Jonathan Richman - Springtime in New York
• Truth be told, all I can think of when I read this is Stephen King’s The Wastelands. It’s all those dreams about NYC they have.
7. Cocorosie - By Your Side
• Takes a helluva woman to offer to wear someone’s black eyes. I love the way they layer sounds.
8. Cocorosie - Butterscotch
• Why DOES butterscotch taste so good? Dig the sweet singing and electronic rooster noises.
9. Harry Nilsson - You’re Breaking My Heart
• The guy who wrote “one is the lonliest number” says fuck. Several times. AWESOME.
10. Harry Nilsson - Moonbeam Song
• From the sounds of this song, you can see where he fits with Richman and Donovan. Rich metaphor paired with a bare-hearted, literal approach combine for maximum enjoyment.
11. Jeff Tweedy - California Stars
• Just Jeff and the guitar singing a lovely tune from Mermaid Avenue that was originally penned by Woody Guthrie.
12. Wilco - Jesus, Etc.
• Rounding out this mix is Jeff with the rest of his usual band, Wilco, in a tune off of Yankee Hotel Foxtrot. The opening violin reminds me of Yoshi’s Island.

I hope you all enjoy this! What are some of your favorite pairs of songs?

I just want to apologize for any visitors who have actually gone to infinitedesu.com. While I feel as though I did provide fair warning when I originally linked it, I was looking at WPStats and couldn’t help but notice that people have actually clicked on that.

What you will find, upon visiting infinitedesu.com is the following: …nothing.
Apparently, I let the hosting or the domain or something expire. Could have sworn that auto-renewed. Well kids, looks like it’s technically up for grabs. If you buy it because you saw the name here, let me know so I can congratulate you on your refined tastes.

But if domain sniping isn’t your cup of tea, what you can do is visit RKNet’s new affiliate, TorsoPants. I came across their site earlier today and I was so impressed I decided that I had to be their friend. You can be their friend too, just tell them I sent you, ok?

There’s so much going for them: their site works in Opera without fuss, they’ve got all kinds of great design on the site, there are more hidden fun things than at a hidden fun thing convention, and I guess they’ve got good clothing, or something. I definitely spent a while at the site today, really just exploring all the things to see and do, and trying to decide whether or not I can afford to buy a pair of torsopants (which for those keeping score at home, is like a “shirt” only superior in every way) before I spend the money to renew Infinite Desu.

If I get the cash-money necessary to resurrect infinitedesu.com myself (hint), then I hope to achieve a similar standard of site awesomeness that I saw demonstrated by the proprietors of TorsoPants, instead of the old infinitedesu.com, which just had an annoying animated gif for a background, and the word “desu” over and over and over again.

I realize that some of my visitors may be coming here because they have no idea what the deal is with “desu”. I can appreciate being in the dark like that, and would like to take a minute (just sit right there) to explain a little more about what desu is and why I felt compelled to even buy infinitedesu.com in the first place.

Desu

Verb. Japanese form of the verb “to be”. Example: Watashi wa Amerika-jin desu. I am an American.

(aux) (pol) polite copula in Japanese; (P) [via Jeffrey's Japanese Dictionary]

Exclamatory. Taking a cue from a character named Suiseiseki featured in the 2004 anime, Rozen Maiden, people on the internet have come to use desu in excess. This is most often found in the form of the “desu flood” where by a post or entire thread is comprised of ONLY the word desu, repeated over and over again. It is the determination of Encyclopedia Dramatica’s shadowy editors that Desu is a classic meme. No other sources seemed to refute this.

And now…
Needs more desu!

Traipsing about my collection of RSS links, as I am oft wont to do, I discovered one labeled Blackr. Despite the obvious Web 2.0 name, it struck me as curious and I proceeded.

Blackr is described as a way to view Flickr content without all the noise of navigation, comments, and various whatnots. There weren’t any examples provided, but the general concept was sound.

I was presented with four bookmarklet options: black background, black background with a white border, white background, and white background with a black border. I chose the bookmarklet for viewing pictures with a black background and a white border.

As a test, I hopped over to Gatochy’s photo stream, a personal favorite Flickr gallery. Picking an enchanting photo of Anna May Wong, I clicked the bookmarklet with my breath held for impending browser doom. (As an Opera user, I tend to be a little skeptical of neat new add-ons, as most of them are designed with Firefox in mind.)

The results?

Wow! The photo really stands out with the crisp border and the dark background, like putting diamonds on black velvet. I imagine that this tool would be most useful for people who have to find photos for a specific purpose and need a lightbox approach to viewing Flickr images. People who really prefer a minimalist approach to image searching, and people who like fancy web toys might also find a lot of use for this bookmarklet.

It’s also got keyboard shortcuts available to change the background/border, and to turn the effect off so you can continue on your Flickr-y way. (The 1,2,3,4 options listed on the Blackr site don’t work for me, as they’re already assigned as Opera shortcuts.)

All in all, a really neat bookmarklet tool for Flickr fanatics! I give it a 4 out of 5.

This is an example of a RKNet blog page, you could edit this to put information about yourself or your site, if you owned this site, so readers know where you are coming from can immediately judge you. You can create as many pages like this one or sub-pages as you like, if you own or contribute to this site, and manage all of your content inside of WordPress, if you have the login info. Please note, this is not a challenge. This is filler. Thanks.

This is my Amazon stuff:

And this is all my Last.FM stuff.

http://thesurrealist.co.uk/space?user=giania
My space adventure is pretty hilarious, as is my dungeon adventure!
http://thesurrealist.co.uk/dungeon?user=giania