Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

53 CSS-Techniques You Couldn’t Live Without

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 here at Smashing Mag you should always have ready to hand if you develop web-sites. [Links checked February/01/2017]

1. Sneak Peek Into The Future: CSS Selectors, Level 41

CSS-Technique2

2. Getting Started With CSS calc()3

CSS-Technique4

3. The Problem Of CSS Form Elements5

CSS-Technique6

4. 5 Powerful Tips And Tricks For Print Style Sheets7

CSS-Technique8

5. How To Benefit From CSS Generated Content And Counters9

Generated content was first introduced in the CSS2 specification. For several years, the feature was used by relatively few Web authors due to inconsistent browser support.

7. CSS3 Transitions: Thank God We Have A Specification!10

CSS-Technique11

8. Flexbox Is As Easy As Pie – Designing CSS Layouts12

CSS-Technique13

9. Simple Responsive Images With CSS Background Images14

CSS-Technique15

10. Absolute Horizontal And Vertical Centering In CSS16

Stephen Shaw introduces a technique for perfect horizontal and vertical centering in CSS, at any width or height. The techniques works with percentage-based width/height, min-/max- width, images, position: fixed and even variable content heights.

11. Semantic CSS With Intelligent Selectors17

CSS-Technique18

12. Designing For Emotion With CSS Hover Effects19

CSS-Technique20

13. Challenging CSS Best Practices21

CSS-Technique22

14. Killer Responsive Layouts With CSS Regions23

CSS-Technique24

15. Understanding CSS Timing Functions25

CSS-Technique26

16. CSS-Only Solution For UI Tracking27

The web is growing up. We are building applications that work entirely in the browser. They are responsive; they have tons of features and work under many devices. We enjoy providing high-quality code that is well structured and tested.

17. Designing For Print With CSS28

CSS-Technique29

18. Creating Responsive Shapes With Clip-Path And Breaking Out Of The Box30

CSS-Technique31

19. The Making Of “In Pieces”: Designing an Interactive Exhibition With CSS Clip Paths32

CSS-Technique33

20. Quantity Ordering With CSS34

CSS-Technique35

21. Designing Flexible, Maintainable Pie Charts With CSS And SVG36

CSS-Technique37

22. Constructing CSS Quantity Queries On The Fly38

CSS-Technique39

23. Understanding Critical CSS40

CSS-Technique41

24. Laying Out A Flexible Future For Web Design With Flexbox42

CSS-Technique43

25. An Introduction To PostCSS44

CSS-Technique45

26. Variables: The Backbone Of CSS Architecture46

CSS-Technique47

27. An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements48

CSS-Technique49

28. Truly Fluid Typography With vh And vw Units50

CSS-Technique51

29. Understanding The CSS Property Value Syntax52

CSS-Technique53

30. CSS 3D Cube54

CSS-Technique55

31. Element Queries, And How You Can Use Them Today56

CSS-Technique57

32. Upgrading CSS Animation With Motion Curves58

CSS-Technique59

33. CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends60

CSS-Technique61

34. Let’s Play With Hardware-Accelerated CSS62

CSS-Technique63

35. A Pure CSS3 Cycling Slideshow64

CSS-Technique65

36. Beercamp: An Experiment With CSS 3D66

CSS-Technique67

37. Adventures In The Third Dimension: CSS 3D Transforms68

CSS-Technique69

38. PrefixFree: Break Free From CSS Prefix Hell70

CSS-Technique71

39. The Guide To CSS Animation: Principles and Examples72

CSS-Technique73

40. An Introduction To CSS3 Keyframe Animations74

CSS-Technique75

41. CSS3 vs. CSS: A Speed Benchmark76

CSS-Technique77

42. How To Use CSS3 Pseudo-Classes78

CSS-Technique79

43. Coding Q&A With Chris Coyier: Responsive Sprites And Media Query Efficiency80

CSS-Technique81

44. CSS Baseline: The Good, The Bad And The Ugly82

CSS-Technique83

45. Why Coding Style Matters84

CSS-Technique85

46. Classes? Where We’re Going, We Don’t Need Classes!86

CSS-Technique87

47. Coding Q&A With Chris Coyier: Box-Sizing and CSS Sprites88

CSS-Technique89

48. Decoupling HTML From CSS90

CSS-Technique91

49. CSS Sprites Revisited92

CSS-Technique93

50. An Introduction To Object Oriented CSS (OOCSS)94

CSS-Technique95

51. Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of96

CSS-Technique97

52. Styling And Animating SVGs With CSS98

CSS-Technique99

53. CSS-Driven Internationalization In JavaScript100

CSS-Technique101

