Spreewald now comes with a step that tests if a form field is visible: Then the "Due date" field should...
Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to...
Awesome color schemes for RubyMine, Sublime Text 2 and other editors. To install the themes into your Rubymine, copy intellij...
So you want to find out how many horizontal pixels you have available on a mobile device. This is super...
li.active a:link Example output (specificity): | 0 | 2 | 2 | See also: https://www.codecaptain.io/tools/css-specificity-calculator
40 new icons, spinner-style rotation with CSS animations, smaller file size, possibility to sub-set the font to only...
Examples how to create dozens of shapes using pure CSS and a single HTML element.
Axlsx is an incredible gem to generate "Office Open XML" spreadsheet files (XLSX). Does not break on large spreadsheets and...
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
Basic error pages To add a few basic styles to the default error pages in Rails, just edit the default...
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...
navy 0.5.1+ gives empty navigation containers a CSS class .navy-empty which you can hide via .navy-navigation &.navy-empty...
Xfce gives you a million options to configure your panels. Together with Xfce's sometimes arcane configuration UI, this can...
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...
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...
Richard Powell presents a collection of CSS styling advice that's mainly taken from SMACSS. Although at makandra we're...