Quick-fix for twitching text/images when using CSS transitions

If you notice twitching text or images when you :hover over an element, adding this property to the element that has the glitch should take care of the problem.

-webkit-backface-visibility: hidden;

A better-behaved CSS box model

@paul_irish writes about a quick way to make the box model behave more logically. That means once you define the width of an element to be 100px wide, it will always be 100 pixels wide - whether you add a 20px padding or not. This also takes away headaches of setting up columns with padding, since a 50% wide element will still be 50% of the parent container’s width regardless of padding. Bonus points for strong support on all modern browsers.

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

Read the full article