makandra dev
cssdeck.com

Clever hack to allow user interaction without Javascript (by using radio buttons and selecting on :checked).

Give the table a style table-layout: fixed Give the cells in the first row a width The same width...

Setting the colorbox opacity by hash parameter when initializing doesn't work the way like the documentation tells you.

An annoying part of using font icons is that the icons usually need to live in the DOM. This is...

Ubuntu 12.04 LTS x64, Ruby 1.8.7, Rails 2.13, PDFKit 0.5.4, Phusion Passenger Apache 2 I ran into this, when I...

creativebloq.com

I recently created a survey asking fellow designers about the problems they faced when creating fully responsive sites. This article...

divshot.com

Motion is quickly becoming one of the most important emerging techniques in building a quality user experience on the web...

Using text-transform: uppercase - especially on form labels - can cause you serious headaches in Selenium tests. Sometimes the web driver...

tjvantoll.com

Did you know you can color your line-throughs or underline, or make them wavy like spell-checkers do?

speakerdeck.com

Awesome slide deck about taking liberties with design requirements in order to keep the CSS simple.

fortawesome.github.io

A list of FontAwesome icons in the form of copyable Unicode characters or HTML entities. You might prefer to use...

hagenburger.net

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...

makandra dev

Using CSS sprites for background images is a technique for optimizing page load time by combining smaller images into a...

makandra dev

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...

coding.smashingmagazine.com

Smashing Magazine lists some handy tricks for print style sheets, all with CSS: Expand External Links For Print

cssmatic.com

CSSmatic lets you play around with four rather complex CSS stylings and gives you CSS or SASS code to use...

browserhacks.com

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...

makandra dev

JavaScripts and CSS should be minified for production use. In Rails 3.1+ the asset pipeline will take care of this...

developer.mozilla.org

Counters are an awesome CSS feature you didn't know about. It is supported in all browsers and IE8+.

makandra dev
clicktorelease.com

This is awesome. Only ran smoothly in Chrome. Is a slideshow in Firefox.