53 CSS-Techniques You Couldn’t Live Without
January 19th, 2007
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is.
Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier. Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.
Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Thanks!
3. CSS Tabs
4. CSS Bar Graphs (CSS For Bar Graphs)
5. Collapsing Tables: An Example
6. Adam’s Radio & Checkbox Customisation Method
8. CSS Shadows (CSS Shadows Roundup)
9. CSS Rounded Corners Roundup (Nifty Corners)
10. Drop Cap - Capital Letters with CSS
11. Define Image Opacity with CSS
12. How to Create a Block Hover Effect for a List of Links
13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS
14. CSS Diagrams
15. CSS Curves
16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.
17. CSS Image Map
18. CSS Image Pop-Up
20. CSS Image Replacement for Buttons
21. Link Thumbnail
22. CSS Map Pop
23. PHP-based CSS Style Switcher
24. CSS Unordered List Calender (CSS Styled Calender)
25. CSS-Based Forms: Techniques
26. CSS-Based Tables: Techniques
27. Printing Web-Documents and CSS
28. Improved Links-Display for Print-Layouts with CSS
30. CSS Teaser Box
31. CSS Tricks for Custom Bullets
33. CSS Zooming
34. Creating a Star Rater using CSS
35. The ways to style visited Links
36. PDF, ZIP, DOC Links Labeling
37. Displaying Percentages with CSS
38. Image Floats without the Text Wrap
39. Let visitors decide, whether or not will they open link in a new window
40. Simple accessible external links
41. Zebra Table with JavaScript and CSS
42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS
44. Image Caption with CSS (Styled Images with Caption)
47. Hierarchical Sitemap with CSS
48. Snook’s Resizable Underlines
49. Switchy McLayout: An Adaptive Layout Technique
50. StyleMap: CSS+HTML Visual Sitemap
January 19th, 2007 at 9:12 am
Great list, but I think you should include CSS drop down menus too. Here’s a great example: http://www.cssplay.co.uk/menus/final_drop.html
January 19th, 2007 at 10:09 am
fantastic list. some of these are techniques that I didn’t know existed but should have been using all along…
January 19th, 2007 at 11:32 am
[…] I ran across this post from Smashing Magazine and it is incredible. It is a collection of links to various CSS techniques, some of which I didn’t even know myself. I guess I am relatively new to CSS and the advanced world of web design, but I did not know how to do a lot of these things. It is definitely worth the read. You never know what you… didn’t know… or something like that. […]
January 19th, 2007 at 11:54 am
[…] 53 CSS Techniques You Couldn’t Live Without: CSS A very comprehensive list of CSS techniques. Thanks Smashing Magazine, you r0xors. […]
January 19th, 2007 at 12:40 pm
Excellent work! My del.icio.us account just became 10x more valuable to me! Thanks
January 19th, 2007 at 1:07 pm
Woah, that is a great freaking list!! I now know what I’ll be reading over this weekend.
January 19th, 2007 at 1:13 pm
Thanks for compiling this awesome list, some of these goodies are gonna be in my site pretty soon!
January 19th, 2007 at 1:14 pm
[…] January 19, 2007 at 12:13 am · Filed under Web 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine: […]
January 19th, 2007 at 1:25 pm
[…] Una excelente colección de técnicas con CSS que se han mostrado en diferentes ocasiones, pero que tal vez ya le hallas perdido la pista. Todos tendrán algo que aprender o reforzar sus conocimientos con CSS. 53 CSS-Techniques You Couldn’t Live Without :: temas que pueden estar relacionados :: 10 extensiones de Firefox para GeeksAlgunas técnicas rápidas en FotografíaTécnicas y Elementos de Diseño Web {Califícame} Loading … […]
January 19th, 2007 at 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!
January 19th, 2007 at 2:10 pm
thx for compiling this, it really helps. Lots of the techniques that I didn’t know.
January 19th, 2007 at 2:22 pm
[…] Même durant ma journée BS, j’ai suivi ce qu’il y a de neuf sur Digg.com. C’est la que j’ai apprit l’annonce du IPhone… premier article dig à dépasser le 10000 diggs… en fait il est rendu a plus de 20000 en ce moment. Assez incroyable… entk assez pour que cela brise le layout du site haha. À part ca j’ai découvert Packet Garden. Quelqu’un a eu l’idée assez farfelu de générer un genre de monde avec des fleurs, des vallées et des monts qui se génèrent à partir des sites que vous visitez, des ports qui sont utilisés (les ports reliés à des programmes) et du traffic que vous recevez. Assez inutile merci, mais quand même drole à essayer. Je viens aussi de trouver sur digg une belle page qui affiche 53 techniques CSS qui pourraient être très utiles. Des heures de plaisir à les essayer… jamais . J’ai aussi été surpris un peu en voyant que j’étais 6e sur 1486 dans ma cage sur le pool mardi de bon pool de rds. J’ai sûrement été premier pendent un moment, parce que j’ai fait un changement tout de suite après.. mais en ce moment je suis 20e, en grande partie parce que les canadiens et les ducks ne gagnent plus… et que bernier et iginla ne produisent plus (bernier blessé depuis le 30 décembre… et iginla depuis le 4 janvier). […]
January 19th, 2007 at 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.
January 19th, 2007 at 2:48 pm
Awesome. Great Compilation.
January 19th, 2007 at 3:31 pm
[…] Today I visited Smashing Magazine’s excellent css resource page: 53 CSS-Techniques You Couldn’t Live Without. I received the link from one of my colleagues. At first I thought it would be like the other resource site with only 20%-25% actual good resource. But hell wrong was I !!! It’s THE best CSS resource page I’ve seen lately. They have covered resources from menus, tables, tabs, images, to styles, graphs, shadows - to name a few. And all of them are quality resource, not just fillers between good ones. It’s a must look if you’re desiging sites. […]
January 19th, 2007 at 3:40 pm
[…] read more | digg story Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages. […]
January 19th, 2007 at 3:42 pm
[…] 53 CSS-Techniques You Couldn’t Live Without Добавить этот пост в Избранное […]
January 19th, 2007 at 3:43 pm
Thanx a lot!
Now I know many things about CSS.
January 19th, 2007 at 3:54 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine […]
January 19th, 2007 at 4:05 pm
[…] Unter dem Titel “53 CSS-Techniques You Couldn’t Live Without” ist im smashing magazine eine sehr interessanter Artikel über verschiedene CSS-Techniken erschienen. Hier findet man von Tipps zu Navigationen über Tabellen bis hin zu Image-Preloadern fast zu jedem Thema Informationen. Eingetragen von Chriz am 19. Januar 2007 in Develop | Trackback […]
January 19th, 2007 at 4:11 pm
^:)^
January 19th, 2007 at 4:18 pm
wonderful resource for webmasters, thank you the webmaster :)
January 19th, 2007 at 4:27 pm
Very nice.
Bravo.
January 19th, 2007 at 4:28 pm
just great
thx!
January 19th, 2007 at 4:29 pm
nice list- thank you so much for the time invested :)
January 19th, 2007 at 4:35 pm
[…] Smashing Magazine’i seviyorum. Sloganda dediği gibi, gerçekten de hayatı kolaylaştırıyor. Yazıların çıktısınız alıp değerli bir döküman olarak, kütüphanede bulundurmalı. Bir makalesi ise, olmazsa olmaz 53 CSS yöntemi. Bu yazıyı da kaçırmayın derim! […]
January 19th, 2007 at 4:41 pm
This is it, this is what people are looking for… Absolutely wonderful — Keep this page up…
January 19th, 2007 at 5:06 pm
A great list, it will help much, thanks.
http://TheBluePanda.com
January 19th, 2007 at 5:10 pm
great list, thanks for sharing!
January 19th, 2007 at 5:11 pm
Very cool, and useful, list.
Thank you!
January 19th, 2007 at 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?
January 19th, 2007 at 5:35 pm
[…] Ya todos sabemos las grandes cosas que podemos hacer para una web solo con CSS. En este artículo, 53 CSS-Techniques You Couldn’t Live Without, podemos encontrar una gran recopilación de aquellas técnicas que alguna vez usamos para con nuestras webs. Y si no conocias alguna, pues es un buen momento para conocerla y poderla en práctica. Como lei en un comentario por ahi, el kamasutra del mundo CSS […]
January 19th, 2007 at 5:56 pm
[…] gibt es beim smashing magazine. Sehr feine Übersicht. […]
January 19th, 2007 at 5:58 pm
[…] 先放上来,做个记号,还没来得及好好看,看好了,打算翻译一下,原文来自:http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/ […]
January 19th, 2007 at 6:04 pm
[…] Getagged in Del.icio.us: “53 CSS-Techniques You Couldn’t Live Without” een oase van CSS oplossingen. Met o.a. CSS Based Navigation, Collapsing Tables: An Example, Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS, CSS-Based Forms: Techniques, Dynamic Piechart with CSS en Switchy McLayout: An Adaptive Layout Technique. […]
January 19th, 2007 at 6:16 pm
Great!!
But “47. Hierarchical Sitemap with CSS” link doesn’t work.
January 19th, 2007 at 6:20 pm
Very, very good list!
It will help us a lot, when we need some particular CSS technique.
Thank you again ;)
January 19th, 2007 at 6:28 pm
[…] 53 CSS-tekniker du inte kan leva utan […]
January 19th, 2007 at 6:40 pm
Great collection!
Thanks alot…
January 19th, 2007 at 6:42 pm
[…] puede ser más fácil. Siempre es bueno tener un recopilación de esta para salir de paso # « Documentación oficial dePrototype […]
January 19th, 2007 at 6:56 pm
[…] 链接 | 来源 Design […]
January 19th, 2007 at 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
January 19th, 2007 at 7:44 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine […]
January 19th, 2007 at 9:01 pm
Great List! I bookmarked this page on my browser. Thanks for your works!
January 19th, 2007 at 9:17 pm
This is a great collection of CSS-related links. Thank you very much!
January 19th, 2007 at 9:33 pm
[…] http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/ […]
January 19th, 2007 at 10:59 pm
[…] xmen spank CSS-based techniques you should always have ready to hand if you develop web-sites. Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Show some Love. xmen storylineread more | digg story […]
January 19th, 2007 at 10:59 pm
Great list! #25 is a broken link.
January 19th, 2007 at 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.
January 19th, 2007 at 11:09 pm
Amazing. Words fail me here; every web designer out there should go through this with a fine-toothed comb.
January 19th, 2007 at 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.
January 20th, 2007 at 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.
January 20th, 2007 at 12:34 am
An excellent collection of links.
Thanks!
January 20th, 2007 at 12:59 am
[…] Here’s a list of 53 CSS techniques that ‘apparently’ you couldn’t live without. Personally I can live without them, but I did learn some useful tips for web design. […]
January 20th, 2007 at 1:59 am
[…] scooby doo live tickets pittsburgh benedum CSS-based techniques you should always have ready to hand if you develop web-sites. Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Show some Love. scooby doo movie songread more | digg story […]
January 20th, 2007 at 2:16 am
[…] Over on Smashing Magazine they have compiled a great list of CSS articles and tutorials that cover many useful techniques. Many of these techniques are essential and they will make your life easier when developing websites. Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages. […]
January 20th, 2007 at 2:26 am
great post.. 10x
January 20th, 2007 at 3:16 am
[…] Smashing Magazine which delivers the latest trends and techniques in web-development for web-designers and web-developers released a post on 53 CSS-Techniques You Couldn’t Live Without today. The list is very impressive and a must know in today’s world of web development and design. […]
January 20th, 2007 at 3:41 am
Thanks a lot. A few new techniques to the collection :)
January 20th, 2007 at 4:36 am
[…] Link: http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/ Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages. […]
January 20th, 2007 at 4:55 am
[…] Design: 53 CSS Techniques you can’t live without From Smashing Magazine comes a list of 53 css techniques you can’t live without, and guess what number 51 is? Our own Custom Reading Width! That reminds me, have you seen it yet? […]
January 20th, 2007 at 5:51 am
Forms example page (http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/) gives Internal server error 500 page
January 20th, 2007 at 5:53 am
Great post, this will be very handy.
January 20th, 2007 at 5:54 am
Great post, this will be very handy. thanks.
January 20th, 2007 at 5:56 am
thanks for the great post, it will come in very handy
January 20th, 2007 at 6:15 am
Greetings ,
Well, there cannt be any other superb list like this :) Great collection for developers like me .
January 20th, 2007 at 6:26 am
great list…thanks a lot!!
January 20th, 2007 at 7:11 am
http://www.dtp-blog.de/quickies/53-lebensnotwendige-css-techniken/trackback/
January 20th, 2007 at 7:28 am
[…] Gerade beim smashing magazine entdeckt: 53 CSS-Techniken, ohne die ich nicht mehr leben kann. Gute Ideen, fein umgesetzt, demnächst bestimmt auch auf der einen oder anderen Seite meiner Kunden. […]
January 20th, 2007 at 7:54 am
Indeed, a NICE list. I think it will be usefull in our projects.
January 20th, 2007 at 7:54 am
[…] batman adult cape CSS-based techniques you should always have ready to hand if you develop web-sites. Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Show some Love. batman and robin pornread more | digg story […]
January 20th, 2007 at 8:22 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: css) […]
January 20th, 2007 at 10:29 am
[…] 53 Técnicas CSS sin las que no podríamos vivir [Inglés] […]
January 20th, 2007 at 10:39 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: css webdesign design resources reference techniques web WebDev development developer WEB2.0 Web_dev article code computer tips tool tools toread tricks tutorial tutorials howto Guide HTML inspiration layout programming resource) […]
January 20th, 2007 at 10:53 am
[…] story No Comments so far Leave a comment RSS feed for comments on this post. TrackBack URI Leave a comment Line and paragraph breaks automatic, e-mail address never displayed, HTMLallowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> […]
January 20th, 2007 at 2:22 pm
[…] 53 CSS-Techniques You Couldn’t Live Without (tags: css) […]
January 20th, 2007 at 3:21 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine 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 (tags: css design webdesign) […]
January 20th, 2007 at 4:16 pm
[…] Sveiki, štai jau 10 skaitinių rubrika ir mums visai neblogai sekasi Šią savaitę publikavom medučio straipsnį PHP saugumo nustatymai - 1 dalis ir mano straipsnį apie Joost(tm) - Joost(tm) - televizija kompiuteryje - 100 straipsnis mūsų svetainėje! Skaitiniai šiam savaitgaliui: 7 Tips on How NOT to do BAD Programming Improve your forms using HTML5! Introduction to Python - Part 1 10 CSS Tips from a Professional CSS Front-End Architect 53 CSS-Techniques You Couldn’t Live Without AdSense Competitive Ads and Services Policy just got a lot tighter for publishers […]
January 20th, 2007 at 4:53 pm
[…] beast xmen history CSS-based techniques you should always have ready to hand if you develop web-sites. Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Show some Love. baxter order your tickets online xmen the last standread more | digg story […]
January 20th, 2007 at 5:12 pm
amazing list!
thank you
January 20th, 2007 at 5:56 pm
very cool
January 20th, 2007 at 7:43 pm
Cool! Thank you!
January 20th, 2007 at 8:03 pm
[…] 53 CSS-Techniques You Couldn’t Live Without - Un post molto molto utile per chi si occupa di web design. Pubblicato in Web design, Musica, Internet e tecnologia, America da remix | […]
January 20th, 2007 at 8:12 pm
[…] Bardzo fajny zbiór artykułów dla webdeveloperów znajduje się na Smashing Magazine. Znajdziemy wszystko, czego dusza zapragnie, od zakładek CSS, stylowania inputów, dodawania cienia, tabelki CSS i wiele, wiele więcej. Ja już zapisuje do del.icio.us. […]
January 20th, 2007 at 8:16 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine Des basiques et des plus originals. En tout cas la liste est bonne ! (tags: css webdesign programming html design) You’re currently reading “links for 2007-01-20,” an entry on Entreprise 2.0 […]
January 20th, 2007 at 10:50 pm
[…] Rounded Corners, Tabnavigation or Star Rater. The Smashing Magazine lists 53 CSS-Techniques You Couldn’t Live Without […]
January 20th, 2007 at 11:27 pm
[…] 53 CSS-Techniques You Couldn’t Live Without (tags: css) […]
January 20th, 2007 at 11:42 pm
[…] Lately I haven’t been going on digg as much, but today I was checking it and found this great article on 53 CSS techniques you can’t live without. Its a great resource for any project your working on if you need some ideas on certain techniques. Check it out! […]
January 21st, 2007 at 1:23 am
[…] 53 CSS-Techniques You Couldn’t Live Without […]
January 21st, 2007 at 1:43 am
[…] Ensuite, vous pouvez vous plonger dans les 53 meilleures astuces a réaliser en CSS. Cela va de la mise en page d’un site, à l’animation, la navigation ou la réalisation d’un diagramme. Tout est bon dans ce post qui connait un énorme succès sur Digg (plus de 4′000 votes au moment ou j’écris ces quelques lignes…). […]
January 21st, 2007 at 3:13 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine "53 CSS-based techniques you should always have ready to hand if you develop web-sites." (tags: development css design guide howto webdesign tutorial) […]
January 21st, 2007 at 3:26 am
[…] 53 CSS Tekniği diye yayımlanan yazıda bir çok CSS ipuçlarını bulabilirsiniz. Link […]
January 21st, 2007 at 3:56 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: webdesign web css design techniques) […]
January 21st, 2007 at 5:16 am
It’s soooo k3wl collection!!!!!!!
January 21st, 2007 at 5:42 am
[…] En Smashing Magazine han publicado una excelente colección denominada 53 CSS-Techniques You Couldn’t Live Without. Constituye un repositorio de técnicas basadas puramente en CSS, aunque sólo en algunas también incorpora algo de JavaScript. A continuación voy a nombrar algunas de las técnicas citadas, pero para conocer la lista completa (53 técnicas) y los enlaces correspondientes deberán visitar la fuente original. […]
January 21st, 2007 at 5:48 am
[…] Folkene bag smashing magazine har været så venlige at samle henvisninger til 53 CSS-Techniques You Couldn’t Live Without. Nårh ja, måske en mindre overdrivelse, det med at man ikke kan leve uden, men helt sikkert en liste der er værd at kigge igennem og blive inspireret af. […]
January 21st, 2007 at 6:50 am
[…] January 20th, 2007 […]
January 21st, 2007 at 8:20 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: Tech WebDesign CSS Guide Tips) […]
January 21st, 2007 at 8:21 am
[…] 53 CSS-Techniques You Couldnt Live Without 53 CSS-Techniques You Couldnt Live Without __________________ Wer sich ber Kritik rgert, gibt zu, dass sie verdient war. Gaius Cornelius Tacitus (um 55 - nach 115), rmischer Historiker und Politiker Keine Lust immer nur bei Google zu suchen? MSearch! MSearch ist Beta, wer einen Fehler findet, bitte bei mir melden :) […]
January 21st, 2007 at 8:24 am
[…] […]
January 21st, 2007 at 9:18 am
[…] 53 CSS-Techniques You Couldn’t Live Without a great list (note 34 & 45) (tags: CSS) […]
January 21st, 2007 at 10:43 am
[…] This is the hot new list of CSS technics. Great work. I didn’t know some tricks were possible in CSS. […]
January 21st, 2007 at 12:13 pm
[…] 53 CSS techniques you should know. Always something to learn. […]
January 21st, 2007 at 12:39 pm
[…] 长尾元素的组合 Web2.0 的视觉设计新中英对照 GFW的真正作用 53 CSS-Techniques You Couldn’t Live Without google earth上超清晰的军事基地图片 世界上最高、最长和最小的网页： […]
January 21st, 2007 at 1:37 pm
[…] 53 techniki CSS - naprawdę imponujący zbiór. […]
January 21st, 2007 at 2:44 pm
[…] This may be just another linkbait top X list article - but - I must say it is a good list of formatting techniques gathered together in one place.53 CSS Techniques You Couldn’t Live Without […]
January 21st, 2007 at 3:01 pm
[…] 連結 […]
January 21st, 2007 at 6:57 pm
[…] Bis heute wissen noch viele Webdesigner nicht, was man alles mit CSS anstellen kann. Es geht weit über Farb- und Schrift-Einstellungen. Die Macher von Smashing Magazine haben eine Liste von 53 verschiedenen Techniken zusammengetragen, welche man einfach kennen muss. Besser natürlich noch, wenn man die alle beherrscht. Wenn Euch also Usability und Accessibility wichtig ist, dann solltet Ihr unbedingt einen Blick in den Artikel werfen: 53 CSS-Techniques You Couldn’t Live Without […]
January 21st, 2007 at 8:30 pm
[…] Ayer, desde las oficinas de la Smashing Magazine se nos obsequió con una nueva recopilación absolutamente genial. En este caso se trata de una lista de técnicas CSS para distintos fines, cincuenta y tres en total, de las que yo destaco las siguientes (no por que tengan mayor o menor interés popular, sino porque a mí me vienen de lujo): […]
January 21st, 2007 at 8:38 pm
[…] 53 CSS-Techniques You Couldn’t Live Without in | Smashing Magazine (tags: css techniques) […]
January 21st, 2007 at 9:23 pm
Great stuff! Trying to realize some of these techniques on my own site.
January 21st, 2007 at 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.
January 21st, 2007 at 9:51 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: css techniques) […]
January 21st, 2007 at 9:52 pm
Great…
I get the submit css buttons on http://www.appletuga.com and it works fine…
:)
January 21st, 2007 at 9:59 pm
[…] 53 CSS-Techniques You Couldn’t Live Without […]
January 21st, 2007 at 10:24 pm
Great Resources, I love seeing lists like this, Well Done!
January 21st, 2007 at 10:39 pm
Thanks!
January 21st, 2007 at 10:46 pm
[…] Die Betreiber von Smashing Magazine - Sven Lennartz und Vitaly Friedman - haben eine umfassende Linkliste mit sehr interessanten Beispielen für CSS-Techniken veröffentlicht. Eine echte Fundgrube für Webdesigner! CSS Based Navigation Navigation Matrix Reloaded CSS Tabs CSS Bar Graphs (CSS For Bar Graphs) Collapsing Tables: An Example Adams Radio & Checkbox Customisation Method CSS Image Replacement CSS Shadows (CSS Shadows Roundup) CSS Rounded Corners Roundup (Nifty Corners) Drop Cap - Capital Letters with CSS […]
January 21st, 2007 at 11:03 pm
[…] Where should you start learning some CSS techniques? One of my favorite articles is from Smashing Magazine, entitled, “53 CSS-Techniques You Couldn’t Live Without.” […]
January 22nd, 2007 at 12:25 am
[…] Smashing Magazine: […]
January 22nd, 2007 at 12:52 am
[…] Na koniec dla wszystkich, specjalistów od css-a zebrane w jednym miejscu najciekawsze css-owe sztuczki – warto dodać to miejsce do delicji […]
January 22nd, 2007 at 1:10 am
Very cool.It’s a great resource,Thanks.
January 22nd, 2007 at 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
January 22nd, 2007 at 1:56 am
[…] Vía aNieto2K: 53 CSS-Techniques You Couldn’t Live Without […]
January 22nd, 2007 at 2:21 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine Well, maybe not quite that essential but a good collection anyway. (tags: css webdesign reference resource tutorials tips javascript) […]
January 22nd, 2007 at 3:33 am
Awesome help!
Thanks!
January 22nd, 2007 at 5:17 am
Great collection!
Instantly saved to my list of CSS resources:
http://www.linkibol.com/Default.aspx?lli=-1&lpi=-1&cs=0&sf=471&lui=3&sun=volkan
Thank you very much for creating this invaluable list.
It will be a great time-saver in my next project.
That’s simply incredible.
Cheers.
January 22nd, 2007 at 5:22 am
Christ, is your headline big enough?
January 22nd, 2007 at 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. :)
January 22nd, 2007 at 6:11 am
[…] Read the full article here. […]
January 22nd, 2007 at 7:23 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: css tutorials) […]
January 22nd, 2007 at 7:32 am
[…] 53 CSS Techniques You Couldn’t Live Without (tags: CSS design Web internet layout links lists reference) […]
January 22nd, 2007 at 10:05 am
[…] 53 CSS-Techniques You Couldn’t Live Without - 非常好用的 CSS 技巧集錦。 […]
January 22nd, 2007 at 11:17 am
[…] Genauer gesagt, eine Liste der 53 CSS Techniken, ohne die man nicht leben kann, gibt es hier im Blog von smashingmagazine.com. […]
January 22nd, 2007 at 12:22 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine […]
January 22nd, 2007 at 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!
January 22nd, 2007 at 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!
January 22nd, 2007 at 1:22 pm
[…] Ich habe heute eine wirklich feine Liste von CSS Techniken im Blog von Sven Lennartz (Dr. Web) und Vitaly Friedman ( Web Developer Handbook) gefunden. Die Liste zeigt Links und Screens von CSS Techniken … es sind wirklich feine Techniken dabei. « Firefox zu kleine Popups … gelöst? […]
January 22nd, 2007 at 1:29 pm
[…] css tab css 技巧 […]
January 22nd, 2007 at 1:34 pm
[…] CSS-based techniques you should always have ready to hand if you develop web-sites. Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Show some Love.read more | digg story […]
January 22nd, 2007 at 1:36 pm
wow. superb resources!!! thanks a million…
Legit Paid To surf
Agloco Explained
January 22nd, 2007 at 2:06 pm
[…] Check this out: 53 CSS-Techniques You Couldn’t Live Without. […]
January 22nd, 2007 at 2:13 pm
[…] 55 CSS Techniques — a great list of useful css tools for web development. Rounded corners, drop shadows, and no-image tabs; just to name a few […]
January 22nd, 2007 at 2:51 pm
This is incredible. I didnt know many of these tehcniques existed. Thanks a ton.
January 22nd, 2007 at 3:19 pm
[…] Dan ga je verder met het vormgeven van je menu, afbeeldingen, externe linken, …. Kijk dan ook eens het overzicht van Smashing Magazine. Zij hebben een overzicht gecreeerd van 53 CSS technieken die een echte moet-ik-hebben zijn. […]
January 22nd, 2007 at 4:46 pm
[…] http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without […]
January 22nd, 2007 at 5:23 pm
[…] 53 CSS-Techniques You Couldn’t Live Without Comments » […]
January 22nd, 2007 at 5:38 pm
Fantastic collection… This is one great list of CSS Wonders… Thanks a lot!!!
January 22nd, 2007 at 5:48 pm
[…] Link zum Artikel […]
January 22nd, 2007 at 5:55 pm
[…] A very comprehensive list of CSS tips and tricks linked up by Smashing Magazine. […]
January 22nd, 2007 at 6:05 pm
[…] 53 CSS-Techniques You Couldn’t Live Without […]
January 22nd, 2007 at 6:09 pm
[…} Das Smashing Magazine hat sich die Mühe gemacht, 53 wundervolle CSS-Techniken zusammenzutragen, […]
January 22nd, 2007 at 6:09 pm
[…} Das Smashing Magazine hat sich die Mühe gemacht, 53 wundervolle CSS-Techniken zusammenzutragen, [. ..]
January 22nd, 2007 at 6:11 pm
[…] read more | digg story […]
January 22nd, 2007 at 6:18 pm
Really great list and will help teaching and learning of this area tremendously. Thanks!!
January 22nd, 2007 at 6:29 pm
Great list! A few things that I’ve done differently in the past, but will be CSSing in the future.
January 22nd, 2007 at 6:31 pm
[…] Hromdagen rkade jag snubbla ver bloggen Smashing Magazine. Med artiklar som 53 CSS-Techniques You Couldn’t Live Without, 5 Freefonts You Shouldn’t Have Missed och Hand-Picked Photoshop Tutorials r den en uppenbar guldgruva fr webbdesigners, webbutvecklare och alla andra vanliga ddliga som hller p med grafik och design. Vl vrd ett besk om du knner dig trffad. We like! […]
January 22nd, 2007 at 8:01 pm
I would like to have a “Navigation Matrix” but with the tabs having a dynamic width and not a fixed one, anyone knows how to do it with CSS? I’ve done it “by code” in my site, http://nsolutions4u.com but I would like to have it done in a simpler way… All help appreciated.
January 22nd, 2007 at 8:04 pm
Wow!! Great list!
January 22nd, 2007 at 8:16 pm
[…] Link […]
January 22nd, 2007 at 8:22 pm
a very interesting article with a good collection of link and démo… thank a lot.
January 22nd, 2007 at 9:33 pm
[…] 53 CSS-Techniques You Couldn’t Live Without […]
January 22nd, 2007 at 10:34 pm
[…] Read the Article… […]
January 22nd, 2007 at 11:44 pm
[…] O Rico me enviou esse post com 53 técnicas imperdíveis de CSS. Muito, muito excelente. Conhecia algumas e vários dos sites listados, mas é sempre bom ter tudo reunido num lugar só. Direto para os favoritos. […]
January 23rd, 2007 at 1:42 am
[…] Although I’ve bookmarked half of these already, this is a real nice collection of css tricks and techniques that many developers use almost everyday. A must read and bookmarkable. […]
January 23rd, 2007 at 2:02 am
Very nice presentation of the collection. Thanks. Makes it easy to cull through and see the ones I should be adding to the arsenal.
January 23rd, 2007 at 3:54 am
[…] 53 CSS-Techniques You Couldn’t Live Without […]
January 23rd, 2007 at 4:07 am
Great effects!!
I love them
can i use them in my designs?
January 23rd, 2007 at 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.
January 23rd, 2007 at 4:44 am
[…] 53 CSS Techniques You Couldn’t Live Without | Smashing Magazine. Holy freaking cow. There are some seriously cool CSS implementations on this site. […]
January 23rd, 2007 at 4:46 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine this one rocks Posted by radtrace | in website | […]
January 23rd, 2007 at 5:13 am
[…] However, in good news, it seems that calophi has agreed somewhat to lok at my bad CSS stylings, and looking at this article about things you can do with CSS, I’m actually something very much like inspired! Or insipid. […]
January 23rd, 2007 at 5:13 am
nice collection here … thanks a lot …
January 23rd, 2007 at 5:17 am
[…] wer suchet der findet … schöne sammlung von praktischen CSS Tipps … Einige dabei, die ich bisher noch nicht kannte …. Und für einen Lacher zwischendurch gibts hier was … Achja .. wer auf Pixel steht .. guckst du hier …. […]
January 23rd, 2007 at 5:34 am
[…] write up with some GREAT tips - if you’re into CSS - CHECK THIS OUT!! LINK -http://www.smashing…ouldnt-live-without/ […]
January 23rd, 2007 at 6:25 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine 53 CSS-based techniques you should always have ready to hand if you develop web-sites. (tags: css webdesign reference tutorial toread) […]
January 23rd, 2007 at 6:30 am
[…] Url.Site.CSS.Using all css features for improving your site […]
January 23rd, 2007 at 6:57 am
[…] Getting a lot of hits from the 53 CSS-Techniques You Couldn’t Live Without post on Smashingmagazine I realised I don’t really need a lot of those (although a lot are cool). Instead let me share with you CSS techniques that saved my a*** whenever I had to create a layout using CSS or proving those wrong that claimed layout tables cannot be replaced. […]
January 23rd, 2007 at 8:24 am
[…] Pflichtlektüre für Webdesigner: smashingmagazine.com und 53 CSS-Techniques You Couldn’t Live Without […]
January 23rd, 2007 at 8:51 am
[…] 53 CSS-Techniques You Couldn’t Live Without via Smashing Magazine (via Daring Fireball) - a full 53 CSS-based tips and tricks for excellent, clean, quick-loading web styles (tags: CSS html tutorial webdesign webdev) […]
January 23rd, 2007 at 8:57 am
Very handy!
January 23rd, 2007 at 11:10 am
[…] 53 CSS-Techniques You Couldn’t Live Without (tags: css webdesign design web) […]
January 23rd, 2007 at 11:38 am
[…] read more | digg story […]
January 23rd, 2007 at 12:09 pm
[…] CSS-based techniques you should always have ready to hand if you develop web-sites. Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Show some Love.read more | digg story […]
January 23rd, 2007 at 1:16 pm
[…] Eh bien moi oui. Bienvenue aux amateurs de design! […]
January 23rd, 2007 at 1:24 pm
Excellent. Just need time to apply a few of the listed ideas and techniques to my websites.
January 23rd, 2007 at 2:23 pm
Great and Useful!!
CSS + jQuery , it change the way that i design web.
January 23rd, 2007 at 2:31 pm
[…] - Para acompañar a la oferta de trabajo que publiqué esta semana, una serie de recursos en CSS. Utilidades y trucos, top diseños 2006 y diseños oscuros. ¿Alguien dá más? […]
January 23rd, 2007 at 4:30 pm
Nice. Very useful information. Before visiting this page I knew only 10 techniques.
January 23rd, 2007 at 4:32 pm
[…] doua articole pe care le-am notat de curand: 10 reguli pentru o mai buna relatie cu clientii si 53 de tehnici esentiale in css […]
January 23rd, 2007 at 4:57 pm
[…] Das Smashing Magazine hat wieder neuen, guten Stoff. Diesmal eine Liste der 53 CSS-Techniken ohne die man nicht mehr auskommt… […]
January 23rd, 2007 at 6:29 pm
[…] Sehr wohltuend, wenn man dann auf so etwas stösst: 53 CSS Techniques You Couldn’t Live Without […]
January 23rd, 2007 at 6:32 pm
[…] 53 CSS Technieken Die Je Niet Kunt Missen » Niet Georganiseerd Published 0 minutes ago […]
January 23rd, 2007 at 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.
January 23rd, 2007 at 9:11 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine […]
January 23rd, 2007 at 10:07 pm
[…] Smashing Magazine has a great round-up of CSS techniques to enhance and spice up your website. #1 spot for CSS Navigation […]
January 23rd, 2007 at 11:55 pm
Wow, this is a really great list of CSS tricks. Thanks for the collection.
January 24th, 2007 at 12:47 am
If you’d like to create CSS Tabs without images try CSS Tabs
January 24th, 2007 at 1:20 am
[…] 53 Techniques de CSS […]
January 24th, 2007 at 1:31 am
really amazing collection you SMASH buddy.
January 24th, 2007 at 2:10 am
[…] Onlarsız yaşayamayacağınız CSS kaynakları.. Netomer23 Ocak 09:23 pmHiç yorum yok, ilk sen ekle! Smashing Magazine, olmazsa olmaz CSS kaynaklarını bir araya toplamış, gerçekten mütiş bir arşiv.. […]
January 24th, 2007 at 3:58 am
[…] 53 CSS-Techniques you couldn’t live without. […]
January 24th, 2007 at 4:07 am
[…] I read an incredible post from Smashing Magazine today. It is a collection of 53 links to various CSS tips and tricks, techniques for developing different types of navigation, image mapping, table techniques, etc. It is definitely worth reading: 53 CSS-Techniques You Couldn’t Live Without. css, smashing magazine techniques […]
January 24th, 2007 at 5:29 am
[…] CSS Tips Smashing Magazine provides a helpful page of tips on how to use CSS to do things that would be difficult to use otherwise. […]
January 24th, 2007 at 5:56 am
[…] Durch einen Hinweis auf der Seite von Andy Rutdlege (Google Redux) bin ich auf die Artikel 53 CSS-Techniques You Couldn’t Live Without aufmerksam geworden. Ich neige dazu, immer gleiche Aufgaben immer neu zu lösen - gerade wenn es um XHTML/CSS/JS geht. Diese Tipps nehmen mir aber so viel Arbeit beim Testen und Entwickeln ab, dass sich ein Besuch auf immer wieder lohnt. […]
January 24th, 2007 at 6:30 am
[…] Smashing Magazine […]
January 24th, 2007 at 7:21 am
[…] 53 CSS-Techniques You Couldn’t Live Without - Smashing Magazine Massa css! (tags: css webdesign inspiration) […]
January 24th, 2007 at 8:25 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: css webdesign design web techniques Reference resources) […]
January 24th, 2007 at 8:54 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: css webdesign Reference techniques web Design resources) […]
January 24th, 2007 at 9:19 am
Kudos, this is really helpful! I can finally make some attractive web sites …
January 24th, 2007 at 9:38 am
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine links to 53 css design techniques (tags: css webdesign) […]
January 24th, 2007 at 1:52 pm
nice list and documented, thanks for this
January 24th, 2007 at 3:49 pm
[…] Lot of work to do here. 53 CSS Techniques you couldn’t live without! […]
January 24th, 2007 at 4:09 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: accessibility ajax javascript css) […]
January 24th, 2007 at 4:18 pm
[…] :: 53 técnicas CSS para recordar :: (Vía Rudeworks) […]
January 24th, 2007 at 7:58 pm
Stumbled on this easier shadow css after reading the two listed above:
January 24th, 2007 at 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;
January 24th, 2007 at 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.
January 24th, 2007 at 9:28 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (tags: css webdesign design reference web techniques resources) […]
January 24th, 2007 at 10:09 pm
[…] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine […]