See Through 3D Desktop

Users can casually open up the See-Through 3D Desktop and Type on the keyboard or use a trackpad as in traditional 2D operating environment. Windows or files are perceived to be placed in a 3D space between a screen and the input plane. The user can lift up his hands to reach the displayed windows …

jQuery Anystretch

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 …

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 …