Examples how to create dozens of shapes using pure CSS and a single HTML element.
jQuery plugin for equalizing the height or width of elements.
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
Static error pages To add a few basic styles to the default error pages in Rails, just edit the default...
If - for whatever reason - you have to render stylesheets dynamically, the following snippet might be of help. It emulates what...
Harry Roberts, a youngster from the UK, wrote a comprehensive article telling you how to smell CSS rot early.
David Walsh from Mozilla shows how to fire 'DOM changed' events from CSS. No need for JS to observe DOM...
You know that you can force absolute URLs throughout a response. Now you want to modify URLs similarly, but only...
navy 0.5.1+ gives empty navigation containers a CSS class .navy-empty which you can hide via .navy-navigation &.navy-empty...
Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout...
I am talking about development speed. When your application starts growing and you start adding gems, it starts to take...
As the title says: this jQuery plugin creates bar charts from HTML tables. It comes in some different flavors.
The classical scenario: There's a parent div element and you want to center some arbitrary child element vertically inside...
Ever wanted to preview a pattern from Subtle Patterns on your site without the hassle of swapping out images and...
Icon fonts like Font Awesome are infinitely scalable, look great on high-DPI displays and will give your app a...
You can use scheme-less URLs (or protocol-relative URLs) to have browsers use the current protocol (HTTP or HTTPS...
Under certain (unknown) circumstances, Rails will give localized files an invalid content-type in the Response header. For me, after...
If you're using the Capybara webdriver, steps sometimes fail because the browser hasn't finished loading the next page...
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...
Haml 3.1.2 displays single quotes in FormBuilder#text_ field html escaped. You may see something like that:
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...
Richard Powell presents a collection of CSS styling advice that's mainly taken from SMACSS. Although at makandra we're...