53 CSS-Techniques You Couldn’t Live Without « Smashing Magazine

Popularity Report

Total Popularity Score: 0

Rank

URL Tag Cloud

Related Lists

Bookmark History

Saved by 628 people (-157 private), first by anonymouse user on 2007-01-18

Mozgermi on 2009-11-01 - Tags css , webdesign , design , web , reference , techniques , Tutorials
Comeandsee on 2009-10-27 - Tags no_tag
Jadudley on 2009-10-23 - Tags edit_5322
Alexgross on 2009-09-29 - Tags css , webdesign , design , web , reference , programming
Skuhlenschmidt on 2009-09-27 - Tags Coding

Public Comment

on 2007-01-23 by mangal

Great CSS Styles reference

on 2007-01-25 by nitram079

This post is amazing! If CSS is in any way an issue for you, don't miss this one!

on 2007-01-28 by di_tri_nel

Excellent resource for CSS tricks

on 2007-02-03 by ycc2106

Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier.

on 2009-01-29 by halavais

Some neat little tricks there. And for those looking for hints for webprog-2-f, this should be especially helpful...

Public Sticky notes

Highlighted by rikaizm

53 CSS-Techniques You Couldn’t Live Without

Highlighted by ashleystar

53 CSS-Techniques You Couldn’t Live Without

January 19th, 2007

Highlighted by nitram079

Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier.

Highlighted by ycc2106

53 CSS-based techniques you should always have ready to hand if you develop web-sites

Highlighted by stumax

53 CSS-Techniques You Couldn’t Live Without

Highlighted by beingz

Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is.

Highlighted by piggex

53%20CSS-Techniques%20You%20Couldn%E2%80%99t%20Live%20Without%20%7C%20Smashing%20Magazine

Highlighted by mvance

Cascading Style Sheets offer many advantages you donâ€™t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isnâ€™t it great? Well, actualy, it is.

Highlighted by piggex

CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier. Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.

Highlighted by glitch

53 CSS-Techniques You Couldn’t Live Without

Highlighted by desirea

Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.

Highlighted by jonphipps

1. CSS Based Navigation

2. Navigation Matrix Reloaded

3. CSS Tabs

4. CSS Bar Graphs (CSS For Bar Graphs)

5. Collapsing Tables: An Example

6. Adam’s Radio & Checkbox Customisation Method

7. CSS Image Replacement

8. CSS Shadows (CSS Shadows Roundup)

9. CSS Rounded Corners Roundup (Nifty Corners)

10. Drop Cap - Capital Letters with CSS

11. Define Image Opacity with CSS

12. How to Create a Block Hover Effect for a List of Links

13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS

14. CSS Diagrams

15. CSS Curves

16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.