Smashing Magazine ~ we smash you with the information that will make your life easier. really.
Smashing Magazine we smash you with the information that will make your life easier. really.

53 CSS-Techniques You Couldn’t Live Without

By Smashing Editorial, January 19th, 2007 in CSS | 1,039 Comments | Forum

Advertisement

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, actually, 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. Links checked: June/11 2008.

You might want to take a look at the article Powerful CSS-Techniques For Effective Coding.

1. CSS Based Navigation

CSS-Technique

2. Navigation Matrix Reloaded

CSS-Technique

3. CSS Tabs

CSS-Technique

4. CSS Bar Graphs (CSS For Bar Graphs)

CSS-Technique

5. Collapsing Tables: An Example

CSS-Technique

6. Adam’s Radio & Checkbox Customisation Method

CSS-Technique

7. CSS Image Replacement

CSS-Technique

8. CSS Shadows (CSS Shadows Roundup)

CSS-Technique

9. CSS Rounded Corners Roundup (Nifty Corners)

CSS-Technique

10. Drop Cap - Capital Letters with CSS

CSS-Technique

11. Define Image Opacity with CSS

CSS-Technique

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

CSS-Technique

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

CSS-Technique

14. CSS Diagrams

CSS-Technique

15. CSS Curves

CSS-Technique

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.

CSS-Technique

17. CSS Image Map

CSS-Technique

18. CSS Image Pop-Up

CSS-Technique

19. CSS Image Preloader

CSS-Technique

20. CSS Image Replacement for Buttons

CSS-Technique

21. Link Thumbnail

CSS-Technique

22. CSS Map Pop

CSS-Technique

23. PHP-based CSS Style Switcher

CSS-Technique

24. CSS Unordered List Calender (CSS Styled Calender)

CSS-Technique

25. CSS-Based Forms: Techniques

CSS-Technique

26. CSS-Based Tables: Techniques

CSS-Technique

27. Printing Web-Documents and CSS

CSS-Technique

28. Improved Links-Display for Print-Layouts with CSS

CSS-Technique

29. CSS-Submit Buttons

CSS-Technique

30. CSS Teaser Box

CSS-Technique

31. CSS Tricks for Custom Bullets

CSS-Technique

32. Ticked Off Links Reloaded

CSS-Technique

33. CSS Zooming

CSS-Technique

34. Creating a Star Rater using CSS

CSS-Technique

35. The ways to style visited Links

CSS-Technique

36. PDF, ZIP, DOC Links Labeling

CSS-Technique

37. Displaying Percentages with CSS

CSS-Technique

38. Image Floats without the Text Wrap

CSS-Technique

39. Let visitors decide, whether or not will they open link in a new window

CSS-Technique

40. Simple accessible external links

CSS-Technique

41. Zebra Table with JavaScript and CSS

CSS-Technique

42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS

CSS-Technique

43. Unobtrusive Sidenotes

CSS-Technique

44. Image Caption with CSS (Styled Images with Caption)

CSS-Technique

45. Dynamic Piechart with CSS

CSS-Technique

46. Format Footnotes with CSS

CSS-Technique

47. Hierarchical Sitemap with CSS

CSS-Technique

48. Snook’s Resizable Underlines

CSS-Technique

49. Switchy McLayout: An Adaptive Layout Technique

CSS-Technique

50. StyleMap: CSS+HTML Visual Sitemap

CSS-Technique

51. Custom Reading Width

CSS-Technique

52. CSS Alert Message

CSS-Technique

53. CSS Production Notes

CSS-Technique

Delicious button Stumbleupon Spread the word on Twitter!

