Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Joshua Comrie
3,861 PointsHow to master CSS?
Hi guys, I did a lot of HTML & CSS via Youtube tutorials, before joining Treehouse. I have now finished the HTML & CSS courses on here and it's now time for me to move onto Javascript. I am pretty fluent in HTML, but I need to master my CSS skills.
It's probably an obvious answer to just practice the code, but are there any specific links for projects, Youtube videos or any other resources out there to help? I also have notes on everything I have learnt (almost) So shall I just keep practicing those?
Thanks
3 Answers
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 PointsHi Joshua,
Completing the Web Design track might be a good idea, as it includes a lot of CSS courses and provides some structure to your learning.
One of the hardest parts of CSS for me is layouts. I still struggle with them. I found the CSS Layout Basics course helped a lot.
Some other sites you might find helpful:
- CSS Tricks - Bunch of useful tutorials and 'how do I do x' scenarios
- Stackoverflow - Most of the time someone else has had a similar problem and you'll either get the answer straight away or find little bits of information you can go off.
- W3C CSS Validator - Upload/paste your code to check if it's standards compliant. Provides a bunch of tips for improvements you can make.
- Learning how to learn - Would also highly recommend this course, as it will help in learning anything.
Don't make the mistake of just watching videos/making notes and never applying the knowledge. Write code, figure out why it doesn't work the way you want it to and repeat. Michal makes a good suggestion.
Hope this helps :)
Michal Svačina
5,089 PointsWhat I`ve found working well for me was to just find a website download its html source code and style it so it looks as close to the original one.
Joshua Comrie
3,861 PointsThanks for your reply Michal. Will give it a try!
Tim Baks
3,961 PointsTry to create a few static websites on your own. I'm in the process of learning CSS as well, and nothing works better than practicing by writing code. You'll find out with which parts you struggle and which CSS skills you still need to improve. Trying to replicate existing websites is a great tip as well!
Joshua Comrie
3,861 PointsYe i've been trying a few projects and stuff without looking up notes or googling. It puts you on your toes and gets you thinking. It's also a good feeling when something isn't right and you fix it on your own. I'll try replicate a site also. Thanks for your reply! :)
Joshua Comrie
3,861 PointsJoshua Comrie
3,861 PointsThank you for your reply James. I also find layouts the hardest part about CSS, so thank you for these recommendations. Will be sure to give them all a try. Thanks once again!
Mike Hatch
14,940 PointsMike Hatch
14,940 PointsJoshua, just out of curiosity why do you want to "master" CSS? Is your plan to be a Frontend Developer or Designer? Or a Frontend Developer who specializes in design? It's a confusing field right now and I still don't understand all the titles they're creating. But I do know that CSS mastery is not necessary if your plan is to focus on Fullstack Javascript.