Mobify.js is an open source library for improving responsive sites by providing responsive images, JS/CSS optimization, Adaptive Templating and more.
Media Queries is a new feature in CSS3 that allows you to write CSS styles for devices with different orientations and dimensions. Following is a list of CSS3 Media Queries for most common used devices that cover iPhone, iPad, Kindle, Android phone and more .
Focus Transition is a standalone script that has the ability to adds a transition to the focus outline when you tab around inputs, buttons, and links.
In this tutorial written by MARY LOU we’re going to show you some simple CSS tricks using data attributes and pseudo-elements. The aim is to create an image caption using only an anchor and an image as markup. We’ll be exploring how to create pseudo-elements from some data attribute values and use them in a hover effect or simply show them next to the image. Using (more) semantic markup is of course what you should be doing, especially for data that is important to be shown. Demo: http://tympanus.net/Tutorials/PseudoElementsImageCaptions/ Download: http://tympanus.net/codrops/2013/07/05/using-custom-data-attributes-and-pseudo-elements/
34Grid is a Responsive Grid System based on “equally distributed columns” layout basis. In contrast to other great grid systems (@see bottom of page), 34Grid provides equally distributed columns for each row. (and also column complements for inequal distributions) Preview and Download: http://34grid.com/