A visual way to understand CSS Specificity Visit Link
Tag: Links
Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!
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
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
Animate.css – a bunch of plug-and-play CSS animations
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. Visit Link
Ultimate CSS Gradient Generator – ColorZilla.com
This cool little gradient generator helped me develop the gradient for my navigation on responsivedesign.is -> http://codepen.io/justincavery/pen/viepz Visit Link
Cropp.me | The easiest and smartest online crop tool
An online image cropping service that means you don’t have to open photoshop when you need to crop. Visit Link
Creating a Grid for Product View in PHP for a eCommerce Site
Visit Link
(un)clrd – The world wide web in black and white!
(Un)clrd is a firefox and chrome plugin that turns your browsing experience into black and white only. Great for looking at a site design for design ascetics without color/colour. Visit Link
Bricss – box-shadow vs filter: drop-shadow
Have you ever wanted a box-shadow that followed the shape of an element, including generated content, like a tooltip with an arrow? Or you wanted a box-shadow to take transparent parts of a .png into account? That’s exactly what filter: drop-shadow() does. It has the exact same syntax as the box-shadow property, except that inset… Continue reading Bricss – box-shadow vs filter: drop-shadow
Stylus
If you want an expressive css language for nodejs with these features or the features listed below, head over toGitHub for more information. Visit Link