# Looking for CSS Tutorials

**URL:** <https://forum.kirupa.com/t/looking-for-css-tutorials/261243>\
**Category:** web dev\
**Created:** [May 24, 2008, 7:29pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243 "2008-05-24T19:29:54Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![jonbyrd](https://avatars.discourse-cdn.com/v4/letter/j/9de0a6/32.png) [@jonbyrd](https://forum.kirupa.com/u/jonbyrd)\
**Post date:** [May 24, 2008, 7:29pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/1 "2008-05-24T19:29:54Z")

</div>

I’ve become a fan of alistapart lately, I’m trying all kinds of new things with CSS. Have you guys found any other really good CSS tutorial websites? or any other internet tutorial websites for that matter…

---

<div class="post-metadata">

**Author:** ![Templarian](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/templarian/32/7152_2.png) [@Templarian](https://forum.kirupa.com/u/Templarian)\
**Post date:** [May 24, 2008, 8:40pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/2 "2008-05-24T20:40:42Z")

</div>

A List Apart is the main one after a bit of there examples its fun to merge a few and try to make really cool effects. Sprites are the largest thing A List Apart teaches along with tabs and placement and general making it look the same across browsers.

Once you have all those basics down kind of just experiment with designs and try to make some cool things… theres only so much to learn with css.

---

<div class="post-metadata">

**Author:** ![Esherido](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/esherido/32/2158_2.png) [@Esherido](https://forum.kirupa.com/u/Esherido)\
**Post date:** [May 24, 2008, 9:09pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/3 "2008-05-24T21:09:44Z")

</div>

A List Apart is definitely a great resource. While tutorials can be helpful, looking at other people’s work and how they manage to do certain effects can really help you understand how exactly a well built site’s CSS actually works. 😉

---

<div class="post-metadata">

**Author:** ![roblopez](https://avatars.discourse-cdn.com/v4/letter/r/54ee81/32.png) [@roblopez](https://forum.kirupa.com/u/roblopez)\
**Post date:** [May 24, 2008, 10:14pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/4 "2008-05-24T22:14:29Z")

</div>

Not a tutorial site but more of a resource and inspiration blog is [Smashing Magazine](http://www.smashingmagazine.com/). That’s how I found this forum and lately many many things that has helped me tons with my CSS and designs.

---

<div class="post-metadata">

**Author:** ![redelite](https://avatars.discourse-cdn.com/v4/letter/r/dc4da7/32.png) [@redelite](https://forum.kirupa.com/u/redelite)\
**Post date:** [May 27, 2008, 2:10pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/5 "2008-05-27T14:10:41Z")

</div>

I added this to the Sticky thread not too long ago. It’s got a ton of various tutorials, fixes, etc.  
[http://www.artypapers.com/csshelppile/scribble.php](http://www.artypapers.com/csshelppile/scribble.php)

This is probably the best site for layout help IMO.  
[http://www.thenoodleincident.com/tutorials/box\_lesson/boxes.html](http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html)

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [May 27, 2008, 8:26pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/6 "2008-05-27T20:26:30Z")

</div>

Alistapart’s article on [**Taming Lists**](http://www.alistapart.com/stories/taminglists/) is amazing, and like Templarian mentioned, there are only a handful of truly individual things about CSS you can learn, once you’ve mastered all the big ones, its all about experimentation and applying little things from big examples to make your experiments work.

---

<div class="post-metadata">

**Author:** ![w1sh](https://avatars.discourse-cdn.com/v4/letter/w/7feea3/32.png) [@w1sh](https://forum.kirupa.com/u/w1sh)\
**Post date:** [May 28, 2008, 3:41pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/7 "2008-05-28T15:41:18Z")

</div>

[http://www.w3schools.com/](http://www.w3schools.com/)

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [May 28, 2008, 3:45pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/8 "2008-05-28T15:45:00Z")

</div>

Yea, i was going to post W3schools, but that is only good for learning definitions of stuff… and their examples are weak. There’s really no application of what they are telling you, and how to use it.  
Its like, “Oh wow, now i know what the definition of line-height is… and look at this little example of how to write the syntax” but their lessons never go above and beyond this basic introductory kind of stuff.

There truly is no better way than to experiment yourself, and if you run into a roadblock, chances are someone else has already encountered it and written a tutorial on how to fix that, and to find said tutorial, all you would do is google the problem you’re having.

---

<div class="post-metadata">

**Author:** ![w1sh](https://avatars.discourse-cdn.com/v4/letter/w/7feea3/32.png) [@w1sh](https://forum.kirupa.com/u/w1sh)\
**Post date:** [May 28, 2008, 3:51pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/9 "2008-05-28T15:51:56Z")

</div>

Yeah but w3c is a good reference.

---

<div class="post-metadata">

**Author:** ![redelite](https://avatars.discourse-cdn.com/v4/letter/r/dc4da7/32.png) [@redelite](https://forum.kirupa.com/u/redelite)\
**Post date:** [May 28, 2008, 4:26pm UTC](https://forum.kirupa.com/t/looking-for-css-tutorials/261243/10 "2008-05-28T16:26:09Z")

</div>

@ you two ^ …

“RIP HIS HEAD OFF!!! RIP HIS HEAD OFF!!!” - Frank The Tank
