This may be a good solution to use along with enquire.js to responsively change the data grid based on the viewport Visit Link
Tag: postrwd
Media Query Snippets – list of media queries
This little web page gives you @media queries for monitors, smart phones and tablets. They don’t go into the detail of pixel density, but focus mainly on device-widths and orientations. This is great to give you an idea about the number of media query possibilities, but I would recommend coming up with your own set… Continue reading Media Query Snippets – list of media queries
Proto: Rapid Prototyping for Responsive Web Design
Proto helps you knock up quick responsive layout concepts by providing a set of predefined CSS classes. All that’s needed to get going is the proto.scss file and some basic HTML. Visit Link
Setup to Build Responsive Websites
Have you ever been stuck with testing your responsive designs? In this post Eric takes us through some tricks on Chrome Developer Tools, Bookmarklets, Adobe Edge Inspect and getting it working with LiveReload plus another bunch of techniques Visit Link
Adobe Edge Reflow | Edge Tools & Services | Adobe & HTML
Adobe are releasing their next suite of products and some of the focus is on responsive design. The Reflow tool kind of reminds me of an existing grid tool that allows you to set responsive layouts, however this is a little more hi-fidelity. Since the release of Adobe Shadow I’ve started to admire the Adobe… Continue reading Adobe Edge Reflow | Edge Tools & Services | Adobe & HTML
Respondu 0.0.4 – Up to date with proposed picture sytax | Responsive Images Community Group
Respondu version 0.0.4, a responsive image poly fill solution that piggy backs on the noscript idea using a hack to extract the noscript content cross-browser, has been released. This is unlike the solution from Filament Groups Scott Jehl. Worth checking out.. Visit Link
Responsive Measure: A jQuery plugin for responsive typography
Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text. http://jbrewer.github.com/Responsive-Measure/
elefontpress/rwd-grid-example
Following up from last weeks excellent article on vertical responsiveness, Bearded have shared their very own responsive grid on GitHub. Jolly good show chaps! https://github.com/elefontpress/rwd-grid-example
Introducing Foundation 3.1, Now with HTML Templates! by ZURB
We’ve been working hard over the last couple weeks to incorporate new features into Foundation that make it even better than before! Today we are excited to announce the release of version 3.1 of Foundation, go get it now at http://foundation.zurb.com. http://www.zurb.com/article/1070/introducing-foundation-31-now-with-html-t
Fresco – A Beautiful Responsive Lightbox
There has been a lot of repsonsive sliders but not many responsive lightboxes. Fresco JS does just that. It is strange though that the website itself is not responsive. http://www.frescojs.com/