A list of FontAwesome icons in the form of copyable Unicode characters or HTML entities. You might prefer to use...
An opinion how to implement BEM. I don't agree with all of Nico's choices, but I applaud his...
Box shadows are awesome. Unfortunately they are also very costly to render. You will rarely notice the rendering time on...
Using CSS sprites for background images is a technique for optimizing page load time by combining smaller images into a...
Next time you have to do more than trivial CSS changes on a project, you probably want to have live...
Back in the old days, we couldn't do something like that: .foo { position: absolute; bottom: 0; /* This was bad...
Find out in this short guide, how to horizontally center a absolute positioned container with CSS. Note: We have a...
Smashing Magazine lists some handy tricks for print style sheets, all with CSS: Expand External Links For Print
CSSmatic lets you play around with four rather complex CSS stylings and gives you CSS or SASS code to use...
The linked site lists a wealth of CSS hacks that let you apply styles to just that one browser. You...
calc() lets you mix CSS units. Ever wanted to give an element "the container's width minus 20px on each...
JavaScripts and CSS should be minified for production use. In Rails 3.1+ the asset pipeline will take care of this...
Counters are an awesome CSS feature you didn't know about. It is supported in all browsers and IE8+.
This is awesome. Only ran smoothly in Chrome. Is a slideshow in Firefox.
You probably know that you can use CSS selectors to match against elements and their attributes, such as:
You can use the content CSS attribute to set an element's content -- which is especially useful for the :before...
A tooltip library that does not use Javascript. Works in IE9+. This library (or the technique used by it) could...
Spreewald now comes with a step that tests if a form field is visible: Then the "Due date" field should...
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.
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.