As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different colors they may be over. Visit Link
Tag: tools
CSS-Tricks
This is an awwwwesome site. http://css-tricks.com/
Full Screen Responsive jQuery Image and Content Slider:RSlider | EGrappler
RSlider is a full screen responsive image and content slider, with a nice and simple design it adjusted automatically to the width of your browser screen. http://www.egrappler.com/full-screen-responsive-jquery-image-and-content-sliderrslider/
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/
daneden/Baseline.js
Baseline.js Baseline.js is a simple jQuery plugin for restoring baselines thrown off by odd image sizes. Simply call the plugin like so, passing the height of your baseline as a variable. It even works on responsive designs! https://github.com/daneden/Baseline.js
jq-idealforms
Ideal Forms is the ultimate framework for building and validating responsive HTML5 forms. http://elclanrs.github.com/jq-idealforms/
Duplex – Retina Image Converter
Duplex is a very simple Macintosh application that handles batch scaling of images. The main purpose of Duplex is to provide a quick way for designers or developers to produce assets to improve the look of their existing sites on retina displays. http://moople.co.uk/duplex/