The year is ending, I guess it’s time to look forward? 2011 has been the best year of my career so far. I left my previous job to join Browser, an unexpected but excellent move! I’ve been refining my front-end development skills and design process. Next year we’ll have big websites to launch that I plan to showcase here. […]
You’ve all seen social sharing buttons. Twitter’s “tweet”, Facebook’s “like” etc. Here’s a screenshot from a popular blog to refresh your memory: They have their place on a website if used intelligently — that’s a big if! They’re difficult to design around and a nightmare for front-end development. The copy-and-paste code for each button includes a default element and […]
I will write a full article on responsive website design & JavaScript soon, but for now here’s a quick snippet! (With a little help from jQuery, naturally.) The basic idea is that you don’t want to be hammering the window resize event because it gets fired repeatedly when a user manually resizes their browser. Instead you […]
A few weeks ago I wrote Reaction Time explaining the art of relative interactivity. Today I found another perfect example! I’m using a technique based on Ariel Flesler’s excellent jQuery scrollTo plugin. The plugin scrolls the document until a specific element is in view. The set up: I have several tabs on my page that update content below […]
Watch this TEDxSantaCruz talk by Roger McNamee published in July. He made five very compelling hypothesis around the future of the internet and the web. Please ignore the irony of the above video if it happens to embed with Flash! YouTube promises HTML5 video in the future through the wonders of this iframe… Watch all 16 minutes, it’s well […]
The true value of a website is its content. Data — until semantics and presentation turn it into information. If that value is true we can therefore infer that semantics reign supreme in front-end website production. The thing is, not all content is created equally. There needs to be a pragmatic interpretation of how content is represented. For […]
Back in June 2010 I wrote about using SVG for your logo. When I realigned my website earlier this year (see: Designing a new me) I reverted back to the typical PNG and used the -webkit-min-device-pixel-ratio to provide a high-res version. Well 17 months ago I wasn’t as sharp as I am today with front-end standards and for whatever […]
