Blog

  • The Responsive Process

    I was fortunate enough to be at the Responsive Summit last week. Unfortunately many of those who weren’t there responded to this very negatively on Twitter and described the event as elitist. Suffice it to say, I understand where you are coming from, but it just wouldn’t have been possible to have everyone around one table. I think Josh Brewer did an excellent job channeling the questions that were asked from the wider community and submitted on the responsive summit website.

    So what knowledge did I gain from this day? We discussed every detail of what it means to create a responsive website. We even discussed future tools for designing websites which respond to their context and new file formats for images which could responsively enhance themselves. I’m really excited about the future of the web, but how can we improve our work using only the tools available today?

    Read more

  • Lettering.js without any dependencies

    The plugin lettering.js allows for some neat typographical designs but I prefer not to have to use a specific framework in order to use a javascript plugin.

    I’ve made a version of this excellent plugin which only uses javascript and has no dependencies. Feel free to use it on your next typographical endeavour.

    Read more

  • Set your headers!

    I’m now setting expiry headers and gzipping content on this website. I was amazed at how easy it is to get an ‘A’ rating on YSlow.

    Read more

  • Hiding fallback content

    Hiding fallback content using javascript is a very common technique. It means that any scenario where javascript isn’t available is automatically handled.

    I’ve noticed that on many websites, this fallback content is briefly shown, before the javascript has downloaded and run. It’s not a huge problem, but it’s not ideal. So I’ve created a very simple script that ensures fallback content is only revealed to those without javascript (or when the javascript fails to run).

    Read more

  • Base64 and the tiling background

    Any website that uses tiling background images will experience this issue. Whilst the page is loading, the content is displayed before the background images has downloaded, and so the site may look similar to this:

    Read more

  • History API: Tips & Tricks

    I’ve just made an update to my website so that page navigation takes advantage of the brand new history api which allows us to push history states to the browser without using hashes (like new twitter). There are great advantages of using the history api instead of hashes - your visitors see the same version of your site as search engines do so there is only one URL for any given page. Adding this functionality on to an existing site meant that I automatically used progressive enhancement - those that don’t have a modern browser, or even don’t have javascript can still use my website.

    Along the way I encountered some hurdles and came up with some pretty nifty solutions. I thought I’d share some of them.

    Read more

  • HTML5 Without the Shiv

    When it comes to the new HTML5 elements, most browsers can handle them just fine. All versions of Internet Explorer prior to IE9 won’t create dom structure for these elements. This seems like a bit of an issue.

    Read more

  • Fontdeck Stuff

    I’ve been working as an intern at Clearleft for the past 2 months, and I’m having a great time.

    As an intern, I had images of making endless cups of tea, and although I have attemted to fill that duty (sorry for the undrinkable tea Jeremy!) I’ve also been let loose on some pretty exciting stuff.

    Read more

  • Using jQuery as a Fallback for CSS3 Transitions

    Everyone is keen to get started with CSS3, and transitions are a great way to animate a hover effect or any change between CSS properties. This works great for people with modern browsers, but there are quite a few people who may miss out on the greatness.

    Read more