Posts tagged responsive
Posts tagged responsive
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.
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.
Control your Drupal Page Layout with Context and Delta
With the Delta module, you can build custom page layouts by making new versions of the theme settings page; then apply those unique layouts on particular pages, sections, or user roles via the Context module. While designed specifically for the Omega theme, Delta will also work with other themes. Mobile Tools can help you to detect users viewing your site with mobile device to further customize the theme just for them. Let’s take a closer look.
This was inspired by, and based on’s excellent . 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.
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
tonsMILLIONS 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.
- 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.
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.