CSS books

Soldato
Joined
1 Nov 2007
Posts
7,733
Location
England
I've never been good at design and because of this I've always avoided learning CSS properly. I've only ever used things like Bootstrap which is easy to use but not great looking.

I'm currently building a site and I'd like to be able to design it myself so I was looking for decent beginners books on CSS that will start the ball rolling. I have a more advanced book but I want to get the basics down before I start reading it.

If you need any additional information please let me know.
 
'Responsive Web Design with HTML5 and CSS: Build future-proof responsive websites using the latest HTML5 and CSS techniques' - Ben Frain - https://amzn.eu/d/05agS0RL

Got the older 4th edition. It's a good read but i think it's fairly expensive for what it is.

Also have a few of the O'Reilly CSS books - 'CSS: The Definitive Guide 3rd Edition', although i believe there's newer editions; and one of their 'CSS Pocket Reference' but it's quite outdated now.

Tbf, you might be better with UI/UX design books, 'Refactoring UI' is one i've seen mentioned, if that's your focus as CSS will help with translation but actual design is a different ballpark.
 
Forget books, look stuff up online.

Step 1
Draw your design on paper

Step 2
Learn CSS box model, float, grid
Create your rough layout

Step 3
Learn fonts and icons
Learn colours and background images
Enhance your layout

Step 4
Learn responsiveness
Do responsiveness

Make another design on paper and repeat the process until confident.
 
I highly recommend this guys blog posts. He makes lots of interactive widgets and stuff and I find his presentation to remember mental models second to none. Blog stuff is free, though he has a few courses you absolutely do not need to do them.
That said, i’ve been dabbling through his whimsical animation stuff and honestly he does stuff that I didn’t even think it was possible.



Agree with the UI/ux focus, no point making a bad UX look pretty.

Oh I found this handy too.
 
Last edited:
Back
Top Bottom