Advertisement
  1. 1.

    J David (January 19th, 2007, 10:09 am)

    fantastic list. some of these are techniques that I didn’t know existed but should have been using all along…

  2. 2.

    sandro (January 19th, 2007, 12:40 pm)

    Excellent work! My del.icio.us account just became 10x more valuable to me! Thanks

  3. 3.

    juixe (January 19th, 2007, 1:07 pm)

    Woah, that is a great freaking list!! I now know what I’ll be reading over this weekend.

  4. 4.

    Marquis (January 19th, 2007, 1:47 pm)

    This is a pretty neat article. I knew about most of these features, but some of the things you are able to do with CSS leave me speechless! Thanks for this article!

  5. 5.

    Felix (January 19th, 2007, 2:10 pm)

    thx for compiling this, it really helps. Lots of the techniques that I didn’t know.

  6. 6.

    Tommy (January 19th, 2007, 2:43 pm)

    Great list. This site is definately bookmarked on my browser. I can spend hours on end just reading available posts. Very much appreciated.

  7. 7.

    Faitoo (January 19th, 2007, 2:48 pm)

    Awesome. Great Compilation.

  8. 8.

    Victor (January 19th, 2007, 3:43 pm)

    Thanx a lot!
    Now I know many things about CSS.

  9. 9.

    Ganesh (January 19th, 2007, 4:11 pm)

    ^:)^

  10. 10.

    tech (January 19th, 2007, 4:18 pm)

    wonderful resource for webmasters, thank you the webmaster :)

  11. 11.

    The Doc (January 19th, 2007, 4:28 pm)

    just great
    thx!

  12. 12.

    stan (January 19th, 2007, 4:29 pm)

    nice list- thank you so much for the time invested :)

  13. 13.

    Tony Narlock (January 19th, 2007, 4:41 pm)

    This is it, this is what people are looking for… Absolutely wonderful — Keep this page up…

  14. 14.

    Darklight (January 19th, 2007, 5:10 pm)

    great list, thanks for sharing!

  15. 15.

    Maurizio (January 19th, 2007, 5:11 pm)

    Very cool, and useful, list.
    Thank you!

  16. 16.

    Max Perlov (January 19th, 2007, 5:25 pm)

    May be you should add some samples from
    Javascript drag&drop libraries review (http://www.ajaxpath.com/drag-and-drop/), that was also highly valued in Digg and Stumbleupon?

  17. 17.

    vic (January 19th, 2007, 6:16 pm)

    Great!!

    But “47. Hierarchical Sitemap with CSS” link doesn’t work.

  18. 18.

    Carlos Eduardo (January 19th, 2007, 6:20 pm)

    Very, very good list!

    It will help us a lot, when we need some particular CSS technique.

    Thank you again ;)

  19. 19.

    marc (January 19th, 2007, 6:40 pm)

    Great collection!

    Thanks alot…

  20. 20.

    Dirk Ginader (January 19th, 2007, 7:22 pm)

    Trackback:
    Das Smashing Magazine listet die 53 lebenswichtigen CSS-Techniken
    Gerade erschien im Smashing Magazine der Artikel 53 CSS-Techniques You Couldn’t Live Without.

    Der Artikel stellt eine quasi vollständige Liste aller wichtigen CSS-Techniken der letzten 2 Jahre dar.

    Jeder der sich mit CSS beschäftigt sollte meiner Meinung nach

  21. 21.

    volkan karakus (January 19th, 2007, 9:01 pm)

    Great List! I bookmarked this page on my browser. Thanks for your works!

  22. 22.

    Sean (January 19th, 2007, 9:17 pm)

    This is a great collection of CSS-related links. Thank you very much!

  23. 23.

    Nicholas (January 19th, 2007, 10:59 pm)

    Great list! #25 is a broken link.

  24. 24.

    Jyot (January 19th, 2007, 11:07 pm)

    An awesome collection. Thanks for your hard work. I may have stumbled upon some of these sites on the web but finding everything in one place is great.

  25. 25.

    Ron (January 19th, 2007, 11:09 pm)

    Amazing. Words fail me here; every web designer out there should go through this with a fine-toothed comb.

  26. 26.

    Jan (January 19th, 2007, 11:31 pm)

    I think you could also add my chameleon colors script to this list,
    It allows affiliates of a site (or designers) to toggle colors between all hex colors for a given site without changing the images of code.

  27. 27.

    Ro (January 20th, 2007, 12:17 am)

    This is a very nice list. I don’t do very much css anymore, but this is a reason to get back in their and tinker with things.

    r.

  28. 28.

    Zen (January 20th, 2007, 12:34 am)

    An excellent collection of links.

    Thanks!

  29. 29.

    kdoteje.be (January 20th, 2007, 2:26 am)

    great post.. 10x

  30. 30.

    Jesper Rønn-Jensen (January 20th, 2007, 3:41 am)

    Thanks a lot. A few new techniques to the collection :)

  31. 31.

    Valics Lehel (January 20th, 2007, 7:54 am)

    Indeed, a NICE list. I think it will be usefull in our projects.

  32. 32.

    David G. Paul (January 20th, 2007, 5:56 pm)

    very cool

  33. 33.

    shpyo (January 21st, 2007, 5:16 am)

    It’s soooo k3wl collection!!!!!!!

  34. 34.

    nnmd (January 21st, 2007, 9:23 pm)

    Great stuff! Trying to realize some of these techniques on my own site.

  35. 35.

    Matthias Mauch (January 21st, 2007, 9:31 pm)

    Great tips, but the one about the text size switcher isn’t a real css-technique. Does anybody know a sample without Javascript?

    Aside from that, the CSS shadow tip is a great simple example which I will use in the next time. Thanks for this short description about CSS shadows.

  36. 36.

    Jake Rutter (January 21st, 2007, 10:24 pm)

    Great Resources, I love seeing lists like this, Well Done!

  37. 37.

    alvanweb (January 22nd, 2007, 1:10 am)

    Very cool.It’s a great resource,Thanks.

  38. 38.

    TimM (January 22nd, 2007, 1:13 am)

    Good list - but you should point out the hidden problem with CSS… every browser does it differently! So we are back to the bad old day of loading up every version of all the latest browsers and trying it out.

    Anyway - it would be good to indicate which browsers each of these tips has been tried on (e.g. IE6,7, Firefox 1.5, 2, Opera, MAc etc).

    Can’t help but think in the interest of purity we took several steps backward until the industry sorts itself out again. Shame really.

    Tim

  39. 39.

    Chris (January 22nd, 2007, 3:33 am)

    Awesome help!
    Thanks!

  40. 40.

    asdf (January 22nd, 2007, 5:22 am)

    Christ, is your headline big enough?

  41. 41.

    Torley (January 22nd, 2007, 5:45 am)

    What an amazing compilation, with preview images too! Incredible. How much time did you take to do this? In any case, I hope you know it’s certainly worth it — from my eyes, anyhoo! I’ve bookmarked this for future reference. :)

  42. 42.

    chris (January 22nd, 2007, 12:51 pm)

    awesome.
    totally awesome.

    thats my reading material for the next few weeks sorted then. thanks for such a rich list of quality material!

  43. 43.

    Sardionerak (January 22nd, 2007, 1:12 pm)

    You are my hero! I am not kidding. This will make my life so much easier, you have no idea! Thank you, thank you, thank you!

  44. 44.

    Komal (January 22nd, 2007, 2:51 pm)

    This is incredible. I didnt know many of these tehcniques existed. Thanks a ton.

  45. 45.

    Ramana (January 22nd, 2007, 5:38 pm)

    Fantastic collection… This is one great list of CSS Wonders… Thanks a lot!!!

  46. 46.

    separatelife.de (January 22nd, 2007, 6:09 pm)

    [...} Das Smashing Magazine hat sich die Mühe gemacht, 53 wundervolle CSS-Techniken zusammenzutragen, [...]

  47. 47.

    separatelife.de (January 22nd, 2007, 6:09 pm)

    [...} Das Smashing Magazine hat sich die Mühe gemacht, 53 wundervolle CSS-Techniken zusammenzutragen, [. ..]

  48. 48.

    Mr Teacher (January 22nd, 2007, 6:18 pm)

    Really great list and will help teaching and learning of this area tremendously. Thanks!!

  49. 49.

    Ross (January 22nd, 2007, 6:29 pm)

    Great list! A few things that I’ve done differently in the past, but will be CSSing in the future.

  50. 50.

    Ramon Bispo (January 22nd, 2007, 8:04 pm)

    Wow!! Great list!

  51. 51.

    daweed (January 22nd, 2007, 8:22 pm)

    a very interesting article with a good collection of link and démo… thank a lot.

  52. 52.

    Ali (January 23rd, 2007, 4:07 am)

    Great effects!!
    I love them
    can i use them in my designs?

  53. 53.

    devnull_ (January 23rd, 2007, 4:21 am)

    This blog is great. Read it every day (or atleast when some new stuff is coming up) and the content rocks!
    Please provide more like this.

    Cheers.

  54. 54.

    Stefan (January 23rd, 2007, 5:13 am)

    nice collection here … thanks a lot …

  55. 55.

    Alex (January 23rd, 2007, 1:24 pm)

    Excellent. Just need time to apply a few of the listed ideas and techniques to my websites.

  56. 56.

    Rack Lin (January 23rd, 2007, 2:23 pm)

    Great and Useful!!

    CSS + jQuery , it change the way that i design web.

  57. 57.

    dieter (January 23rd, 2007, 8:39 pm)

    Great reading! Definitely worth a bookmark.
    Certainly the calendar as an unordered list was new to me!
    Keep up the good work.

  58. 58.

    Chin Yong (January 23rd, 2007, 11:55 pm)

    Wow, this is a really great list of CSS tricks. Thanks for the collection.

  59. 59.

    200th reply from SecureSlash.com (January 24th, 2007, 1:31 am)

    really amazing collection you SMASH buddy.

  60. 60.

    Ben Strackany (January 24th, 2007, 9:19 am)

    Kudos, this is really helpful! I can finally make some attractive web sites …

  61. 61.

    Mark (January 24th, 2007, 1:52 pm)

    nice list and documented, thanks for this

  62. 62.

    Eoin (January 24th, 2007, 7:58 pm)

    Stumbled on this easier shadow css after reading the two listed above:

  63. 63.

    Eoin (January 24th, 2007, 8:00 pm)

    Stumbled on this easier shadow css after reading the two listed above:

    img … style = “border: 5px outset; border-left-width: 0px; border-top-width: 0px;

  64. 64.

    Xplora (January 24th, 2007, 8:07 pm)

    Great reading! Thank you.
    And yes, a lot of work to do here for some days.
    Keep up the good work in the blog.

  65. 65.

    loige (January 25th, 2007, 6:46 am)

    Great! I’ll always keep those suggestions in mind :)

  66. 66.

    Sven Tietje (January 25th, 2007, 3:06 pm)

    thanks for this great list!

  67. 67.

    SvT (January 25th, 2007, 5:30 pm)

    Thanks!!.. ;)

  68. 68.

    antsae (January 28th, 2007, 1:34 am)

    Very good article that i have posted on my blog. Thanks for the information.
    Regards

  69. 69.

    Finert (January 28th, 2007, 2:42 pm)

    it is superb

  70. 70.

    Sergman - (January 29th, 2007, 12:47 am)

    This is the best list ever. Thank you for helping us.

  71. 71.

    usuario conocido (January 29th, 2007, 9:53 pm)

    Thanks, I guess this was the last drop I needed to start building a web site I always dream about.

    albertolevin.wordpress.com/

  72. 72.

    Kent Larsson (January 29th, 2007, 10:56 pm)

    Some of the links doesn’t work any more. Could you please look through them and perhaps update if you know where they went. That said. Lots of good information! Many thanks.

  73. 73.

    Perminder Singh (January 30th, 2007, 4:39 pm)

    Good to have goodies… thanks

  74. 74.

    loige (January 30th, 2007, 8:25 pm)

    The one to style the rating stars is great! ;)

  75. 75.

    gio (January 31st, 2007, 12:44 pm)

    wow, thank you for this very informative CSS tips and tricks. Im bookmarking this site now.

  76. 76.

    Eliseo (February 2nd, 2007, 6:25 pm)

    thanks, thanks, thanks to favorite!!

  77. 77.

    BillyChow (February 5th, 2007, 2:36 pm)

    whooa!
    so cool!

  78. 78.

    Balakumar Muthu (February 6th, 2007, 9:58 pm)

    GREAT list … thanks!

  79. 79.

    omid jazini (February 7th, 2007, 3:27 pm)

    this is very helpful! thanks

  80. 80.

    S. Gandhi (February 10th, 2007, 3:55 pm)

    Excellent Compilation. Very useful tips all on one page.

  81. 81.

    vibhash (February 11th, 2007, 3:33 am)

    Excillent share…thanks a lot for that post:)

  82. 82.

    d2s (February 11th, 2007, 9:39 pm)

    Thanks much for this list. Part of the list was already known to me but it’s always nice to get list with them (and many other interesting techniques).

  83. 83.

    Shamsath (February 12th, 2007, 1:04 am)

    A very useful list!! got to know about things which i never knew before

  84. 84.

    Bram (February 12th, 2007, 2:55 am)

    a true goldmine I struck.

    thanks a bunch!

  85. 85.

    Alfredo (February 13th, 2007, 3:32 pm)

    thanks for this. I am actually going to attend a CSS workshop on Feb 25 organized by Benj Arriola.

  86. 86.

    jojje (February 13th, 2007, 8:55 pm)

    Fantastic list! Appreciate the effort to compile it. *Bookmarked*

  87. 87.

    simplytaps (February 14th, 2007, 8:04 pm)

    Great work, now I have a reason to be busy this weekend.

  88. 88.

    buddy (February 17th, 2007, 12:23 am)

    thanks… this information helps beginner like me.

  89. 89.

    muztagh (February 20th, 2007, 4:38 am)

    Thank you, it is so useful!

  90. 90.

    Goran (February 20th, 2007, 9:07 pm)

    Thanks for all, Greetings from Serbia!

  91. 91.

    Rodrigo (February 20th, 2007, 9:22 pm)

    simply AWESOME!!!

    Congratulations!!

    Rodrigo

  92. 92.

    Andriy A. (February 21st, 2007, 7:05 pm)

    Awesome! This is a great list! But I can add some drop down menus to make CSS-Techniques COMPLITE list.

  93. 93.

    bulmam (February 23rd, 2007, 12:19 am)

    I love this list and I agree with your choices !
    thank you very much, I have discovered many things !

  94. 94.

    Sreedhar Vankayala (February 23rd, 2007, 8:58 am)

    Hi,

    I would like to download all these 53 CSS - articles either as HTML, DOC or PDF format.

    If anyone has a list or how to do it, let me know and thanks in advance.

    Regards,

    Sreedhar Vankayala

  95. 95.

    just4look (February 28th, 2007, 10:12 pm)

    It’s what I am looking for. It’s a marvelous art work.

  96. 96.

    Abdullah (March 1st, 2007, 1:25 pm)

    Wow awesome techniques, thanks a lot for compiling such a great list.

  97. 97.

    DeadLy (March 1st, 2007, 9:48 pm)

    Perfectt css sets. Thanks

  98. 98.

    steffen (March 2nd, 2007, 6:26 am)

    great list - thanks!

  99. 99.

    Southafrican (March 9th, 2007, 11:41 am)

    Les’t we forget the fine work of Rich Accessible Typography for the Masses, otherwize known as sIFR Link [www.mikeindustries.com]

  100. 100.

    fandango (March 9th, 2007, 8:44 pm)

    Very good tips for all developers.. thank you!

  101. 101.

    tony (March 18th, 2007, 11:20 am)

    awesome

  102. 102.

    Tommie (March 28th, 2007, 3:44 am)

    Great list, love it!

  103. 103.

    mahdi (March 29th, 2007, 3:52 pm)

    good job

  104. 104.

    Kenneth Mark (March 31st, 2007, 4:34 pm)

    Amazing collection, definetly a great web resource !

  105. 105.

    Robert (April 5th, 2007, 2:33 am)

    Great job!
    I’m working on a mayor project (something like flickr) and this is very helpful. Whithout this list I would be spendig a lot of time searching for great ideas to implement - now it’s very, very easy and a lot of fun!

    Thank you very much :)

  106. 106.

    DocZayus (April 6th, 2007, 12:13 am)

    WOW !!!!

    Just “Stumbled” here, and wow !!

    this rules!

  107. 107.

    dennis (April 6th, 2007, 11:05 am)

    apt-get install 53css-techniques

  108. 108.

    Michael Bessolov (April 7th, 2007, 12:02 pm)

    Just an amazing collection!
    Thank you guys!

  109. 109.

    Nikolay Kolev (April 10th, 2007, 2:57 pm)

    Thanks, guys! Hopefully you will periodically update this useful list. Thanks again!

  110. 110.

    Slave (April 10th, 2007, 4:13 pm)

    Wow. Just wow! :)

  111. 111.

    Rhys (April 10th, 2007, 4:37 pm)

    This is going straight to the top of my web design bookmarks list.

    Thanks!

  112. 112.

    dankos (April 10th, 2007, 7:27 pm)

    Thanks, guys!
    but is there any software for create automatic css?

  113. 113.

    Hiran Chatura (April 11th, 2007, 1:19 pm)

    These css techniques very useful to me. But I couldn’t find exactly what I need. (Grid Scroll Table). If anybody can give me help that will be very very useful to me!!!

  114. 114.

    Mamoun Rahhal (April 12th, 2007, 7:05 pm)

    thank you very much, Nice job, I apreciate that

  115. 115.

    Hakon Atli Halldorsson (April 15th, 2007, 1:15 am)

    Wow, awesome job mates :)

    Me + You = Babies

  116. 116.

    AnissaT (April 16th, 2007, 4:10 am)

    Bless You Bless You Bless You Bless You Bless You Bless You Bless You Bless You Bless You Bless You Bless You Bless You Bless You Bless You Bless You Bless You !

    This absolutely ROCKS.

  117. 117.

    buchin (April 21st, 2007, 12:20 pm)

    found this page from stumble upon. great list

  118. 118.

    11amDesign.com (April 22nd, 2007, 12:08 am)

    Great collection to choose from - I’m going to use some of these myself. Thanks!

  119. 119.

    Ben (April 22nd, 2007, 9:24 am)

    Absolutely incredible resource. Thanks for making this readily available.

  120. 120.

    Ali7 (April 23rd, 2007, 5:17 pm)

    Awesome List !

  121. 121.

    Richie (May 3rd, 2007, 4:56 pm)

    Awesome post!
    I have to say this post is very helpful!

  122. 122.

    Kiaora (May 6th, 2007, 9:52 am)

    The best collection of CSS articles so far…
    Many thanks to everyone who posted here their hard work for free, so that all lazy a*sses can take advantage and pretend it’s their own work.
    Cheers

  123. 123.

    Lola K (May 8th, 2007, 6:57 pm)

    Great collection. Thank you for sharing.

  124. 124.

    lorenza (May 10th, 2007, 12:34 am)

    Awesome! This is a great list

  125. 125.

    lorenza (May 10th, 2007, 12:35 am)

    This is a great list

  126. 126.

    Christian Pfeil (May 14th, 2007, 3:51 pm)

    Hi!

    Great list! Thank you.

    Cheers!

    Christian Pfeil

  127. 127.

    Eric (May 14th, 2007, 5:54 pm)

    Very fine. Thanks for the nice tipps.

  128. 128.

    Marcelo Macedo (May 14th, 2007, 10:20 pm)

    Amazing List!

    Marcelo Macedo
    Brazil

  129. 129.

    Pogung177 (May 19th, 2007, 4:52 am)

    very excelent colection, I’ve implement #9 but it only work for Firefox browser

  130. 130.

    AL__ (May 23rd, 2007, 2:25 am)

    Lovely to see such a wonderful site. Thank you

  131. 131.

    Piratex (May 24th, 2007, 4:02 am)

    GREAT tips, great thanks !

  132. 132.

    zubin (May 25th, 2007, 4:29 am)

    great links….great list….all at one place….!!

  133. 133.

    Amanda (May 30th, 2007, 7:52 am)

    Awesome

    this is a great learning experience its opened my eyes with Informative and very useful Resources. Thank you

  134. 134.

    login (June 5th, 2007, 7:25 am)

    Super site darlings. Thanks awfully

  135. 135.

    sliming (June 5th, 2007, 9:49 pm)

    %-) genuinely interested by this website

  136. 136.

    Bilaal (June 6th, 2007, 8:23 am)

    Coool collection of CSS with v good info Thank You

  137. 137.

    John (June 9th, 2007, 8:50 am)

    Thanks for the list, really appreciated

  138. 138.

    kirn (June 11th, 2007, 1:55 am)

    I’m working on a project and this is very helpful. Without this list I would be spendig a lot of time searching for great ideas to implement - now it’s very, very easy and a lot of fun!
    Thank you very much :)

  139. 139.

    aleem (June 12th, 2007, 3:12 pm)

    I’ve been searhing for this tecniqes for a long time, at last i found it….I haven’t seen such a amazing list.

    thanks for the creators…

  140. 140.

    Donny (June 14th, 2007, 2:02 pm)

    Great!, most powerful tutorial and tips ever!.

  141. 141.

    Tiago Floriano (June 17th, 2007, 11:18 am)

    very good! Congratulations!

  142. 142.

    graham (June 18th, 2007, 8:55 pm)

    excellent resource, thanks!

  143. 143.

    ramesh (June 20th, 2007, 3:03 pm)

    Mind blowing…..muahhhhhhhhhhh!!!

  144. 144.

    skyjuice (June 21st, 2007, 2:17 pm)

    i just notice this post T_T its ultra good.

  145. 145.

    Geoff (June 22nd, 2007, 11:54 pm)

    Now im going to have to put my prices up by 25%.

    Dam you smashingmagazine!! for letting the cat outta the bag! :)

    joking.

  146. 146.

    Niezły (June 25th, 2007, 3:35 pm)

    This is fantastic! List is simply amazing and i just can’t count how many times it could be useful. THANKS!

  147. 147.

    Sharon (June 28th, 2007, 12:15 am)

    just smashingmagazine!!!!

  148. 148.

    giochi strategia (June 28th, 2007, 6:53 pm)

    I like your website ,and like to communicate with everyone on this issue!

  149. 149.

    Veeru (July 2nd, 2007, 11:57 am)

    Awesome, nicely done -
    This is just so useful to me and i owe you a big thanks.

    Thankssssss

  150. 150.

    Carly (July 11th, 2007, 9:48 pm)

    Wonderful list thank you checking a few out now, bookmarked for later and might give the list a plug in my blog at some point. Very helpful, Thank you.

  151. 151.

    ceviri (July 14th, 2007, 2:09 am)

    This is going straight to the top of my web design bookmarks list.

    Thank you

  152. 152.

    matsu (July 18th, 2007, 8:43 pm)

    Thank you for your summary!!
    I was really surprised at current CSS technics!

  153. 153.

    emlak (July 23rd, 2007, 7:31 am)

    Cool list! Thanks for creating it…

  154. 154.

    maddalena (July 24th, 2007, 8:26 pm)

    Fantastic post, i want use your suggestion for beauty my herboristic site.

    Ha ve a nice day

  155. 155.

    Scott (July 28th, 2007, 5:09 am)

    I like the popup realtor image can this be done with frontpage?

  156. 156.

    Robsuke Daisuke (July 28th, 2007, 4:02 pm)

    I can live without these and I prefer to do so - I’m a webdesigner and for that reason I have quite a few different browsers installed for just checking how things work (even three different versions of Internet Explorer even though I run linux - I need them because IE is the most used and it gives the most problems too). I follow the KISS princible (Keep It Simple Stupid), I write clear, simple and 100% correctly validating HTML and CSS code - and yet things often get messed up, mostly with IE but other browsers sometimes have weird problems too. Not one of them follows the standard well enough to work always correctly even when using just simple styling.

    I wonder if I launched all my different browsers and checked all these tricks through, how many of them would not have any problems working in all browsers? And how many of them are actually necessary for creating a really nice looking webpage? How many of them are worth of spending time with the complicated code many of them create (CSS gave use the possibility to use really nice styling simply and a way for changing the style of the whole site by editing one file - but what are people using it for? Pull down menus, tabs and other tricks that not only break up with several browsers supporting CSS but may break the usability of the whole site with browsers without CSS support)?

    No, this is not clever. I understand from a hackers point of view that these are interesting and certainly have been great fun for someone to implement, but often hackers (including myself) do stuff that should be done because, and only because it’s possible, not because it would actually be usefull.

  157. 157.

    Leo (July 29th, 2007, 2:35 am)

    Nice and useful article

  158. 158.

    Desen (August 1st, 2007, 6:18 am)

    Amazing collection, definetly a great web resource ! Keep up the great work!

  159. 159.

    Roberto (August 5th, 2007, 3:08 pm)

    Thanks I love seeing our web service show up on Programmable Web. Ever since we decided to launch the web service publicly, I’ve been

  160. 160.

    Riz Ainuddin (August 8th, 2007, 4:44 pm)

    Thanks to all the developers for sharing these css tips and tricks.

  161. 161.

    Alfret (August 10th, 2007, 2:15 am)

    Thanks for the sweet collections of Css Scripts

  162. 162.

    Artur (August 12th, 2007, 3:42 pm)

    Thanks for very interesting article. Can I translate your article into itali and publish at my webblog? I will back here and check your answer.Beautiful I have long been waiting to get something like this on my hands

  163. 163.

    Marc (August 12th, 2007, 10:36 pm)

    Really good hints to nice css techniques, i wish i have found them before i have designed my site…

  164. 164.

    Chriseo (August 12th, 2007, 11:10 pm)

    I’ve tried Dmitri’s xpath solution some years ago, from what I remember it was noticeable problems with perfomance
    I’m curious why document.matchAll() returns a StaticNodeList instead of an array of

  165. 165.

    David (August 14th, 2007, 5:48 am)

    Thanks for the post! I somehow missed this and wouldn’t have known without your post. I heard about it on boagworld.com’s podcast but I’ve been following your work since the late ’90’s.
    Thanks for all your hardwork and your recent book. It’s been a great addition to my library!

  166. 166.

    neliason (August 15th, 2007, 7:26 am)

    Thanks for putting together a great collection of really neat techniques.

  167. 167.

    Dugu Miko (August 16th, 2007, 6:12 pm)

    Great list. Really love some of the points there.

  168. 168.

    Cchris (August 16th, 2007, 9:36 pm)

    All true and to get links from valued sites in your neighborhood you need great content and link bait such as free tools, advice, etc. However having sang from this hymn book for a long time its very frustrating to see “linked in” “technornati” ‘wikipedia” etc etc showing up in the top results for many searches. What are Google doing. Now what is going to happen everybody is going to start tagging like crazy. Basically they keep devaluing links to sites and replacing them wiht the next craze instead of doign what they tell the rest of us to do which is grow your links in a truly organic way.

  169. 169.

    David Mailer (September 1st, 2007, 7:10 am)

    Great and useful reading, i have found some new and definitely will add them to the arsenal.

    P.S.
    Some links does not work anymore.

  170. 170.

    Christoffer (September 5th, 2007, 3:41 pm)

    Great, great list. I will definetely have use for it. My websites look crap :)

  171. 171.

    frank (September 7th, 2007, 9:10 am)

    very good job,excellent resource for a lot of people
    thx

  172. 172.

    Munish (September 9th, 2007, 10:07 pm)

    Great Compilation!

  173. 173.

    Jaideep Walia (September 10th, 2007, 2:58 am)

    Great article. A good resource for many. I have used some of the examples and they have simply enhanced the overall feel of my site.

    Thank you again for this great collection

  174. 174.

    yosax (September 11th, 2007, 7:46 pm)

    Excellent tips!

  175. 175.

    tercüme (September 15th, 2007, 5:33 am)

    Thanks for very interesting Article.

  176. 176.

    Dj Tiesto (September 17th, 2007, 6:59 pm)

    Thank you for your summary!!
    I was really surprised at current CSS technics!

  177. 177.

    NBA (September 17th, 2007, 7:00 pm)

    Thank you for your summary!!
    I was really surprised at current CSS technics!

  178. 178.

    Alonzo Mourning (September 18th, 2007, 10:54 am)

    keep up the your great work.
    thank you.

  179. 179.

    data (September 21st, 2007, 10:36 pm)

    This is a great collection of CSS-related links. Thank you!

  180. 180.

    Kredi (September 22nd, 2007, 1:42 am)

    Great tips, but the one about the text size switcher isn’t a real css-technique. Does anybody know a sample without Javascript?

    Aside from that, the CSS shadow tip is a great simple example which I will use in the next time. Thanks for this short description about CSS shadows.Great tips, but the one about the text size switcher isn’t a real css-technique. Does anybody know a sample without Javascript?

    Aside from that, the CSS shadow tip is a great simple example which I will use in the next time. Thanks for this short description about CSS shadows.aaaaaaa

  181. 181.

    Jason (September 22nd, 2007, 4:19 am)

    Thanks so much for this list, some of these are amazing and have really helped, me thanks once again Smashing Magazine!

  182. 182.

    Zach (September 23rd, 2007, 7:04 pm)

    What an amazing compilation, with preview images too! Incredible.
    I like that…

  183. 183.

    Murat Dikyol (September 25th, 2007, 4:22 am)

    Thanks so much for this list, some of these are amazing and have really helped, me thanks once again Smashing Magazine!

  184. 184.

    Bramus! (September 26th, 2007, 4:45 am)

    In addition to #15: there’s a tool that can automatically generate those floating divs: Link [www.theboxoffice.be] ;)

  185. 185.

    splinter (September 27th, 2007, 5:24 pm)

    This is a great collection of CSS-related links. Thank you!

  186. 186.

    Viktor (September 28th, 2007, 5:11 am)

    Hey, thank you very much now im ready to pimp my own site up :P

  187. 187.

    Nonda (September 30th, 2007, 12:12 am)

    thanks good jop CSS style i thing will be new generation

  188. 188.

    Aliyev (September 30th, 2007, 12:15 am)

    Indeed, a NICE list. I think it will be usefull in our projects

  189. 189.

    khali (October 3rd, 2007, 2:04 am)

    very very nice listing man . :) I have tried first 2 menus . really nice . THANKS .

  190. 190.

    db (October 8th, 2007, 11:53 am)

    I was searching for some beginner intro into CSS and I found this article. Thanks.

  191. 191.

    leo (October 9th, 2007, 2:28 pm)

    got to your blog using ccs tutorial, very nice resource.

  192. 192.

    Korona (October 11th, 2007, 5:16 pm)

    CSS is important. And it is being used more and more often.
    the design of the whole site and support many function does CSS unchallengeable master for developer internet pages. I regrettably not wit to use CSS and on 50%. Hope that due to you I shall be able to perfect this situation thank you

  193. 193.

    Elizabeth (October 12th, 2007, 12:30 am)

    Hi. I found very useful and incredible all the information of this page but i found a problem i insert the code but when i click in the navigation bar i insert it gives me error WHY????????

  194. 194.

    alex (October 19th, 2007, 2:32 am)

    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.

  195. 195.

    Stanley (October 19th, 2007, 4:32 pm)

    @alex

    I think also so! I must learn CSS now! :)

  196. 196.

    david (October 19th, 2007, 7:57 pm)

    What a great site with all these wonderful blog templates

  197. 197.

    radikal-rider (October 19th, 2007, 8:52 pm)

    Awesome. Thanks.
    Best regards.

  198. 198.

    Perfume (October 22nd, 2007, 4:11 am)

    Excellent. Nice to have a comprehensive list in one place.

  199. 199.

    Pathfinder (October 23rd, 2007, 3:14 pm)

    Thanks for stuff.I was looking at the material over a large amount of time

  200. 200.

    J.L. Graham (October 24th, 2007, 10:52 am)

    I love the block hover effect. Thanks so much for posting this.
    Jess

  201. 201.

    Nicolaas van den broek (October 25th, 2007, 6:24 pm)

    I love u long time

    (this is just damn fantastic)

  202. 202.

    Polin Armsley (October 30th, 2007, 3:22 am)

    Well, as I understand it, that makes the HTTP_REFERER approach pretty useless - a pirate isn’t going to send that, so the result will be the same as a firewall blocking that info. It’s really a shame, because otherwise this seemed to be the most elegant approach to this headache!

  203. 203.

    oyunlar (October 30th, 2007, 11:03 pm)

    Well, as I understand it, that makes the HTTP_REFERER approach pretty useless - a pirate isn’t going to send that, so the result will be the same as a firewall blocking that info. It’s really a shame, because otherwise this seemed to be the most elegant approach to this headache!

    this idea is interesting

  204. 204.

    Mantra Zone (November 1st, 2007, 9:09 pm)

    I do understand what you mean, Nicolas

  205. 205.

    nezh (November 7th, 2007, 11:21 pm)

    It will help us a lot, when we need some particular CSS technique.

    Thank you

  206. 206.

    game (November 10th, 2007, 12:36 am)

    I love the block hover effect. Thanks so much for posting this.

  207. 207.

    Proflogistics (November 22nd, 2007, 4:12 pm)

    Thanks to all developers who contributed to accessible and usable css-based design over the last few years.

  208. 208.

    Jeetlo (November 23rd, 2007, 6:27 pm)

    Now being a webmaster what I can say about this incredible css help. Just amazing help..!

  209. 209.

    Tom Gorge (November 24th, 2007, 3:19 am)

    Thanks so much for putting up this together.
    It saves so much time. The best useful tips in once place!

  210. 210.

    Sac Bakimi (November 25th, 2007, 12:58 pm)

    Thanks for compiling this awesome list, some of these goodies are gonna be in my site pretty soon!

  211. 211.

    Philippines (November 29th, 2007, 10:50 am)

    Great compilation of CSS essentials. It does helps a lot to learn the awesome things CSS can do. CSS does beautify the web. It is like icing on a cake. CSS makes website design sweet. Thank you for providing us such valueable information about CSS.

  212. 212.

    Every (December 8th, 2007, 9:31 pm)

    CSS is simple solutioon for your web, especially if you are going to hide any errors i the layout design :)

  213. 213.

    Oyvind (December 9th, 2007, 10:24 am)

    Wow, fantastic post and really good for me as I am redesigning my site to a portfolio site :) thanx for the great tips!

  214. 214.

    Miami Heat (December 11th, 2007, 7:42 pm)

    Now being a webmaster what I can say about this incredible css help. Just amazing help…

  215. 215.

    Andres (December 15th, 2007, 12:06 am)

    I thought you would find this useful Link [www.cssbuttons.net]

  216. 216.

    mk (December 20th, 2007, 4:27 am)

    Smashing list, indeed! Also thanks for all people who added their gems!

  217. 217.

    Sim Kamsan (December 24th, 2007, 12:50 pm)

    Woow! Great Thanks Happy Merry Cristhmas Day.

  218. 218.

    Felipe Cavalcante (December 24th, 2007, 9:37 pm)

    Great compilation! Thanks for share it!
    I suggest to add “pagination” to thist list.

  219. 219.

    justfragrances (December 27th, 2007, 9:09 am)

    These CSS articels are great, there is so much you can do with CSS other than just text size and fonts. Great article

  220. 220.

    Avery (December 28th, 2007, 10:34 am)

    I love the block hover effect. Thanks so much for posting this.
    I will bookmark this page.

    Avery

  221. 221.

    Kevin (December 29th, 2007, 7:08 pm)

    Awesome job, learning CSS techniques helps you keep your site looking fresh and new.

  222. 222.

    KEE (December 30th, 2007, 12:29 pm)

    I also want to download some of CSS code

  223. 223.

    Adam T. (January 4th, 2008, 10:42 am)

    Granted, it’s my own dumb fault for following a link to obvious Digg-bait, but as much as this list has a FEW good links, #26 sticks with me as the worst. Have we gone so far down the CSS rabbit hole that we’re forgetting about HTML TABLE elements? Semantic styling dictates that you use the elements that are best suited for the job, and in my opinion, a table is the best way to deliver… a table. You’re doing the Web a disservice when you go outside those lines for general concepts such as this.

  224. 224.

    Simon Jia (January 4th, 2008, 7:10 pm)

    Awesome list. This is will come in real handy. Let’s not brag about the list being not incomplete. Everyone should keep a list of some sort of their own. The point of the post is to present the techniques that are important and handy.
    If you feel like there are stuff missing in the list, just share it in your comment.

  225. 225.

    Mukarram (January 17th, 2008, 11:47 pm)

    Great Info ……

  226. 226.

    Crazy guru (January 24th, 2008, 7:40 pm)

    woooh!! i found what i need…thanks a lot.

  227. 227.

    oda kapisi (January 27th, 2008, 5:49 am)

    It does helps a lot to learn the awesome things CSS can do. CSS does beautify the web. It is like icing on a cake. CSS makes website design sweet. Thank you for providing us such valueable information about CSS.

  228. 228.

    mahesh (January 29th, 2008, 2:58 am)

    Thank you for sharing such a nice tips!

  229. 229.

    cecco (January 30th, 2008, 5:26 pm)

    Thank you, really good job!

  230. 230.

    Karthic (February 1st, 2008, 1:05 am)

    Thanks for share, Great.I think think its a great work thanl

  231. 231.

    Naseer Ahmad Mughal (February 4th, 2008, 7:04 am)

    Hi there,

    I have seen these all and found very very helpful for my development in this direction …. (handling layout with CSS).

    I simply say, WELL DONE, and many thanks

    Best Regards,
    naseer ahmad mughal

  232. 232.

    Kalyan (February 8th, 2008, 6:24 am)

    A good Collection dude………..

  233. 233.

    Grup Hepsi (February 9th, 2008, 6:53 am)

    . CSS does beautify the web. It is like icing on a cake

  234. 234.

    Kishore (February 11th, 2008, 2:42 am)

    Awesome collections dude. Thanks for sharing Gr8 Tips & Tricks. This is very useful for webdesigners. Link [www.kishoreblog.com]

  235. 235.

    Lux (February 13th, 2008, 9:36 am)

    I stumbled upon this post, and it’s great! Tx

  236. 236.

    Tyler @ Building Camelot (February 14th, 2008, 8:34 am)

    I don’t care if you guys already have 287 comments on this article - I’m going to leave one more. What an awesome article and thanks for putting all of this together in one place. Adding this to my bookmarks right now!

  237. 237.

    tercüme (February 21st, 2008, 4:29 am)

    Thank you

  238. 238.

    sayamish (February 21st, 2008, 8:23 pm)

    fabulous collectiong !!! …keep it on fellow..

  239. 239.

    Bashkov (February 22nd, 2008, 10:39 am)

    That is absolutely awesome!!! Thanks a LOT!!!

  240. 240.

    alienado (February 25th, 2008, 12:55 pm)

    Thank you, you’re the best. I love this website

  241. 241.

    Web Pixy (February 27th, 2008, 3:38 am)

    Thank you very much for this awesome post! All of these CSS techniques are very cool and I’m sure they will be useful for every web designer.

  242. 242.

    Dolapo Taiwo (March 4th, 2008, 8:23 am)

    I never thought css could do so much stuff. In fact from what I can see above, a lot of the behaviours in ajax can be replicated in css!

  243. 243.

    Daniels (March 4th, 2008, 3:47 pm)

    Although this list is now more than one year old: It’s still interesting and there are still new things to find / explore. Thank you!

  244. 244.

    Jobst von Heintze (March 5th, 2008, 2:51 am)

    Great list - thank you!

  245. 245.

    cexut (March 5th, 2008, 12:39 pm)

    Thank you so much for this list.
    Very useful.

  246. 246.

    iddaa (March 7th, 2008, 4:48 am)

    Reayly great blog.
    Regards

  247. 247.

    Kevin (March 7th, 2008, 10:00 am)

    Really nice article on CSS tips… i am already using couple of them..!!

  248. 248.

    Jens Meiert (March 12th, 2008, 3:23 am)

    I may point to a method that helps judging these techniques [1]. Some are in fact quite good, others might be “worth reconsideration”.

    [1] Great CSS Techniques

  249. 249.

    Peter T (March 13th, 2008, 10:53 pm)

    This website is a great example of web space.

  250. 250.

    Marge (March 19th, 2008, 10:46 pm)

    The tips are nice, especially the ones for rounded corners. Is there a tutorial that allows CSS to apply rounded corners directly to images? I’ve seen one on the Internet, but it requires Javascript and I would rather avoid that since I’m new to web design.

  251. 251.

    Master Edge (March 21st, 2008, 12:45 pm)

    Thanks for such useful post!

  252. 252.

    dantel (March 21st, 2008, 12:56 pm)

    Printing Web-Documents and CSS it’s good

  253. 253.

    SHCE (March 25th, 2008, 2:56 pm)

    Very nice :) btw very good tips i will use them.

  254. 254.

    Jorn Mineur (April 1st, 2008, 3:41 am)

    Thanks, this is a very helpful reference. Allow me to disagree on the importance of some of these techniques:

    4. Bar graphs are two-dimensional representations of one-dimensional data. A bar is a line with added but content-empty thickness. A table with labels and numbers is more precise and allows for easier comparison than a bar graph.
    5. Collapsing tables must be avoided. Tables are not tools, they represent information. Either the data is important and you show it, or it is not important and you don’t show it.
    45. Pie-charts make themselves more important than they are. Representing one-dimensional data in a two-dimensional model doesn’t make the data two-dimensional. Use a table with labels and numbers instead.

  255. 255.

    Terry (April 4th, 2008, 12:17 pm)

    Looking for suggestions on how to present a site makeover to new users. We have a well established site (300k user sessions a month) who I feel might be lost as our new design is significantly different than the current.

  256. 256.

    Autor (April 18th, 2008, 4:19 am)

    I really dont understand, why some people still dont use CSS, but tables. CSS is easier, much more powerfull and much better looking… And your post is another proof :)

  257. 257.

    John O’Robert (April 28th, 2008, 2:46 am)

    Wow! Great list! Cool collection - I’m gonna grab me some CSS - Tahnkssssss!!!!!!!!!!!!!!!!!!!!

  258. 258.

    praveen (May 7th, 2008, 10:00 pm)

    ohh….wonderfull………….

  259. 259.

    Sarah (May 8th, 2008, 9:36 am)

    I am about to embark on a CSS learning curve of excellence thanks to this list!

  260. 260.

    bilard (May 20th, 2008, 11:05 am)

    Great and excellent article it’s realy helpful. Thanks again.

  261. 261.

    sara (May 22nd, 2008, 1:56 pm)

    Tons of resources here. Thanks!!

  262. 262.

    Roland Schupp (May 28th, 2008, 11:25 pm)

    Thx a lot for another great resource. I am again surprised how much benefit a webdesigner can get out ouf your magazine.

  263. 263.

    sachin khobragade (May 30th, 2008, 3:51 am)

    it’s really a great stuff !

  264. 264.

    Pattern Crochet (June 3rd, 2008, 12:48 am)

    Thanks for very interesting article. I really enjoyed reading all of your articles. Keep up the good work. See You

  265. 265.

    Jaspal Singh (June 9th, 2008, 1:54 am)

    wow ! … i think i will have to brush up my skills … thnx

  266. 266.

    Yarn (June 11th, 2008, 10:58 pm)

    thak you very much
    Link [www.yarn-paradise.com]

  267. 267.

    ildvr (June 14th, 2008, 4:01 am)

    very useful tricks! Thank you! but in CSS I prefer to use as little pics as design can.

  268. 268.

    moovendan (June 17th, 2008, 1:18 am)

    cool techniques . Keep up the good work.

  269. 269.

    Vera (July 2nd, 2008, 11:32 pm)

    This list is orgasmic. Bookmarking in every single social bookmarking service I have an account with. I cannot afford to lose this!!

  270. 270.

    webdesign hamburg (July 3rd, 2008, 5:58 am)

    wow ! … i think i will have to brush up my skills … thnx

  271. 271.

    trCreative Web Design (July 10th, 2008, 4:19 am)

    Great techniques! Thanks for sharing!

  272. 272.

    Dimitar (July 10th, 2008, 11:55 am)

    Good TEchniques!

  273. 273.

    Ivan (July 18th, 2008, 10:04 am)

    Great list, but I’d like to see some better examples of some table-based forms as well. Not everyone wants to spend 3 weeks styling a “pure” css form with multiple columns.

  274. 274.

    Tilemahos Manolatos (July 23rd, 2008, 6:37 am)

    excellent collection!

  275. 275.

    rajesh (July 29th, 2008, 3:24 am)

    I Will use this in my website.

  276. 276.

    wangtao (August 1st, 2008, 6:32 am)

    great source!

  277. 277.

    Mulli Bahr (August 18th, 2008, 1:11 am)

    Great work! the 300+ responses says it all!

    I will be back for more….

    Thank you.

  278. 278.

    RegEx (August 18th, 2008, 10:29 pm)

    You definitely put a lot of work into collecting a bunch of tutorials. There is a ridiculous amount of “wow” commenting here and at the risk of getting lost in the mix I really have to stress that everyone starts moving towards some web standards and check out the jQuery library.

  279. 279.

    Go-Gulf.com (August 31st, 2008, 8:52 pm)

    WOW. Excellent Collection of CSS techniques. The beauty of these samples is that you can view the code and check the CSS. All the code is in the one file. Thanks allot for these nice posts.

  280. 280.

    oaken (September 8th, 2008, 3:30 pm)

    Great list… i’ll bookmark your site… thanks

  281. 281.

    Hero (September 9th, 2008, 6:52 pm)

    it ’s powerfull!
    Thank you so much!

  282. 282.

    Diablo (September 16th, 2008, 3:26 pm)

    thank you so much 2!aa

  283. 283.

    wtf (September 25th, 2008, 12:39 pm)

    Considering alot of these use and NEED Javascript, i wouldn’t call them CSS Techniques… CSS is just handy to manipulate via JS but these are not a OUT of the Box working tricks of pure CSS, they just plain need JS to work, but still handy to have that option.

  284. 284.

    Üzeyir özkol (October 4th, 2008, 5:37 am)

    Thank You

  285. 285.

    Rahul (October 6th, 2008, 11:09 pm)

    really is tremendous work in css i was so excitted to learn css really
    really really really thanks…

  286. 286.

    stefan (October 7th, 2008, 11:56 am)

    :O

    mega list :)

    juz wiem co bede siekal przez kilka dni :D

  287. 287.

    mrRo (October 8th, 2008, 1:18 am)

    Thanks so much

  288. 288.

    Mauro Castaldi (October 13th, 2008, 4:46 am)

    Wonderful !

  289. 289.

    howphones.com (October 18th, 2008, 5:23 pm)

    great css templates, Many thanks

  290. 290.

    Anthony Mark (October 22nd, 2008, 4:18 am)

    Wow what a fantastic inventory, you’ll be saving me a shed load of time, much appreciated!

  291. 291.

    yubs (October 29th, 2008, 11:21 pm)

    wow !!
    great !!
    thank U !!
    gogo~book mark~
    ——–in korean
    와우 !!
    멋져요!!
    고마워요!!
    북마크 고고씽~

  292. 292.

    siva (November 1st, 2008, 9:26 am)

    really awesome work……. a good collection of work. i have made use of lot of technique given here to create my personal page with admiring styles. thanks to all the persons behind this collection……

  293. 293.

    rohit mehra (November 5th, 2008, 12:43 am)

    Excellent collection of CSS. Its helps me a lot in knowing more about CSS. I hope for more collections in future.
    In the end, Great Job!!!!!

  294. 294.

    Ralf Merz (November 7th, 2008, 2:57 am)

    Great list! Very interesting things.

    Thank you very much for this great work!!!

  295. 295.

    Max (November 7th, 2008, 7:47 am)

    Excellent list, very helpful for me. Many CSS techniques were unknown for me and will surely help me on some future projects! :)

  296. 296.

    Chary (November 18th, 2008, 10:25 pm)

    Gr8 work indeed..
    Cool CSS tricks & Nice techniques…. right here!!!

    అదిరింది గురూ!
    (in telugu)

  297. 297.

    Anuradha Joshi (November 20th, 2008, 5:09 am)

    its great work……………
    can i have a code of this?????
    its really excellent…….. great!!!!!!!!!!!

  298. 298.

    teknoloji (December 4th, 2008, 11:21 pm)

    really very helpful tutorial

  299. 299.

    kavitha (December 9th, 2008, 12:05 am)

    Its very great work.
    can i have a code of this samples?????

  300. 300.

    Website Designing India | Website Designing Company | Website Design Company (December 9th, 2008, 1:31 am)

    SaiCreative offers complete solutions regarding Website Designing India,Website Designing Company,Website Design Company,Flash Website Company India,flash website designing,Economical website Designing,flash website designing company india,

  301. 301.

    Steve (December 11th, 2008, 6:28 pm)

    great collection, thanks…

  302. 302.

    francis.augustin (December 14th, 2008, 11:12 pm)

    nice

  303. 303.

    Daan Walraven (December 16th, 2008, 9:19 am)

    I’m the #1000 comment!

  304. 304.

    Bibi (December 18th, 2008, 8:06 pm)

    really fantastic….and usefull…thanks for this

  305. 305.

    ali (December 26th, 2008, 2:33 am)

    YOU ! ARE ! AWSOME ! THANKS !

  306. 306.

    Jaikumar (December 29th, 2008, 2:44 am)

    This very wonderful tutorial.

  307. 307.

    plecho (December 30th, 2008, 5:25 am)

    impressive.

  308. 308.

    Amber Weinberg (January 2nd, 2009, 7:27 pm)

    Awesome list! I didn’t even know you could do some of this stuff with CSS!

  309. 309.

    Mr. Jones (January 3rd, 2009, 7:35 am)

    Finally a useful article with useful information!! Thanks :-)

  310. 310.

    Execelent CSS techniques (January 3rd, 2009, 10:53 pm)

    I always use Link [www.intelisoftbd.com] when I need to find CSS based web design resources. It’s definitely impress me for excellent CSS tools that I’ve come across.

  311. 311.

    eAi-nEt (January 12th, 2009, 3:50 am)

    That’s wat i’m talking about , Smashing , Just one word
    Awesome
    Thanks , we need alot of this cool posts

  312. 312.

    Ofer (January 12th, 2009, 4:11 am)

    Finally, someone who puts all the knowledge in one place.
    i My self am a web designer for some time now (Since 1999) and i wanted to launch a page like that for CSS a long time ago, but i became lazy.
    Thumbs up, really good job, just keep it posted.

  313. 313.

    Daisy (January 18th, 2009, 2:41 am)

    Fantastic!

  314. 314.

    Javaid (January 18th, 2009, 9:41 pm)

    Really great.Thanks a lot. We needed them so much.

  315. 315.

    CSD (February 2nd, 2009, 11:29 am)

    Thank you!! Great list to keep as a reference.

  316. 316.

    saurabh (February 3rd, 2009, 8:09 am)

    great lists ! got some new tricks even .. thanks for sharing …

  317. 317.

    sourav sen (February 4th, 2009, 12:32 am)

    Excellent list..

  318. 318.

    strony internetowe wrocław (March 4th, 2009, 8:26 am)

    Great list to keep as a reference.

  319. 319.

    Me (April 6th, 2009, 12:33 am)

    Still a great list! Where’s the “even more CSS techniques” :)

  320. 320.

    Manuel (April 13th, 2009, 3:17 am)

    no.1000

    very nice and useful list. thx

  321. 321.

    dubli (April 14th, 2009, 10:34 am)

    Thanks for Tips & Tricks.

    Link
    [www.dubli.de]

  322. 322.

    strony internetowe (April 21st, 2009, 7:50 am)

    nice tutorial :)

  323. 323.

    Gemedj89 (April 25th, 2009, 6:28 am)

    Great !! Thanks !

  324. 324.

    paztel (April 29th, 2009, 9:26 am)

    gracias ^^
    thanks

  325. 325.

    Mark Finder (May 21st, 2009, 5:59 am)

    Thank for great list. I think pure-css menus are important too :
    Link [www.cafewebmaster.com]

  326. 326.

    Synergy Informatics (May 26th, 2009, 3:07 am)

    hi, fantastic list… we’ve been using some of these techniques… your articles gives lot of new techniques each time i visit it…

    thanks.. keep posting…

    Synergy Informatics
    Link [www.synergyinformatics.net]

  327. 327.

    karel santralleri (June 8th, 2009, 1:58 am)

    Thank You..
    Link [www.karelsantralleri.com]

  328. 328.

    moovi (June 17th, 2009, 4:03 am)

    Great Article …….. Thanks a lot

  329. 329.

    Armig Esfahani (June 27th, 2009, 10:12 pm)

    thank you! this is exactly what i needed!

Leave a Reply

Allowed Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Advertisement
 

All Posts

Follow us on Twitter!
Subscribe to our RSS-feed!

Advertisement

Fresh Bookmarks

22 Free Seamless Vector Pattern Resources Perfect For Web Design
A collection of resources and articles related to vector patterns.

10 New PHP Content Management Systems
All based on PHP.

25 Beautiful Logos with Sequential Concept
Sequential logos maybe is a new trend among logo designers.

Designing a blog with HTML5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages.

20+ CSS Data Visualization Techniques
Get inspired.

CSS3 – a big storm is coming
With CSS3 media queries and multi-column layouts it will be a whole new ballgame.

Woodgrain: A Free Social Media Icon Set
With 18 social networks represented alongside astandard RSS icon in PNG format,

Webdesign: Five Minute Upgrade
Making Your Design Pop.

45 Stylish Typographical Desktop Wallpapers
These beautifully designed wallpapers are not solely about typography.

The Light CMS Trend
A new trend in CMSs I’m calling “light” CMSs.

  • 9Rules Logo
  • Quicksprout Logo