4 ms·
CSS really is the core of front end. You'll get better with experience, especially if you hew to always using every opportunity to learn something deep about it
by galdosdi 2y ago
CSS really is the core of front end. You'll get better with experience, especially if you hew to always using every opportunity to learn something deep about it instead of just superficially how to complete the task. Eventually you'll be pretty good at it.
But in the meantime, you'll manage to get stuff out the door, that looks almost but not quite right or not quite responsive (abusing absolute positioning and other hacks, for example) and it'll just take longer than it should.
That's just the nature of it, but there's a light at the end of the tunnel. Keep messing around. You'll get there.
You'll have a much easier time with these resources:
(1) Use the browser's debugger extensively while figuring out how various CSS tricks work. Inspect element, turning properties on and off in the browser to see how they affect things, seeing the effective CSS for an element after inheritance, etc, etc. You'll learn much faster this way.
(2) Yes, StackOverflow and ChatGPT can help a lot for quick one off hacks so yes, use them. But, as I alluded, you want to build deeper understanding in the long run so be sure to...
(3) Actually read proper documentation that explains the underlying architecture and concepts. MDN is best for this. It's really fucking good. Well, actually, maybe I'm not qualified to say that, there may well be other great sources too. But considering it's from a browser maker, it's pretty damned close to being "the official manual". (It's also great for JS browser APIs and HTML)
- galdosdi 2y ago(4) See a page with a visual element you like? View source! Just kidding, that's so 1999. In 2024, view source has been obsoleted by using the browser's debugger (inspect elements, etc) as mentioned in (1), that way you get the actual current DOM tree and CSS after JS did its work, and can monkey around turning properties on and off to see which ones are causing the effect you like.