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

stackoverflow.com

The ipad onscreen keyboard changes position:fixed style to position:static that misplaces those elements and you'll have problems...

makandra dev

Next time you have to do more than trivial CSS changes on a project, you probably want to have live...

This card shows how to upgrade a Rails 2 application from Rails 2.3.8 through every single patch level up to...

Back in the old days, we couldn't do something like that: .foo { position: absolute; bottom: 0; /* This was bad...

We have often felt the pain where our models need to serve too many masters. E.g. we are adding a...

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

If you need to capture signatures on an IPad or similar device, you can use Thomas J Bradley's excellent...

developer.mozilla.org

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

makandra dev
github.com

Stringex is a gem that offers some extensions to Ruby's String class. Ruby 1.9 compatible, and knows its way...

makandra dev
clicktorelease.com

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

w3.org

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

kushagragour.in

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

makandra dev
jakiestfu.github.com

Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to...

github.com

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