Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the window size changes. Handy when having a fluid layout/responsive design. Anystretch Demo → Anystretch (GitHub) → UPDATE: Reader Oemebamo pointed …
The slow elephant in the responsive images room
The past few weeks a lot has been going on around one of the challenges of responsive web design, namely responsive images. The gist of it is pretty straightforward: it’s not a good idea to let a device download a big image if that device is a small-screen device. It’s better to serve that device …
Continue reading “The slow elephant in the responsive images room”
Basics of three.js
A Responsive Design Approach for Navigation, Part 1
Ringmark – Acid test for Mobile Browsers
Stuff Instagramers says
Wimpy Braille Burgers
Wimpy wanted to let visually impaired people know that they offered braille menus in all of their restaurants. To spread the word we built braille burgers that blind people could actually read. With the help of skilled chefs we took sesame seeds and meticulously placed them on burger buns so that the seeds formed braille.
Beating Borders: The Bane of Responsive Layout
When coding a responsive site, one uses percentage based widths on your content which involves a little bit of math, but it’s actually super basic and can be handled by anyone with basic addition and multiplication skills. Let’s say we want to add a border to our design. How do we do that? It turns …
Continue reading “Beating Borders: The Bane of Responsive Layout”