Recent Reading (node.js, P3PC, Event Delegation, Twitter)

After relaunching my personal site and realizing all my other sites are in pretty good shape for the first time in forever, I’ve suddenly found myself with plenty of free “tech time” to mess around with whatever I want to mess around with. Which is cool, because, while I appreciate being able to tinker in a very practical manner on production sites and learning from what what works now, I really miss being able to mess around with the newness out there. Sometimes, like with the HTML5 work I’ve been doing, the two can meet, but more often than not the brand new stuff needs to sit on the burner a little bit before it’s ready for prime time.

You’ll see where all of this is going when you see the first topic in this month’s recent reading roundup.
Continue reading “Recent Reading (node.js, P3PC, Event Delegation, Twitter)”

I’m Going to be Speaking on Front End Performance in May

There’s always a slide about performance in my presentations. This time? Every slide will be about performance. I’m chomping at the bit to get started on this one.

The Bocoup guys were crazy enough to invite me down to talk about my favorite topic- front end performance. Here’s the write up:

Front End Performance for the Common Man: Practical Strategies to Speed Up Your Site

Day: Wednesday May 19th 2010
Time: 6:30pm – 8pm
Cost: Free

Rob Larsen will examine the core concepts and techniques behind the performance of the web’s fastest sites and will translate them into practical examples. This talk will cut across several technologies (JavaScript, CSS, Ant, Apache and more) to present a suite of tools any developer can use to speed up their site- no matter the size or budget. RSVP to The Event Page.

It’s going to be a really good talk- full of practical examples and advice for every flavor and level of web developer. You should totally go.

Actually, you should just go to all the Bocoup talks. Smart people talking about killer technology = fun times. I’ll be a regular there.

How To Make a Web Site the Modern Way. Part 5: The Body – How To Structure Your Markup

Five posts in and finally we get to the heart of the matter- getting your content onto the page for your users to enjoy. This will be done in two parts. This, the first part, will deal with how to structure your HTML so it makes sense from and organizational standpoint and so that you can easily style it with CSS. Let’s look at a stripped down example of what I’m talking about.

Continue reading “How To Make a Web Site the Modern Way. Part 5: The Body – How To Structure Your Markup”

DrunkenFist.com Redesign Launched. More HTML5 Goodness.

I launched the redesign of DrunkenFist.com last night. It’s my second HTML5 site. I took a lot of what I learned from the work we did on A Wider Net and applied it to a much larger project. Fun times.

A couple of notes.
Continue reading “DrunkenFist.com Redesign Launched. More HTML5 Goodness.”

How To Make a Web Site the Modern Way. Part 4: The Body

The body is clearly going to take a while, since it contains all of the content on the page. I’ll be breaking it out into chunks. This first post will focus on how I use the body tag itself.

I generally use the body tag to hold basic information about the page to use with both CSS and JavaScript. I want to capture the general type of page (home pages, landing page, gallery page, tertiary page, form page) and then the style of the page within the general type (e.g., art, movies, blog.) Coming up with a good, logical scheme for this kind of thing can generate plenty of unexpected benefits throughout a site build.

It can also help with planning as these classifications can be used as part of the estimation process- “I’ve got 5 major templates and 10 variations, that’ll be 2 weeks of work.”

Here are some examples from the ongoing redesign of DrunkenFist.com. These might help to crystallize what I’m trying to do.
Continue reading “How To Make a Web Site the Modern Way. Part 4: The Body”