Snipplr

(CSS) Sticky Footer (make footer always be on bottom without absolute positioning) - lister

Tue, 05 Jul 2011 07:26:09 UTC

(CSS) Adding Google fonts - lister

Tue, 05 Jul 2011 07:22:53 UTC

Use this to add the Google font API. This lets you use some new cool-looking fonts on your website that all browsers and computers will display properly â€“ so you donâ€™t have to mess with installing fonts separately for your website or hoping your visitors have the appropriate fonts (which no self-respecting designer would do anyway). In the head:

(CSS) Pretty Ampersands - lister

Tue, 05 Jul 2011 07:19:13 UTC

(CSS) Linear Gradient - lister

Tue, 05 Jul 2011 07:17:53 UTC

CSS3 allows to create linear gradients which is a nice feature as you do not need an image anymore for this. Keep in mind that some browsers do not support this feature.

(CSS) Create pull-quotes also known as a lift-out quote - lister

Tue, 05 Jul 2011 07:16:50 UTC

A pull-quote is often used in news magazines which notice small quotes added within the article, not as full block-quotes, but as small quotes that sit within the article but to the side, sometimes adding things such as peopleâ€™s opinions or quotes. The benefit of using pull-quotes is that it adds greatly to the user experience when reading an article.

(CSS) Vertical Center - lister

Tue, 05 Jul 2011 07:15:35 UTC

This snippet allows to vertically center the contents of a container without any extra markup by simply displaying it as a table cell. This allows you to use the vertical-align attribute.

(CSS) Min-height in IE - lister

Tue, 05 Jul 2011 07:14:37 UTC

Microsoft IEâ€™s does not have the capability of handling min-height. In essence, IE interprets height as min-height, so since IE wont implement the auto height, this snippet will fix all this for us (using !important).

(CSS) Center a website horizontally - lister

Tue, 05 Jul 2011 07:13:41 UTC

Usually a website is centered horizontally. To achieve this you need the following CSS.

(CSS) @Font face or beautiful typography in the web - lister

Tue, 05 Jul 2011 07:12:57 UTC

@Font face or beautiful typography in the web @Font-face offers a great way to use non web safe fonts in your web projects. While this snippet works, we strongly recommend you to use the Font Squirrel Font Face Generator. Not all browsers supports all types of fonts: Internet Explorer only supports EOT Mozilla browsers support OTF and TTF Safari and Opera support OTF, TTF and SVG Chrome supports TTF and SVG.

(CSS) Basic css sprite button - lister

Tue, 05 Jul 2011 07:10:19 UTC

Using a sprite is a good idea as it lowers the HTTP-Request. Here is a simple example on how to use this technique. Using a sprite, we can create the hover effect by changing the position of the background image down to a certain height to show the background to the button on hover. A simple yet effective technique. The drawback of using multiple sprites on an image is that you cannot repeat it.

(CSS) Multiple Columns - lister

Tue, 05 Jul 2011 07:09:13 UTC

Now you do not have to brother about columns as CSS3 supports it. Use CSS3 to create a set of columns on your website without having to assign individual layers and / or paragraphs for each column. It is pretty straightforward. In this example we create a 3 column layout.

(CSS) Multiple Background Images - lister

Tue, 05 Jul 2011 07:08:03 UTC

Multiple background images can be a useful feature if you want to put some pictures in a background in different positions. Separate it using a comma with the standard background property.

(CSS) Hide text (to place logo) with text indent - lister

Tue, 05 Jul 2011 07:05:28 UTC

Hiding text can be extremely useful to hide company logo. As logos are usually an image, you will want to use text indent to place it in a h1 tag for SEO (Search Engine Optimization). The technique we use is to hide the text far away off the screen, and apply a background image instead.

(CSS) CSS Global Reset - Eric Meyer - lister

Thu, 12 Jun 2008 11:08:13 UTC

edit

(CSS) reset CSS template - lister

Sun, 27 Apr 2008 08:27:57 UTC

by Chris Coyier