(sl)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2013/01/sneak-peek-future-selectors-level-4/
  2. 2 https://www.smashingmagazine.com/2013/01/sneak-peek-future-selectors-level-4/
  3. 3 https://www.smashingmagazine.com/2015/12/getting-started-css-calc-techniques/
  4. 4 https://www.smashingmagazine.com/2015/12/getting-started-css-calc-techniques/
  5. 5 https://www.smashingmagazine.com/2013/02/css-form-elements-problem/
  6. 6 https://www.smashingmagazine.com/2013/02/css-form-elements-problem/
  7. 7 https://www.smashingmagazine.com/2013/03/tips-and-tricks-for-print-style-sheets/
  8. 8 https://www.smashingmagazine.com/2013/02/css-form-elements-problem/
  9. 9 https://www.smashingmagazine.com/2013/04/css-generated-content-counters/
  10. 10 https://www.smashingmagazine.com/2013/04/css3-transitions-thank-god-specification/
  11. 11 https://www.smashingmagazine.com/2013/04/css3-transitions-thank-god-specification/
  12. 12 https://www.smashingmagazine.com/2013/05/centering-elements-with-flexbox/
  13. 13 https://www.smashingmagazine.com/2013/05/centering-elements-with-flexbox/
  14. 14 https://www.smashingmagazine.com/2013/07/simple-responsive-images-with-css-background-images/
  15. 15 https://www.smashingmagazine.com/2013/07/simple-responsive-images-with-css-background-images/
  16. 16 https://www.smashingmagazine.com/2013/08/absolute-horizontal-vertical-centering-css/
  17. 17 https://www.smashingmagazine.com/2013/08/semantic-css-with-intelligent-selectors/
  18. 18 https://www.smashingmagazine.com/2013/08/semantic-css-with-intelligent-selectors/
  19. 19 https://www.smashingmagazine.com/2013/09/designing-emotion-hover-effects/
  20. 20 https://www.smashingmagazine.com/2013/09/designing-emotion-hover-effects/
  21. 21 https://www.smashingmagazine.com/2013/10/challenging-css-best-practices-atomic-approach/
  22. 22 https://www.smashingmagazine.com/2013/10/challenging-css-best-practices-atomic-approach/
  23. 23 https://www.smashingmagazine.com/2013/11/killer-responsive-layouts-with-css-regions/
  24. 24 https://www.smashingmagazine.com/2013/11/killer-responsive-layouts-with-css-regions/
  25. 25 https://www.smashingmagazine.com/2014/04/understanding-css-timing-functions/
  26. 26 https://www.smashingmagazine.com/2014/04/understanding-css-timing-functions/
  27. 27 https://www.smashingmagazine.com/2014/10/css-only-solution-for-ui-tracking/
  28. 28 https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/
  29. 29 https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/
  30. 30 https://www.smashingmagazine.com/2015/05/creating-responsive-shapes-with-clip-path/
  31. 31 https://www.smashingmagazine.com/2015/05/creating-responsive-shapes-with-clip-path/
  32. 32 https://www.smashingmagazine.com/2015/06/the-making-of-in-pieces/
  33. 33 https://www.smashingmagazine.com/2015/06/the-making-of-in-pieces/
  34. 34 https://www.smashingmagazine.com/2015/07/quantity-ordering-with-css/
  35. 35 https://www.smashingmagazine.com/2015/07/quantity-ordering-with-css/
  36. 36 https://www.smashingmagazine.com/2015/07/designing-simple-pie-charts-with-css/
  37. 37 https://www.smashingmagazine.com/2015/07/designing-simple-pie-charts-with-css/
  38. 38 https://www.smashingmagazine.com/2015/07/constructing-css-quantity-queries-on-the-fly/
  39. 39 https://www.smashingmagazine.com/2015/07/constructing-css-quantity-queries-on-the-fly/
  40. 40 https://www.smashingmagazine.com/2015/08/understanding-critical-css/
  41. 41 https://www.smashingmagazine.com/2015/08/understanding-critical-css/
  42. 42 https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/
  43. 43 https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/
  44. 44 https://www.smashingmagazine.com/2015/12/introduction-to-postcss/
  45. 45 https://www.smashingmagazine.com/2015/12/introduction-to-postcss/
  46. 46 https://www.smashingmagazine.com/2016/01/variables-in-css-architecture/
  47. 47 https://www.smashingmagazine.com/2016/01/variables-in-css-architecture/
  48. 48 https://www.smashingmagazine.com/2016/05/an-ultimate-guide-to-css-pseudo-classes-and-pseudo-elements/
  49. 49 https://www.smashingmagazine.com/2016/05/an-ultimate-guide-to-css-pseudo-classes-and-pseudo-elements/
  50. 50 https://www.smashingmagazine.com/2016/05/fluid-typography/
  51. 51 https://www.smashingmagazine.com/2016/05/fluid-typography/
  52. 52 https://www.smashingmagazine.com/2016/05/understanding-the-css-property-value-syntax/
  53. 53 https://www.smashingmagazine.com/2016/05/understanding-the-css-property-value-syntax/
  54. 54 https://www.smashingmagazine.com/2016/07/front-end-challenge-accepted-css-3d-cube/
  55. 55 https://www.smashingmagazine.com/2016/07/front-end-challenge-accepted-css-3d-cube/
  56. 56 https://www.smashingmagazine.com/2016/07/how-i-ended-up-with-element-queries-and-how-you-can-use-them-today/
  57. 57 https://www.smashingmagazine.com/2016/07/how-i-ended-up-with-element-queries-and-how-you-can-use-them-today/
  58. 58 https://www.smashingmagazine.com/2016/08/css-animations-motion-curves/
  59. 59 https://www.smashingmagazine.com/2016/08/css-animations-motion-curves/
  60. 60 https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/
  61. 61 https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/
  62. 62 https://www.smashingmagazine.com/2012/06/play-with-hardware-accelerated-css/
  63. 63 https://www.smashingmagazine.com/2012/06/play-with-hardware-accelerated-css/
  64. 64 https://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/
  65. 65 https://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/
  66. 66 https://www.smashingmagazine.com/2012/04/beercamp-experiment-with-css3d/
  67. 67 https://www.smashingmagazine.com/2012/04/beercamp-experiment-with-css3d/
  68. 68 https://www.smashingmagazine.com/2012/01/adventures-in-the-third-dimension-css-3-d-transforms/
  69. 69 https://www.smashingmagazine.com/2012/01/adventures-in-the-third-dimension-css-3-d-transforms/
  70. 70 https://www.smashingmagazine.com/2011/10/prefixfree-break-free-from-css-prefix-hell/
  71. 71 https://www.smashingmagazine.com/2011/10/prefixfree-break-free-from-css-prefix-hell/
  72. 72 https://www.smashingmagazine.com/2011/09/the-guide-to-css-animation-principles-and-examples/
  73. 73 https://www.smashingmagazine.com/2011/09/the-guide-to-css-animation-principles-and-examples/
  74. 74 https://www.smashingmagazine.com/2011/05/an-introduction-to-css3-keyframe-animations/
  75. 75 https://www.smashingmagazine.com/2011/05/an-introduction-to-css3-keyframe-animations/
  76. 76 https://www.smashingmagazine.com/2011/04/css3-vs-css-a-speed-benchmark/
  77. 77 https://www.smashingmagazine.com/2011/04/css3-vs-css-a-speed-benchmark/
  78. 78 https://www.smashingmagazine.com/2011/03/how-to-use-css3-pseudo-classes/
  79. 79 https://www.smashingmagazine.com/2011/03/how-to-use-css3-pseudo-classes/
  80. 80 https://www.smashingmagazine.com/2012/08/coding-qa-with-chris-coyier-responsive-sprites-and-media-query-efficiency/
  81. 81 https://www.smashingmagazine.com/2012/08/coding-qa-with-chris-coyier-responsive-sprites-and-media-query-efficiency/
  82. 82 https://www.smashingmagazine.com/2012/12/css-baseline-the-good-the-bad-and-the-ugly/
  83. 83 https://www.smashingmagazine.com/2012/12/css-baseline-the-good-the-bad-and-the-ugly/
  84. 84 https://www.smashingmagazine.com/2012/10/why-coding-style-matters/
  85. 85 https://www.smashingmagazine.com/2012/10/why-coding-style-matters/
  86. 86 https://www.smashingmagazine.com/2012/06/classes-where-were-going-we-dont-need-classes/
  87. 87 https://www.smashingmagazine.com/2012/06/classes-where-were-going-we-dont-need-classes/
  88. 88 https://www.smashingmagazine.com/2012/06/coding-qa-with-chris-coyier-box-sizing-and-css-sprites/
  89. 89 https://www.smashingmagazine.com/2012/06/coding-qa-with-chris-coyier-box-sizing-and-css-sprites/
  90. 90 https://www.smashingmagazine.com/2012/04/decoupling-html-from-css/
  91. 91 https://www.smashingmagazine.com/2012/04/decoupling-html-from-css/
  92. 92 https://www.smashingmagazine.com/2012/04/css-sprites-revisited/
  93. 93 https://www.smashingmagazine.com/2012/04/css-sprites-revisited/
  94. 94 https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/
  95. 95 https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/
  96. 96 https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/
  97. 97 https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/
  98. 98 https://www.smashingmagazine.com/2014/11/styling-and-animating-svgs-with-css/
  99. 99 https://www.smashingmagazine.com/2014/11/styling-and-animating-svgs-with-css/
  100. 100 https://www.smashingmagazine.com/2014/06/css-driven-internationalization-in-javascript/
  101. 101 https://www.smashingmagazine.com/2014/06/css-driven-internationalization-in-javascript/

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

  1. 1

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

    0
  2. 2

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

    0
  3. 3

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

    1
  4. 4

    great list, thanks for sharing!

    0
  5. 5

    Very cool, and useful, list.
    Thank you!

    0
  6. 6

    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?

    0
  7. 7

    Great!!

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

    0
  8. 8

    Carlos Eduardo

    January 19, 2007 6:20 pm

    Very, very good list!

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

    Thank you again ;)

    0
  9. 9

    Great collection!

    Thanks alot…

    0
  10. 10

    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

    0
  11. 11

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

    1
  12. 12

    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!

    -1
  13. 13

    volkan karakus

    January 19, 2007 9:01 pm

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

    0
  14. 14

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

    2
  15. 15

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

    -1
  16. 16

    Awesome. Great Compilation.

    1
  17. 17

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

    1
  18. 18

    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.

    0
  19. 19

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

    0
  20. 20

    wonderful resource for webmasters, thank you the webmaster :)

    1
  21. 21

    just great
    thx!

    1
  22. 22

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

    1
  23. 23

    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.

    0
  24. 24

    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.

    0
  25. 25

    An excellent collection of links.

    Thanks!

    0
  26. 26

    Jesper Rønn-Jensen

    January 20, 2007 3:41 am

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

    0
  27. 27

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

    1
  28. 28

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

    0
  29. 29

    David G. Paul

    January 20, 2007 5:56 pm

    very cool

    0
  30. 30

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

    0
  31. 31

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

    0
  32. 32

    Matthias Mauch

    January 21, 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.

    0
  33. 33

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

    0
  34. 34

    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

    0
  35. 35

    Awesome help!
    Thanks!

    0
  36. 36

    Christ, is your headline big enough?

    0
  37. 37

    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. :)

    0
  38. 38

    awesome.
    totally awesome.

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

    0
  39. 39

    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!

    0
  40. 40

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

    0
  41. 41

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

    0
  42. 42

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

    0
  43. 43

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

    0
  44. 44

    Wow!! Great list!

    0
  45. 45

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

    0
  46. 46

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

    0
  47. 47

    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.

    0
  48. 48

    nice collection here … thanks a lot …

    0
  49. 49

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

    0
  50. 50

    Great and Useful!!

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

    0
  51. 51

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

    0
  52. 52

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

    0
  53. 53

    Ben Strackany

    January 24, 2007 9:19 am

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

    0
  54. 54

    nice list and documented, thanks for this

    0
  55. 55

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

    0
  56. 56

    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;

    0
  57. 57

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

    0
  58. 58

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

    0
  59. 59

    thanks for this great list!

    0
  60. 60

    Thanks!!.. ;)

    0
  61. 61

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

    1
  62. 62

    it is superb

    0
  63. 63

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

    0
  64. 64

    usuario conocido

    January 29, 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/

    0
  65. 65

    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.

    0
  66. 66

    Perminder Singh

    January 30, 2007 4:39 pm

    Good to have goodies… thanks

    0
  67. 67

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

    0
  68. 68

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

    0
  69. 69

    thanks, thanks, thanks to favorite!!

    0
  70. 70

    whooa!
    so cool!

    0
  71. 71

    Balakumar Muthu

    February 6, 2007 9:58 pm

    GREAT list … thanks!

    0
  72. 72

    this is very helpful! thanks

    0
  73. 73

    Excellent Compilation. Very useful tips all on one page.

    0
  74. 74

    Excillent share…thanks a lot for that post:)

    0
  75. 75

    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).

    0
  76. 76

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

    0
  77. 77

    a true goldmine I struck.

    thanks a bunch!

    0
  78. 78

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

    0
  79. 79

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

    0
  80. 80

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

    0
  81. 81

    thanks… this information helps beginner like me.

    0
  82. 82

    Thank you, it is so useful!

    0
  83. 83

    Thanks for all, Greetings from Serbia!

    0
  84. 84

    simply AWESOME!!!

    Congratulations!!

    Rodrigo

    0
  85. 85

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

    0
  86. 86

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

    0
  87. 87

    Sreedhar Vankayala

    February 23, 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

    0
  88. 88

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

    0
  89. 89

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

    0
  90. 90

    Perfectt css sets. Thanks

    0
  91. 91

    great list – thanks!

    0
  92. 92

    Southafrican

    March 9, 2007 11:41 am

    Les’t we forget the fine work of Rich Accessible Typography for the Masses, otherwize known as sIFR http://www.mikeindustries.com/sifr/

    0
  93. 93

    Very good tips for all developers.. thank you!

    0
  94. 94

    awesome

    0
  95. 95

    Great list, love it!

    0
  96. 96

    good job

    0
  97. 97

    Kenneth Mark

    March 31, 2007 4:34 pm

    Amazing collection, definetly a great web resource !

    0
  98. 98

    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 :)

    0
  99. 99

    WOW !!!!

    Just “Stumbled” here, and wow !!

    this rules!

    0
  100. 100

    apt-get install 53css-techniques

    0
  101. 101

    Michael Bessolov

    April 7, 2007 12:02 pm

    Just an amazing collection!
    Thank you guys!

    0
  102. 102

    Nikolay Kolev

    April 10, 2007 2:57 pm

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

    0
  103. 103

    Wow. Just wow! :)

    0
  104. 104

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

    Thanks!

    0
  105. 105

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

    0
  106. 106

    Hiran Chatura

    April 11, 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!!!

    0
  107. 107

    Mamoun Rahhal

    April 12, 2007 7:05 pm

    thank you very much, Nice job, I apreciate that

    0
  108. 108

    Hakon Atli Halldorsson

    April 15, 2007 1:15 am

    Wow, awesome job mates :)

    Me + You = Babies

    0
  109. 109

    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.

    0
  110. 110

    found this page from stumble upon. great list

    0
  111. 111

    Absolutely incredible resource. Thanks for making this readily available.

    0
  112. 112

    Awesome List !

    0
  113. 113

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

    0
  114. 114

    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

    0
  115. 115

    Great collection. Thank you for sharing.

    0
  116. 116

    Awesome! This is a great list

    0
  117. 117

    This is a great list

    0
  118. 118

    Christian Pfeil

    May 14, 2007 3:51 pm

    Hi!

    Great list! Thank you.

    Cheers!

    Christian Pfeil

    0
  119. 119

    Very fine. Thanks for the nice tipps.

    0
  120. 120

    Marcelo Macedo

    May 14, 2007 10:20 pm

    Amazing List!

    Marcelo Macedo
    Brazil

    0
  121. 121

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

    0
  122. 122

    Lovely to see such a wonderful site. Thank you

    0
  123. 123

    GREAT tips, great thanks !

    0
  124. 124

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

    0
  125. 125

    Awesome

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

    0
  126. 126

    Super site darlings. Thanks awfully

    0
  127. 127

    %-) genuinely interested by this website

    0
  128. 128

    Coool collection of CSS with v good info Thank You

    0
  129. 129

    Thanks for the list, really appreciated

    0
  130. 130

    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 :)

    0
  131. 131

    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…

    0
  132. 132

    Great!, most powerful tutorial and tips ever!.

    0
  133. 133

    Tiago Floriano

    June 17, 2007 11:18 am

    very good! Congratulations!

    0
  134. 134

    excellent resource, thanks!

    0
  135. 135

    Mind blowing…..muahhhhhhhhhhh!!!

    0
  136. 136

    i just notice this post T_T its ultra good.

    0
  137. 137

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

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

    joking.

    0
  138. 138

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

    0
  139. 139

    just smashingmagazine!!!!

    0
  140. 140

    giochi strategia

    June 28, 2007 6:53 pm

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

    0
  141. 141

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

    Thankssssss

    0
  142. 142

    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.

    0
  143. 143

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

    Thank you

    0
  144. 144

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

    0
  145. 145

    Cool list! Thanks for creating it…

    0
  146. 146

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

    Ha ve a nice day

    0
  147. 147

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

    0
  148. 148

    Robsuke Daisuke

    July 28, 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.

    0
  149. 149

    Nice and useful article

    0
  150. 150

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

    0
  151. 151

    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

    0
  152. 152

    Riz Ainuddin

    August 8, 2007 4:44 pm

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

    0
  153. 153

    Thanks for the sweet collections of Css Scripts

    0
  154. 154

    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

    0
  155. 155

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

    0
  156. 156

    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

    0
  157. 157

    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!

    0
  158. 158

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

    0
  159. 159

    Great list. Really love some of the points there.

    0
  160. 160

    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.

    0
  161. 161

    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.

    0
  162. 162

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

    0
  163. 163

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

    -1
  164. 164

    Great Compilation!

    0
  165. 165

    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

    0
  166. 166

    Excellent tips!

    0
  167. 167

    Thanks for very interesting Article.

    0
  168. 168

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

    0
  169. 169

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

    0
  170. 170

    Alonzo Mourning

    September 18, 2007 10:54 am

    keep up the your great work.
    thank you.

    0
  171. 171

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

    0
  172. 172

    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

    0
  173. 173

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

    0
  174. 174

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

    0
  175. 175

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

    0
  176. 176

    In addition to #15: there’s a tool that can automatically generate those floating divs: The Box Office ;)

    0
  177. 177

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

    0
  178. 178

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

    0
  179. 179

    thanks good jop CSS style i thing will be new generation

    0
  180. 180

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

    0
  181. 181

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

    0
  182. 182

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

    0
  183. 183

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

    0
  184. 184

    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

    0
  185. 185

    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????????

    0
  186. 186

    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.

    0
  187. 187

    @alex

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

    0
  188. 188

    What a great site with all these wonderful blog templates

    0
  189. 189

    radikal-rider

    October 19, 2007 8:52 pm

    Awesome. Thanks.
    Best regards.

    0
  190. 190

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

    0
  191. 191

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

    0
  192. 192

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

    0
  193. 193

    Nicolaas van den broek

    October 25, 2007 6:24 pm

    I love u long time

    (this is just damn fantastic)

    0
  194. 194

    Polin Armsley

    October 30, 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!

    0
  195. 195

    I do understand what you mean, Nicolas

    0
  196. 196

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

    Thank you

    0
  197. 197

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

    0
  198. 198

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

    -1
  199. 199

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

    0
  200. 200

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

    0
  201. 201

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

    0
  202. 202

    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.

    0
  203. 203

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

    0
  204. 204

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

    0
  205. 205

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

    0
  206. 206

    I thought you would find this useful http://www.cssbuttons.net

    0
  207. 207

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

    0
  208. 208

    Woow! Great Thanks Happy Merry Cristhmas Day.

    0
  209. 209

    Felipe Cavalcante

    December 24, 2007 9:37 pm

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

    0
  210. 210

    justfragrances

    December 27, 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

    0
  211. 211

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

    Avery

    0
  212. 212

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

    0
  213. 213

    I also want to download some of CSS code

    0
  214. 214

    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.

    0
  215. 215

    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.

    0
  216. 216

    Great Info ……

    0
  217. 217

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

    0
  218. 218

    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.

    0
  219. 219

    Thank you for sharing such a nice tips!

    0
  220. 220

    Thank you, really good job!

    0
  221. 221

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

    0
  222. 222

    Naseer Ahmad Mughal

    February 4, 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

    0
  223. 223

    A good Collection dude………..

    0
  224. 224

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

    0
  225. 225

    Awesome collections dude. Thanks for sharing Gr8 Tips & Tricks. This is very useful for webdesigners.

    0
  226. 226

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

    0
  227. 227

    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!

    0
  228. 228

    Thank you

    0
  229. 229

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

    0
  230. 230

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

    0
  231. 231

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

    0
  232. 232

    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.

    0
  233. 233

    Dolapo Taiwo

    March 4, 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!

    0
  234. 234

    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!

    0
  235. 235

    Jobst von Heintze

    March 5, 2008 2:51 am

    Great list – thank you!

    0
  236. 236

    Thank you so much for this list.
    Very useful.

    0
  237. 237

    Reayly great blog.
    Regards

    0
  238. 238

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

    0
  239. 239

    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

    0
  240. 240

    This website is a great example of web space.

    0
  241. 241

    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.

    0
  242. 242

    Thanks for such useful post!

    0
  243. 243

    Printing Web-Documents and CSS it’s good

    0
  244. 244

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

    0
  245. 245

    Jorn Mineur

    April 1, 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.

    0
  246. 246

    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.

    0
  247. 247

    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 :)

    0
  248. 248

    John O'Robert

    April 28, 2008 2:46 am

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

    0
  249. 249

    ohh….wonderfull………….

    0
  250. 250

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

    11
  251. 251

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

    2
  252. 252

    Tons of resources here. Thanks!!

    0
  253. 253

    Roland Schupp

    May 28, 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.

    0
  254. 254

    sachin khobragade

    May 30, 2008 3:51 am

    it’s really a great stuff !

    -1
  255. 255

    Pattern Crochet

    June 3, 2008 12:48 am

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

    1
  256. 256

    Jaspal Singh

    June 9, 2008 1:54 am

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

    -3
  257. 257

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

    -1
  258. 258

    cool techniques . Keep up the good work.

    0
  259. 259

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

    6
  260. 260

    Good TEchniques!

    1
  261. 261

    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.

    2
  262. 262

    Tilemahos Manolatos

    July 23, 2008 6:37 am

    excellent collection!

    0
  263. 263

    I Will use this in my website.

    0
  264. 264

    great source!

    0
  265. 265

    Great work! the 300+ responses says it all!

    I will be back for more….

    Thank you.

    0
  266. 266

    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.

    -2
  267. 267

    Great list… i’ll bookmark your site… thanks

    -2
  268. 268

    it ‘s powerfull!
    Thank you so much!

    -2
  269. 269

    thank you so much 2!aa

    -3
  270. 270

    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.

    -1
  271. 271

    Üzeyir özkol

    October 4, 2008 5:37 am

    Thank You

    -2
  272. 272

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

    -2
  273. 273

    :O

    mega list :)

    juz wiem co bede siekal przez kilka dni :D

    -1
  274. 274

    Thanks so much

    -1
  275. 275

    Mauro Castaldi

    October 13, 2008 4:46 am

    Wonderful !

    -3
  276. 276

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

    -3
  277. 277

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

    -1
  278. 278

    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……

    -2
  279. 279

    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!!!!!

    -1
  280. 280

    Great list! Very interesting things.

    Thank you very much for this great work!!!

    -1
  281. 281

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

    0
  282. 282

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

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

    -1
  283. 283

    Anuradha Joshi

    November 20, 2008 5:09 am

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

    -1
  284. 284

    really very helpful tutorial

    -1
  285. 285

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

    -1
  286. 286

    great collection, thanks…

    -1
  287. 287

    francis.augustin

    December 14, 2008 11:12 pm

    nice

    -1
  288. 288

    I’m the #1000 comment!

    -1
  289. 289

    really fantastic….and usefull…thanks for this

    -2
  290. 290

    YOU ! ARE ! AWSOME ! THANKS !

    -1
  291. 291

    This very wonderful tutorial.

    -1
  292. 292

    impressive.

    -1
  293. 293

    Amber Weinberg

    January 2, 2009 7:27 pm

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

    0
  294. 294

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

    0
  295. 295

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

    0
  296. 296

    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.

    0
  297. 297

    Fantastic!

    1
  298. 298

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

    0
  299. 299

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

    1
  300. 300

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

    0
  301. 301

    Excellent list..

    0
  302. 302

    strony internetowe wrocław

    March 4, 2009 8:26 am

    Great list to keep as a reference.

    0
  303. 303

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

    1
  304. 304

    no.1000

    very nice and useful list. thx

    0
  305. 305

    strony internetowe

    April 21, 2009 7:50 am

    nice tutorial :)

    0
  306. 306

    Great !! Thanks !

    0
  307. 307

    gracias ^^
    thanks

    0
  308. 308

    Great Article …….. Thanks a lot

    0
  309. 309

    Armig Esfahani

    June 27, 2009 10:12 pm

    thank you! this is exactly what i needed!

    0
  310. 310

    lot of thanks for these usefull informations!!!

    0
  311. 311

    love this! nice compilation… really helpful… thanks so much… :)

    0
  312. 312

    That’s cool!

    0
  313. 313

    Brad Sherrill

    August 8, 2009 10:27 am

    Great compilation of CSS Tecnhiques

    0
  314. 314

    satish Borkar

    August 24, 2009 4:52 am

    really nice techniques
    thanks

    0
  315. 315

    Ana Astobieta

    August 28, 2009 6:55 am

    Great list, very helpful, thanks a lot!

    0
  316. 316

    it’s just great collection of CSS , Wonderfull i was not knowing many of thsi tecniques can u provides sources for all

    Moinuddin
    KSA

    0
  317. 317

    The 19th technique (CSS Image Preloader) dont work and will not work. If you repeat an antribute in CSS, it will every time take just the last one…

    0
  318. 318

    The link to number 37 is: http://www.barenakedapp.com/the-design/displaying-percentages. Check it out and leave your thanks on the thread.

    0
  319. 319

    Nice list, looks like the one i’m using :-) good post

    0
  320. 320

    Great list! Lots of useful info here.

    0
  321. 321

    I likes to farts while traveling 40 mph.

    0
  322. 322

    Hi, nice post, very usefull!

    There are some links are broken, or dont exists anymore:
    I don’t look to everyone, but these are some of them:

    – 12. How to Create a Block Hover… Correct link is: http://www.smileycat.com/miaow/archives/000230.php
    – 29. CSS-Submit Buttons: http://www.ukthoughts.co.uk/journal/css-submit-buttons

    0
  323. 323

    tanx for techniques…these are very useful to me…:D

    0
  324. 324

    tanx for techniques…these are very useful to me…:D

    0
  325. 325

    Great list. tons of thanks

    0
  326. 326

    this is more like a joke

    December 24, 2009 10:53 am

    hi mate,

    Great effort to put up an article. Your doing it not well at all. Some of the sample u showed, need javaxcript to run. So this should be call css and javascript techniques.

    0
  327. 327

    Sonfishdesign

    January 9, 2010 8:19 pm

    This is a great list. Can you add “sticky footer” to this list?

    0
  328. 328

    Wow, thas very wonderful, i trying to learn css, that example, will help me.

    0
  329. 329

    What can I say about this great work !!! … superb … absolutely superb

    0
  330. 330

    This are great techniques . Keep up the good work. & thanks for sharing

    0
  331. 331

    Thanks!!!!!!!!!

    0
  332. 332

    Nice links very useful for designers. please inform to me any new updates are added.

    0
  333. 333

    I will use some of this tips on my site atestatinfo.ro

    0
  334. 334

    Nice collection.
    Useful for designers.

    0
  335. 335

    üzeyr özkol

    March 30, 2010 10:15 pm

    Hi!
    number 37 subject “Displaying Percentages with CSS” I could not understand it :(

    0
  336. 336

    wow.. amazing, thanks a lot

    0
  337. 337

    very very very very veryyyyyyyyyyyyyyyyy thanks

    0
  338. 338

    Simply amazing and awesome!

    0
  339. 339

    rakesh adnal

    May 24, 2010 12:19 am

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

    0
  340. 340

    nice…………..

    0
  341. 341

    mantrla srinivas yadhav

    July 2, 2010 2:58 am

    hi technical guides yours new tips and new creative designs are very good and excellent css optimizing tips.

    0
  342. 342

    good one… great

    0
  343. 343

    useful resource. I bookmarked it

    0
  344. 344

    very nice collection, i add some others recently i´ve posted on my website if you want a deep study check it out, its on spanish btw

    -2
  345. 345

    Andrew Henderson

    September 2, 2010 11:01 am

    Awesome list here. Some really useful stuff. I would recommend anyone wanting to learn CSS go down the line and try these tutorials. Thanks for collecting them!

    1
  346. 346

    The link on number 8 is flagged as a reported attack page in Firefox.

    0
  347. 347

    You have written a very informative post about logo design tips. I came across your blog while searching via google.com . I have bookmarked your site and sent the link to some of my colleagues are will also find that useful.

    0
  348. 348

    I have gone through the list and that’s really a great list. I will save this link for future reference.

    0
  349. 349

    Elli Granados

    November 7, 2010 8:07 am

    This is really one of many improved content connected with those that I have please read on this kind of matter nowadays. Great do the job.

    0
  350. 350

    nice tips, I enjoyed completely. post something more on css 3.0 also.
    Thanks a lot,
    from ADMEC Multimedia Mentors

    1
  351. 351

    Brett Widmann

    December 9, 2010 8:04 am

    These are perfect! I nwo have so many new ideas.

    1
  352. 352

    web dizajn bih

    December 9, 2010 9:53 am

    Great CSS techniques! THX

    0
  353. 353

    Preston Racette

    December 17, 2010 1:20 pm

    For # 25. (CSS-Based Forms: Techniques) I think it looks amazing… so simple yet stylish and proffestional. The other articles are amazing too. Keep up the good work!
    prestonracette.com/

    1
  354. 354

    Great Excellent CSS techniques, Thanks a lot for improve my CSS Knowledge… Keep it up and add something more I am waiting for new….

    0
  355. 355

    spinner chief

    January 17, 2011 1:02 pm

    Keep it up, your writing is consistently a pleasure to read that I perhaps told my friends. Just enjoying this!

    1
  356. 356

    man and van this is great for me i didnt know few thisnk mentioned here thanks

    0
  357. 357

    designerbooster

    February 3, 2011 3:17 pm

    Thanks for these css tips. Was looking for a batch list like this well done.

    0
  358. 358

    Hi,
    I want to use same like( “50. StyleMap: CSS+HTML Visual Sitemap”). but here I cant find specified link. its showing Page is not available. so could you please help me to get that simmillar page. Thanks in advenace. 50. StyleMap: CSS+HTML Visual Sitemap

    0
  359. 359

    Ulises Bolivar

    March 2, 2011 4:08 pm

    INTERESANTE APORTE

    0
  360. 360

    very nice collection

    0
  361. 361

    Simply Great Article

    Thanks

    0
  362. 362

    tahnks for share

    0
  363. 363

    any thing new related to image rounded corners.

    0
  364. 364

    Hi its vary good. i would also like to share one basic css website http://cssproperty.com

    0
  365. 365

    Hi there, outstanding site. Is extremely good design. I recently got done with cosmetic classes and would like to start-up my site. I appreciate you for the good write-up!

    0
  366. 366

    wonderful info for me…

    0
  367. 367

    Joshua Phillips

    December 5, 2011 11:36 pm

    Any news about A defector’s mystical disappearance?

    0
  368. 368

    Good post, Love it. Keep it up. I appreciate it.

    0
  369. 369

    You have pretty nice blog here. Not bad keep it up. I will mention about this in my own blog. All the best

    -1
  370. 370

    This is a very useful reference – thanks for sharing

    -1
  371. 371

    Dexter Adams

    June 28, 2012 7:38 pm

    Nice tips buddy!

    1
  372. 372

    these are very useful techniques. thank you

    0
  373. 373

    Excellent, I have learned more.

    0

↑ Back to top