Best way to learn CSS?
- Started
- Last post
- 64 Responses
- Projectile
an o'reilly book?
online tutorials?
w3schools?
Getting evening tuition from another designer?
I'm having serious trouble getting off the ground. Everything I try simply doesn't work, even though pasted directly from the tutorial! >_<
I'm trying the most basic tutorials, but hell I don't even know what software to pop it into! I've got Visual Studio and Dreamweaver, but have been advised to stay away from Dreamweaver (but that's by an uber-guru.. am I trying learn in the deep end?)
Any advice and links to specific tutorials would be great. Video tutorials are even better, as I can see things that they don't mention just by looking..
- acescence0
if you're learning to do things by hand, dreamweaver is just fine. just keep it in code view and don't bother with design view.
- vaxorcist0
argh!
cssedit or notepad++
(any text-editor that checks beginnings and ends of brackets and divs can save your sanity)eric meyer
zen garden
try not to let IE hacks ruin your mind
read good code, don't try to always assume CSS rules actually work as they should in most browsers........ while it's shitty that CSS should be something you can just write according to specs, it sometimes isn't.... and that's a learning curve, but also some job security once you learn it....
- ESKEMA0
I learned a lot since I started using CSSEdit. Preview + Code + Visual editing all at the same time and seeing every change real time.
- sseo0
This is just the way I learned it...
I had a crash course in college and I think it helped me understand CSS generally, but not much more. Once you have an idea of how it works, you can learn specifics by looking at other people's code in combination with w3schools. Also just do some reading on web standards because learning it right the first time saves you a lot of time later.
It's tough at first because it's all seems so foreign, but stick to it and don't try to do too much at once. Try to solve each problem and make sure you understand all of the hows and whys.
Just so you know, I wouldn't consider myself knowledgeable on the subject, but I had to teach myself and make it work. I never really had the patience for tutorials or books, but if that works for you it's probably a good way to go as well.
This method kind of sucks because it's hard to explain to name a single really helpful resource, but I did learn a lot just by picking at this guy's code:
- cool, yeah I think once i've gathered some momentum I'll be ready for thatProjectile
- sseo0
and as vaxorcist mentioned, be aware that different browsers do different things with the same code, so maybe it's best to stick to one while learning. You can learn hacks for different browsers later (welcome to hell.)
- yeah already run into so many damn problems!!Projectile
- don't waste your time with browser incompatibilities yet. it sucks.sseo
- Projectile0
hang on.. one more thing, I'm just trying to up my skills base in order to have more options available to me. (most job posts these days say HTML/CSS skills needed)
Am I learning the best thing here? in fact they usually just say HTML but I'm assuming that means CSS too.
or as a designer should I just be learning how to use Dreamweaver or something? The messy code does bother me a bit, though- dont learn dreamweaver - handcode then choose a decent editor to hand code into...ckentish
- acescence0
i think if they say html it would typically also involve css. but yeah, if you've got the time to learn, it's a good skill for a designer to have if for nothing else just to have an understanding of what's involved. i would not bother with doing things visually in dreamweaver, use it as a text editor if at all.
- Ravdyk0
Use the slogan of nike
- jysta0
1) Firebug in Firefox > CSS > edit (see your effects live)
2) Coda, it's got books for both html and css for reference and you can edit visually instead of typing which starting out helps a lot.
3) Get a CSS cheatsheet here: http://www.addedbytes.com/cheat-…
- Mojo0
View source.
- Mojo0
Learn from people like Dan Cederholm. I went to one of Eric Meyer's workshops - and he basically is a nerd with lots of obscure knowledge, who has had lots of influence into how it all works. His workshop involved him showing us how clever he is, and styling boring tables for 5 hours. Fuuuun.
Bulletproof CSS.
- spraycan0
my first experience was with a book then i continued with online stuff
- My first experience was with a woman... but hey, to each their own.ETM
- hahahspraycan
- LOLProjectile
- 3030
get firebug for firefox and take a look how other people do their job
- this method help make sense of the stuff you learn in w3school.
and always have a book handy.
lynda great to. I've done a combo. and still cant desing but can upgrade-update sites. CSS is a great way to design once you get it down. start on some Bsh*t site.
hiatus
- this method help make sense of the stuff you learn in w3school.
- liveforever0
lynda
- itstimefortea0
developers toolbar is also good for firefox. pretty similar to firebug.
- moth0
Use a reset.
- DevinOwens0
Hey what is your email? I have some video's to send you,
It's what help me get started.
- boobs0
- < Thatflashbender
- what boobs and flashbender said...utopian
- ...and utopian saidalicetheblue