Best way to start learning CSS

Discussion in 'CSS' started by TonyDeV, Aug 26, 2006.

  1. #1
    How did you learn CSS? any good editors? Since Im new I figured that I should learn the basics and develop a couple of projects this way to really grab the feel of CSS, then move on to more advanced tools. So, any advice is welcomed. Thanks.
     
    TonyDeV, Aug 26, 2006 IP
  2. -Abhishek-

    -Abhishek- Regaining my Momentum!

    Messages:
    2,109
    Likes Received:
    302
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I would recommend starting off with this awesome tutorial on Killersites.com
    Page 1 :: Page 2 :: Page 3

    Once you're done reading those and have become familiar to CSS attributes, if I were you, I'd be reading Christophers's 14 tips before starting with CSS here ...
    http://www.exploding-boy.com/2006/08/24/starting-with-css-14-tips/

    ^^
    This would help refine your approach to CSS and thereby show a sort of cleanliness in your codes .....

    After this on a better level, you might consider
    Top 10 CSS Tutorials
    Once you're ready with that .....
    The best 10 CSS Resources on the Internet


    Hope that helps :)

    Abhishek
     
    -Abhishek-, Aug 26, 2006 IP
  3. Alis

    Alis Peon

    Messages:
    1,787
    Likes Received:
    159
    Best Answers:
    0
    Trophy Points:
    0
    #3
    -Abhishek- Thanks for the info , it was usefull on some tips.
     
    Alis, Aug 26, 2006 IP
  4. -Abhishek-

    -Abhishek- Regaining my Momentum!

    Messages:
    2,109
    Likes Received:
    302
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Also you can take a look at www.oswd.org and www.openwebdesign.org
    There are many free CSS templates ... so you can get a gist of how code is written :)

    Btw, you can take my name without those hyphens Alis :) Glad you find them useful ....

    Abhishek
     
    -Abhishek-, Aug 26, 2006 IP
  5. AdamSee

    AdamSee Well-Known Member

    Messages:
    422
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    135
    #5
    AdamSee, Aug 26, 2006 IP
  6. Neale

    Neale Peon

    Messages:
    583
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thanks that exactly what i was looking for :)
     
    Neale, Aug 26, 2006 IP
  7. Neale

    Neale Peon

    Messages:
    583
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Just for the record this is an interesting result not seen often
    google.com/search?hl=en&q=-Abhishek-&btnG=Google+Search
     
    Neale, Aug 26, 2006 IP
  8. maney

    maney Active Member

    Messages:
    1,130
    Likes Received:
    36
    Best Answers:
    0
    Trophy Points:
    90
    #8
    Ince you've got a basic grasp, get a few free templates which use CSS and just play about with the CSS file, seeing what happens if you change this, or if you add that. You can earn a lot from doing that.
     
    maney, Aug 26, 2006 IP
  9. TonyDeV

    TonyDeV Peon

    Messages:
    45
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    @Abhishek, great tuts! I wil check em right away.

    @AdamSee: Yes! I was wondering if I could find some good books to get them ASAP

    @maney: great advice, definately will do.
     
    TonyDeV, Aug 26, 2006 IP
  10. cj1223

    cj1223 Well-Known Member

    Messages:
    287
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    108
    #10
    You have to know html before you learn css but i sugest going to w3schools.com they can teach you everything you need to know, i can only learn from trial and error but that site help me alot along with DP and other forums
     
    cj1223, Aug 26, 2006 IP
  11. homework62

    homework62 Peon

    Messages:
    121
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    great links to learn css thanks
     
    homework62, Aug 28, 2006 IP
  12. sketch

    sketch Well-Known Member

    Messages:
    898
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    148
    #12
    I also recommend http://www.w3schools.com, 98% of the time helps me in a pinch. You should definitely get the CSS cheat sheet from http://www.ilovejackdaniels.com (many others too, PHP, Javascript, etc.), always handy to have something taped up next to your monitor :)

    And if you're serious about learning CSS for work or personal projects and want to see what others are doing with CSS, you MUST visit sites like http://www.cssmania.com , must be over 1,000 websites without any tables, entirely CSS, some of which are simply fantastic. I've been inspired many times. Check it out!
     
    sketch, Aug 29, 2006 IP
  13. Garrett

    Garrett Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Also for anyone designing sites using just CSS, HTML & notepad I'd recommend the free "Web Developer" extension for Firefox. This allows you to view the CSS sheet alongside the rendered page and edit the CSS on the fly. Great for experimenting. I've just discovered it!
     
    Garrett, Aug 30, 2006 IP
  14. RRWH

    RRWH Active Member

    Messages:
    821
    Likes Received:
    49
    Best Answers:
    0
    Trophy Points:
    70
    #14
    The best way to learn is by doing...

    w3schools.com is a great resource for the beginner.

    What you should consider doing is to go out and purchase yourself a turnkey site. Most turnkeys have really horrid table designs, and the code in general is rubbish, but that is an aside. Take the turnkey site, and make a full backup of everything then start setting about converting it to a CSS/tableless design.

    By doing this, you actually have a real project to learn with and at the end, you could choose to simply promote the site or even sell it on.

    Now, the reason I suggest this is it gives you some real pratical experience in what you may have to do in the future. Additionally, it will of course give you an idea as to how long this sort of work actually takes.

    Every time I purchase any site I usually spend some time doing a similar thing and this is why I suggested it.
     
    RRWH, Aug 30, 2006 IP
    classifieds likes this.
  15. TonyDeV

    TonyDeV Peon

    Messages:
    45
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    amazing replies, will check the suggested sites, of course I have been surfing w3schools for a time now ;) thanks all.
     
    TonyDeV, Aug 30, 2006 IP
  16. FightRice

    FightRice Peon

    Messages:
    1,082
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    0
    #16
    picked up a CSS book, i beleive it was something like Zen Garden of CSS and never really looked back
     
    FightRice, Aug 30, 2006 IP
  17. dddougal

    dddougal Well-Known Member

    Messages:
    676
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    108
    #17
    The best way to learn is by making trial and error, mistakes help you learn.
     
    dddougal, Aug 31, 2006 IP
  18. AndreasA

    AndreasA Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    This CSS Tutorial will get you started with CSS in just a few minutes. It is easy to understand and will teach you all the sophisticated techniques:

    http://www.html.net/tutorials/css/introduction.asp
     
    AndreasA, Aug 31, 2006 IP
  19. XandroZ

    XandroZ Peon

    Messages:
    395
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #19
    a very good book : CSS Anthology
     
    XandroZ, Sep 1, 2006 IP
  20. rajathe

    rajathe Peon

    Messages:
    68
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #20
    thank u very much..
    raj
     
    rajathe, Dec 1, 2007 IP