Front end coding for a responsive web

By David HornCase Studies, CSS, Design, HTML5, Mobile

So then, the time has come to start a client project from scratch using purely responsive techniques (as defined by Ethan Marcotte’s book Responsive Web Design).  I’ve retro-fitted some responsive techniques to previous client sites, but this will be the first ‘responsive’ project I’m starting from scratch.  The three core ‘ingredients’ for this responsive website … Read More

responsive jQuery video plugin

By David HornCSS, Design, jQuery

It’s been all about jQuery plugins for responsive web design these past few weeks … and here’s another good one: FitVids: A lightweight, easy-to-use jQuery plugin for fluid width video embeds. And, nicely done this, they’re using another responsive jQuery plugin – FitText for the heading text. Nice work all round.  Hurrah!

more on responsive jQuery image sliders

By David HornCSS, jQuery

Ah well, now you’re talking … my recent post on a responsive jQuery image slider quickly became the most popular blog post on my website showing just how many people are looking for a responsive slider … and now, happily, there is a nice full featured jQuery plugin – FlexSlider – The Best Responsive jQuery Slider. Super … Read More

The Semantic Grid System

By David HornCSS, Design, Web Development

Really, this should be filed under ‘probably too good to be true’ … but let’s hear it out. So, here’s the problem: there are a ton of great grid based CSS frameworks for designers to work with – frameworks which provide a baseline for dividing up the page into a usable grid via a series … Read More