In succession to the aforementioned Responsive Navigation Patterns, a variant of “the toggle” A Responsive Design Approach for Navigation, Part 1 →
Tag Archives: link
Ringmark – Acid test for Mobile Browsers
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”
Resizer // A responsive design bookmarklet
Responsive navigation patterns
PixelPhones
Whilst strolling around on Seb Lee-Delisle‘s GitHub account, I noticed he pushed PixelPhones to it 5 days ago. (Photo source: flickr/johansterenberg) Seb’s PixelPhones project is one of the most amazing things I’ve seen at Fronteers’11 ever: use your mobile device to visit a webpage where a connection is opened to the PixelPhones server (via a …
Pinterest’s div stacking layout algorithm
The number of columns adjusts to fit more/less on browser resize and the vertical stacking is not dependent on adjacent column heights. The source code shows that each div is positioned absolute. I would love to know how to accomplish this. What technology is used to generate pinterest.com’s absolute div stacking layout? →
Please Steal These webOS Features
When Apple introduced the first iPad in 2010, I bought one immediately. I didn’t know what I’d use it for, but I was sure that I would find some use for it. I never did. I played around with it, wrote some code for it, but eventually stopped using it. So when I bought a …