News for hackers. Stuff that matters.
Re:Ask HN: Any step by step guide to get better in CSS with ... by deadcoder0904 on Tuesday April 03, 2018 @05:25AM (#16743071)
I did that. The only way you learn is by building lots of projects. So I made 100dayz [0] where I coded for 100 days to build something beautiful & keep track of it.

The projects are different, sometimes just HTML & CSS & JS & sometimes just Node JS or something else.

Make your own projects & build it everyday for a year. That way you will learn stuff.

The best course that will teach you Advanced CSS & SASS [1] is from Jonas. It is the absolute best which teaches Cascading & how CSS actually works. If you do that, you won't need anything else other than practice. And if you can't afford it, there are tons of resources on the internet but are scattered everywhere but they will teach you how to do it.

[0]: https://100dayz.js.org

[1]: https://www.udemy.com/advanced-css-and-sass

Re:Ask HN: Any step by step guide to get better in CSS with ... by dprophecyguy on Tuesday April 03, 2018 @07:10AM (#16743504)
Thanks for the resources. I was looking something exactly like this. I needed some inspiration as in some project that I which I can refer and built upon. Your project will definitely help me.
Re:Ask HN: Any step by step guide to get better in CSS with ... by afarrell on Tuesday April 03, 2018 @06:59AM (#16743452)
Of those projects, which would you recommend someone imitate if they just care about getting better at html+css layout and aren't focusing on javascript?
Re:Ask HN: Any step by step guide to get better in CSS with ... by deadcoder0904 on Wednesday April 04, 2018 @04:34AM (#16753050)
Ohh I don't even remember those projects now. If you want to get better at CSS, then I recommend check any website you love & try to imitate that.

Like I love Stripe so what I will do is I'll try to imitate that & I did [0]. For inspiration of websites which have great CSS, check HyperPixel [1]

Take 1 website & try to imitate that. Now don't just go on for 30 days making something that you won't use yourself. Make something useful too. Like a StopWatch like BigTimer [2] or Pomodoro. That way you make a useful application & get great at CSS. Remember its 99% inspiration & 1% perspiration.

TL;DR - Make something that solves a problem & raises your skill level at CSS. Don't make same application or on the same level like you might be making boxes all the time. Don't do that. Raise your level every time. If you are a beginner, do something that requires intermediate level skills. If you are a intermediate, then make something that requires experienced level skills. And while doing that share it with the world. Make it on CodePen so people can learn from you. Small victories will make you happy & you will continue to build something great.

[0]: https://codepen.io/deadcoder0904/full/MrLBwG

[1]: https://hyperpixel.io

[2]: https://www.bigtimer.net

Re:Ask HN: Any step by step guide to get better in CSS with ... by dprophecyguy on Wednesday April 04, 2018 @12:23PM (#16756225)
Thank you, bro, it was really helpful. On the process of working through the basics first. Learning flexbox and grid system. Will start working on Projects through hyperpixel then. But thanks for sharing all these awesome resources.