FooTable plugin makes it really easy to create responsive HTML tables that look great on small devices. Using a concept called “breakpoints”, you can define which column should be displayed or hidden when the table is being viewed using a mobile or monitor.

A jQuery plugin that spans a horizontal navigation to fit the full width of its container. Even has support for responsive designs.

(Source: gregbabula)

Here are some of the lessons we’ve learned working on a recent real-life, large-scale [responsive web design] project. Specifically, this post focuses on how we chose to deal with deep navigation in the landscape of a templated environment.

This was inspired by, and based on @lensco’s excellent Simple Responsive Design Test Page. It lets you view any webpage in multiple screen sizes, simulating the viewport of different devices. After getting such a positive response to my original post, I thought I’d expand on it a little. Since people are obviously targeting different device screen sizes with their projects, the form below now lets you generate a custom bookmarklet that displays only those device sizes you’re interested in.

thechangelog:

Whoa, that’s a mouthful, but very exciting.

For those of you who have embraced jekyll, Octopress (the WordPress alternative for hackers) or NestaCMS - Reverie may not be for you. But there are still tons MILLIONS of sites/blogs running on WordPress.

As of today’s date (02/10/2012) there are 71,176,074 WordPress sites in the world and WordPress.com hosts about half.

Let’s summarize:

• ZURB’s Foundation (perfect for mobile to the desktop)
• HTML5 Boilerplate standards
• hNews microformat
• Optimized for SEO
• Basic CSS is included, or use it as a finished theme (please don’t)
• Foundation is separate, and can be updated without any problems

Zhen has licensed the Reverie Framework under an MIT License, the same as Foundation and encourages developers and designers to keep the footer information (“powered by Reverie Framework”) to help spread the word, though it’s optional.

Source on GitHub - Homepage

(Source: thechangelog)

Over at NTEN, Nam-ho Park describes four approaches to mobile sites (click through for descriptions of each):

• Update your existing platform to mobile
• Create a mobile website
• Employ responsive design
• Create a native mobile app

In the past few months, I’ve spent an inordinate amount of time discussing the differences between the “adaptive” and “responsive” web design philosophies. Don’t get me wrong, I love having these discussions, but I felt the need to set the record straight: these two philosophies are not at odds, despite numerous blog posts and tweets to the contrary.