Home

Resources Home CSS General Articles

User rating:

Customizing Order List style using CSS

This CSS code demonstrates styling OL lists by first getting rid of the default ones, then using CSS generated content to create custom counters instead.
http://www.dynamicdrive.com/style/csslibrary/item/customizing_order_list_style_using_css/
User rating:

Using CSS Background-size Responsively

This article looks at how to show inline and background images in a responsive manner, one that adjusts to the user's screen size.
http://www.onextrapixel.com/2012/03/02/using-css-background-size-responsively/
User rating:

Advanced Media Queries for Mobile Devices

See how to use CSS media queries to selectively show a navigation bar based on the device's orientation and dimensions.
http://trentrichardson.com/2011/03/15/advanced-media-queries-for-mobile-devices/
User rating:

Using the Cicada Principle to create non repeating titled images

A fascinating look at using the cicada principle to create tiled patterns that do not repeat (for a very long time at least).
http://designfestival.com/the-cicada-principle-and-why-it-matters-to-web-designers/
User rating:

CSS Triangle Arrow DIVs

A look at how to use CSS to turn regular DIVs into speech bubbles without the use of images.
http://www.dynamicdrive.com/style/csslibrary/item/css_triangle_arrow_divs/
User rating:

My New Best Friend: CSS Generated Content

The following examples show how to use CSS generated content to create everything from triangles, arrows, to shadows sans images.
http://www.viget.com/inspire/css-generated-content/
User rating:

The CSS white-space Property Explaineed

This article explains the different values for the CSS white-space property, and how each one can be used.
http://www.impressivewebs.com/css-white-space/
User rating:

CSS Wordpress Theme

A dark, simple, one column, free CSS Wordpress theme by Diana McCarthy that's worth a look and a download! Love that it's purely CSS based.
http://www.killkidz.com/simply-pink/
User rating:

CSS Sprites. They’re Awesome. Use Them

A look at what CSS image sprites are and why you should them (oh yes, and how).
http://fringefocus.com/2010/tutorial/css-sprites-theyre-awesome-use-them
User rating:

47 CSS Tips & Tricks To Take Your Site To The Next Level

47 CSS tips that span from beginner to more advanced CSS code.
http://www.instantshift.com/2010/03/15/47-css-tips-tricks-to-take-your-site-to-the-next-level/

CSS Forums News

Dynamic Drive forums | Register

All images and content copyright © 2004-2012 CSS Drive. Contact Info | Back to Top