csswizardry.com

Harry Roberts, a youngster from the UK, wrote a comprehensive article telling you how to smell CSS rot early.

davidwalsh.name

David Walsh from Mozilla shows how to fire 'DOM changed' events from CSS. No need for JS to observe DOM...

navy 0.5.1+ gives empty navigation containers a CSS class .navy-empty which you can hide via .navy-navigation &.navy-empty...

The classical scenario: There's a parent div element and you want to center some arbitrary child element vertically inside...

makandra dev
chrome.google.com

Ever wanted to preview a pattern from Subtle Patterns on your site without the hassle of swapping out images and...

stevesouders.com

You can use scheme-less URLs (or protocol-relative URLs) to have browsers use the current protocol (HTTP or HTTPS...

makandra dev
leemunroe.com

Shows how to implement an animated progress bar in pure CSS, without animated GIFs, Javascript or Flash.

Browser rendering engines are very slow at rendering large box shadows. I had a situation where a complex layout with...

Why is this useful? You can have a background image on the same element, overlaying it with a transparent gradient...

When is this useful? When both parent and child elements have borders, with this technique you don't get two...

makandra dev
github.com

Richard Powell presents a collection of CSS styling advice that's mainly taken from SMACSS. Although at makandra we're...

makandra dev
github.com

Turbolinks makes following links in your web application faster. Instead of letting the browser recompile the JavaScript and CSS between...

makandra dev
davidwalsh.name

CSS transitions make your responsive websites smoother and more professional. It's easy and already there. Use it!

Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...

A print stylesheet is easy to create. Choose a font suited for paper, hide some elements, done. Unfortunately print stylesheets...

css-tricks.com

Nice list of icon sets that come in the form of fonts. I recommend Font Awesome.

If you encounter a Firefox that does not care about your font settings but always uses specific fonts, you can...

github.com

Internet Explorer until version 9 has some limitations when parsing CSS files Summarized, these are: Up to 31 CSS files...

By default, only application.js, application.css and all non-JS/CSS files are precompiled into public/assets. If you have asset manifests...

It might be one of the following: You are looking at a manifest file (like application.css) which is always empty...

github.com

No one wants to cry over regression issues in views; does testing HTML and CSS have to be such a...

makandra dev
twitter.github.com

Explanation of the "bootstrap 2" base CSS. Contains information about: Typography Code Tables Forms Buttons Icons

makandra dev
build.phonegap.com

Write your app using HTML, CSS or JavaScript, upload it to the PhoneGap Build service and get back app-store...

For my Gem Session project Holly I ran the Ironman of drag'n'drop implementations: Dragging in nested lists