Advertisment
CSS ( Cascading Style Sheets) are the modern standard for presenting website. Combined with structural markup language like HTML, XHTML – CSS fully take care about presentation part, creating that good concept – HTML = Content, CSS = Presentation. If you know CSS, you can really do everything controlling spacings, borders, positioning, margins, paddings, colors, fonts, background images, hover effects and more presentational effects. CSS is really easy to understand, and in my opinion every graphic designer should have at least simple coding skills with HTML and CSS, because CSS is really still design part, not really coding.
In this article, you’ll have all the best resources available, which will teach you how to use CSS really effectively. I started myself with W3Schools and HtmlDog – pick your own favorite and stick with it! Also I wanted to mention especially Css-Tricks website and Delicious CSS tag usage – there you will find never-ending sources of CSS resources, you could ever need! Enjoy and good learning!
1.W3Schools CSS Tutorial Section
2.HTMLDog – CSS Tutorial Section
3.CSS-Tricks Tutorials, Articles And Screencasts
Great website maintained by Chris Coyier, who constantly offer on his site many useful CSS tutorials and screencasts.
4.Google Videos – CSS
5.A List Apart – CSS Tutorial Section
6.RichInStyle CSS Tutorial Section
7.HTMLGoodies CSS Tutorial Section
8.CSS-Discuss Wiki Tutorial Section
9.Positioning Is Everything
10.Learn CSS Positioning in Ten Steps
11.456BereaStreet: The CSS, HTML, and JavaScript Lab
12.CSSBasics Tutorials
The following chapters cover all the basics of CSS design.
13.CSS-Play – List of Demonstrations
14.Tizag CSS Tutorial Section
15.CSS Help Pile
A huge pile of CSS-related tips, tricks, showcase sites and resources – everything in very well categorized way.
16.Holy CSS Zeldman! – CSS, Accessibility and Standards Links
Huge resource and link collection covering everything releated to coding, CSS, standards, books and so on.
17.Eric Meyer : CSS Section
18.Andy Budd Links
Big collection of websites and CSS related articles.
19.CSS Zen Garden
Beautiful website showing a demonstration of what can be accomplished visually through CSS-based design. Select any style sheet from the list to load it into this page. You can download HTML and CSS file to inspect each design submitted here and learn how unique CSS effects are achieved!
20.Delicious CSS Tag
Delicious takes care of big statistics and you can rapidly find out – what’s hot now in CSS section (recent/popular) and also try to use not only CSS tag – but CSS together with Tutorial, Reference, Blog etc. to filter that list more suitable to your own needs.
21.MaxDesign CSS Tutorial And Resource Site
CSS resources and tutorials for web designers and web developers – various collections with many navigation examples( Listamatic, Listamatic2) and several tutorials (ListTutorial, FloatTutorial,SelectTutorial) as well.
22.CSSEasy Tutorial And Resource Site
Free fixed and fluid CSS layouts, the modern way to learn CSS – inspect youself premade layouts to get better understanding how they work.
Select a layout and go to “View > View source” to view the layout’s source, then copy-paste the code in notepad and safe the file as index.html. Study the code and watch the changes when you change something. (best results with Firefox, download link available in the webmaster tools section on this site)
23.EchoEcho CSS Tutorial Section
24.CSS-Discuss Information
This site is primarily intended to be a place for authors to discuss real-world uses of CSS. This doesn’t preclude discussions of theory, or nifty cutting-edge tricks that show off the power of CSS, or even talking about (X)HTML, DOM, and so forth. Site has nice Wiki CSS section!
25.Web Design From Scratch
Scratchmedia are a London UK based Web design agency, which has impressive collection of web design related tutorials and articles, CSS section featured here.
26.CSS-Tutorial
These tutorials on web design/CSS makes learning this stuff fun and easy – you will be up and running in no time because it ain’t that hard!
27.CSS Dog Resources And References
Learn about CSS shorthand properties, CSS references and CSS3 selectors all in one place!
28.Web Developer’s Handbook
Huge resource list site featuring many articles and websites, which are directly related to web developing process, which also include CSS of course!
29. CSSDocs CSS Properties
CSS Documentation Shortcut – just input your interesting css property and you’ll get full explanation to it, very handy, if you know what are you searching for, but forgot how specifically code looks.
30.Stylegala CSS Reference Section
31.CSS 3 reference guide, tutorials, and blog
32.CSS Cheat Sheet
Extremely useful one page CSS cheat sheet – I strongly suggest to print it out for later reference.
33.CSS Property Index
All CSS Properties Listed Alphabetically
34.Sitepoint CSS Reference
35.WestCiv CSS Tutorial Section
If I have missed some useful sites – feel free to share them, I’ll edit this article and add them to list if those sites will be worthy!
your post, I love is :)
this is thank you.. :)
[...] 35 Websites To Teach You How To Use CSS Effectively | Graphic and Web Design Blog -Resources And Tut…. Posted in Uncategorized | Leave a Comment [...]
this is very beatifull
[...] -Elemento Agregado 35 paginas para aprender a usar CSS correctamente: 35 Websites To Teach You How To Use CSS Effectively [...]
[...] saya list beberapa resource yang sangat berguna berkaitan dengan CSS. Selamat menikmati! 1. Website Tutorial CSS Daftar website penting yang wajib dikunjungi oleh mereka yang mau seius dengan CSS, karena berisi [...]
[...] 35 Websites To Teach You How To Use CSS Effectively [...]
thanksssssssssss
[...] 35 Websites To Teach You How To Use CSS Effectively [...]
I was bookmark this article. I always back to see this article when i get a problem with my css. Thanks!
Your information is useful! Thanks for the blog!
Thanks for sharing the list of websites which will give the tips on CSS effect in web designing
One can find these resources on the Internet but finding them all in place is such a convenience and will be useful to anyone who has a website or a blog and has to deal with coding on a daily basis.
howtoblogformoney´s last blog ..Free Keyword Research Tool: SEO Book
Thank you for useful information. Have more to such sites!
coach´s last blog ..офисный переезд
Excellent blog. I think site Navigation is pivotal in great website design!
[...] 6. 35 Websites To Teach You How To Use CSS Effectively [...]
Thanks admin !!!
fallar´s last blog ..Tarot Anlamları
I went to your blog often. Thank you for the information!
The information will be useful to many. Thanks to author!
Useful information! Thanks to author!
Cool blog! Thanks for the information. Add to favorites;)
Thanks for the information. Remarkable blog;)
Interesting information. Thank you for sharing;)
I’m currently trying to think where threaded comments fit in the roadmap right now, but it is something that is definitely planned. We’re not going to say people *have* to use threaded comments, but the system shouldn’t restrict people who want to have that option. Plus for larger conversations I think threaded comments make everything easier to follow.
Hi, thank you very much! These information are really useful for me. You are wonderful! :-)
Excuse me,
you have forgotten www. cssglobe.com
Thank you. This information will be useful to many!
Great post! Thanks for compiling this list! I agree with you that having knowledge of CSS will allow you to do almost everything (especially in our offshore web development business).
Offshore Web Development´s last blog ..Why Choose Ph Outsource?
[...] 35 Websites To Teach You How To Use CSS Effectively [...]
Go back to ESL and learn how to write English properly, in the first paragraph I noticed two sentences where the subject(s) and verbs were not in agreement.
This is not to say I won’t read the rest of this page (as painful as it will be) because I desperately need to learn CSS.
Vara Designs is a web site design, development company in Hyderabad, specializing in creating Static, Dynamic and Flash & E-Commerce based websites. We always have unique, innovative and catchy ideas that will be different from others, and shall be able to give the website a different look. Adding art and graphic inputs to your website will make it more interesting and attractive.
Veri Nice….. ( Kepçe kulak )Thanks for Doc….
kepçe kulak estetiği´s last blog ..Kepçe Kulak Estetigi Fiyatları
good reffernce for fresher
[...] 35 Websites To Teach You How To Use CSS Effectively [...]
[...] 35 Websites To Teach You How To Use CSS Effectively(CSS is easy to understand – it is mainly design; tutorials online); [...]
Veri Nice…..( Çene ) ( Estetik ) ( Estetik Fiyatları ) Thanks for Doc….
Veri Nice…..( Cene Estetiği ) ( Botox Fiyatları ) ( Kepçe Kulak ) Thanks for Doc….
Gögüs Estetiği´s last blog ..Meme Ucu Problemleri
Awesome list of CSS sites. cheers (y)
Rahul – Web Guru´s last blog ..Global fight against Polio
Good Job, thanks for sharing.