My personal favorite of all the new tasty #css features is box-shadow. It behaves almost the same way as the Photoshop's "Drop Shadow" blending option, but it can't be tuned via pretty sliders like in PS.

Here's one useful recipe: More under the cut

When you wanna create a simple triangle you probably don't want to create a new image, then create a double-sized version for retina and so on..

There is a solution for triangles - css borders. They can be used for creating any triangles you need :) More under the cut

The old way to do menu like this:

was using single row table with fixed width.

The problem is because we can't create dynamic width of menu item without table or javascript...

But there is a solution. More under the cut

I have fixed our gravatars for #retina display. Now they have x4 pixels.

So, I saved old image dimentions and now use bigger images (x2 for width and hight). Is it ok?

#css #html

I used to include images in my Sass files with an image-url helper. But once I faced a strange issue that is hard to debug - background image of element was not showing on the screen. More under the cut

This example showcases how to have an onload function fire off for HTML elements who are already loading More under the cut

New version is 2.1.0.

I don't know what is changed in code, but views now all looks better. No more ugly black top navbar. By default it's white (gray).

5 minuters ago I upgraded my project without any bugs or conflicts.

http://twitter.github.com

#twitter #bootstrap #css

There is a service by #adobe - typekit.

You subscribe and get access for many fonts.

Then you should create a typekit and add a javascript to your website's head.

You can manage what types of font will be loaded (weight, languages).

Try it #css #fonts

gist:2661088 #css #css3

If I remember correctly it takes any Font Face and adds a basic

top: 9px;
position: absolute;

Style to them for all browsers and devices that can use them. It's been awhile since I used it honestly I was just cleaning up my gists and found it again..

Go forth and Propagate!

gist:3267623 #css #css3 #compass #sass #scss #forms #html5forms

Formalize (http://formalize.me/) can be a really quick way to style your HTML Forms while making them a "little more cross-browser compatible". I've used it a few times on a couple small client projects such as a one-page Facebook App/Page. More under the cut

gist:3188392 #css #json #html

This Gist is based off of the design @daryl on Dribbble. You can find that here.