How to Hire a Front-End Web Developer

The following is an email exchange I had with a friend at another company about a year ago. We were talking about the best way to go about hiring a front-end developer, and I was sharing some tips from our hiring process.

“Hi Scott, we are in need of a CSS expert/ninja. Our company has gone through agencies and the whatnot, but the candidates that have come from that route haven’t exactly knocked our socks off. I’m hoping that since this is what you do you might know some people, have some advice, or know some agencies that specialize in this area.”

I’ll tell you how we found Libby, our other CSS rockstar.

Continue reading

Photoshop Mockup

photoshop mockup

Work is continuing on the new design for the blog. I’ve moved on from thumbnailing to making mockups in Photoshop. I had a few false starts, and entertained a few odd ideas at first, but I soon got my focus back and worked hard at producing the mockup based on the final thumbnail I chose. Oddly, while my thumbnail was very helpful at getting sizes and layout down, I hadn’t put much thought into uses of color, beyond that I wanted to use more color than normal. In the end, my color choice was dictated by the photo in my header graphic, and I’m planning on setting it up so that I can easily slap up a new header graphic and adjust the colors on the rest of the design to match, which would let me do special designs or seasonal colors if I wanted to.

I also found myself debating about what size to make the design. I spent quite awhile looking at other blogs, evaluating whether or not I liked how their design filled the browser window. What I discovered is that while it’s quite trendy right now to design for 1024px screens and set the design up to cut off gracefully on an 800px screen (or not), I don’t think it’ll work for me. It’s great for guys like A List Apart, who have an abundance of content that all needs to fit on the front page, but my personal site doesn’t really need that. I would prefer that the design follow function in this case, so I’m sticking to 750px width. That’s actually a step up from the current design, but I’ve already used this width on Sean’s blog, and I like the extra breathing room it gives, especially in the sidebar.

I’m pushing myself right now to finish the design in time to submit my site for round 3 of admissions to the 9rules network. It will definitely be a big task to get everything done in time, especially since this weekend Annie and I are watching our friends’ kids so they can go on a date. Wish me luck!

Thumbnailing

Thumbnail sketches

My graphic design teachers would be so damn proud of me. I’m working on the new design for Space Ninja, and I’m finding that it’s a much bigger project than I anticipated. It’s not just a simple new design, I’m making major changes to the way things function, and the flow of the entire website, not just the blog. As a result, my normal methods aren’t working. Usually, I would just open photoshop and start making mockups. I usually only go through one or two mockups before I start coding. Lately, I haven’t even done that, and I’ve instead jumped right into the text editor and let the design come from the CSS.

This time, though, I started out “properly” by doing my research. I’ve been slowly bookmarking dozens of sites over the last few weeks, and today I whittled the list down to the select few that really spoke to me. Then I made printouts of those and scrawled notes in the margins of what I liked and didn’t like. Then, armed with a short list of the features I really wanted to incorporate, I actually sat down with some paper and started making thumbnail sketches of what I’m thinking. Actually, I still haven’t done enough sketches to satisfy my old professors, but it’s already way more than I normally do. Next up, I’ll pull together a few photoshop mockups before I jump into coding.