Categories
Links

Backgrid.js

This may be a good solution to use along with enquire.js to responsively change the data grid based on the viewport Visit Link

Categories
Links

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 […]

Categories
Links

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

Categories
Links

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

Categories
Links

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 […]

Categories
Links

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

Categories
Links

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/

Categories
Links

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

Categories
Links

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

Categories
Links

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/