Hi @chris
and thanks!
I think I'm a bit late these days on CSS, because I was mostly working as an employee for companies who need systems compatible with non modern browsers and that blocks us to learn edge stuff. Recently I began to go deeper into CSS for personal projects, and so late am I...
1) Display: Grid is amazing but quite complicated. And only now I master flex after these years... I had tips before flex coming, I was using display table and it was great help.
2) May be my biggest tip would be that I use CSS for everything as much as possible, and I'm proud of it: with JS, I mostly toggle CSS classes (especially on the body or the #app div) and then handle the whole behavior in the CSS.
Examples:
a) when a side menu is opened, I add on the menu "menu-opened"
b) when I toggle a language, I add the menu "en" or whatever language. I also add "rtl".
With the depth of CSS nowadays, it handles most of the UI cases easily (for the ones who like me love CSS, I know that some hate it).
3) I know there are tips outside for click event in CSS, but I'm not sure it's that stable, I really hope they are going to add this click event native in CSS
4) I have read yesterday that they are implementing nesting in native CSS! Yay. We have to admit, 90% of the people out there use Sass mostly for variables and nesting. I hope it will come out asap.
5) I recently created a project with: Vue, Firebase, PWA, Material web components, headless CMS (Flamelink) and it takes a lot of time to learn and put everything together all alone, but at the end, it's worth it. Just saying for people with my profile to don't be scared, take your time and go for it.
6) I realized only now, after 10 years programming, that a programmer is simply a guy who knows some code, and is asked to do tasks he has no idea how to fix, searches, tries, gets errors, and finally finds the solution. So if anyone is reading that and is in my situation, scared to don't succeed, just chill, only a handful of geniuses are not that way. 90% of programmers just jump. Big clients of the Imposter Syndrome. Don't let yourself into it!
7) Another tip: the best way to learn is to have your own projects that you love. When you love, you really search solutions for its problems, and you remember them, you also keep their code that you can copy/paste in the future.
From CSS tips I went to tips to youngsters, but why not?
Awesome list! I definitely agree that doing things in CSS is a great way to go. I tend to jump right into JS, but yes - there is so much you can do in CSS that I should probably learn :)
Also on point #6: definitely! So much of software development is just learning how and when to google for things... I just do that constantly! 🤣
Also - if you're looking for something to post on DEV as an article - I encourage you to think about posting some of these points! They're great, and most devs probably need to hear them at some point :)
Hi @chris and thanks!
I think I'm a bit late these days on CSS, because I was mostly working as an employee for companies who need systems compatible with non modern browsers and that blocks us to learn edge stuff. Recently I began to go deeper into CSS for personal projects, and so late am I...
1) Display: Grid is amazing but quite complicated. And only now I master flex after these years... I had tips before flex coming, I was using display table and it was great help.
2) May be my biggest tip would be that I use CSS for everything as much as possible, and I'm proud of it: with JS, I mostly toggle CSS classes (especially on the body or the #app div) and then handle the whole behavior in the CSS.
Examples:
a) when a side menu is opened, I add on the menu "menu-opened"
b) when I toggle a language, I add the menu "en" or whatever language. I also add "rtl".
With the depth of CSS nowadays, it handles most of the UI cases easily (for the ones who like me love CSS, I know that some hate it).
3) I know there are tips outside for click event in CSS, but I'm not sure it's that stable, I really hope they are going to add this click event native in CSS
4) I have read yesterday that they are implementing nesting in native CSS! Yay. We have to admit, 90% of the people out there use Sass mostly for variables and nesting. I hope it will come out asap.
5) I recently created a project with: Vue, Firebase, PWA, Material web components, headless CMS (Flamelink) and it takes a lot of time to learn and put everything together all alone, but at the end, it's worth it. Just saying for people with my profile to don't be scared, take your time and go for it.
6) I realized only now, after 10 years programming, that a programmer is simply a guy who knows some code, and is asked to do tasks he has no idea how to fix, searches, tries, gets errors, and finally finds the solution. So if anyone is reading that and is in my situation, scared to don't succeed, just chill, only a handful of geniuses are not that way. 90% of programmers just jump. Big clients of the Imposter Syndrome. Don't let yourself into it!
7) Another tip: the best way to learn is to have your own projects that you love. When you love, you really search solutions for its problems, and you remember them, you also keep their code that you can copy/paste in the future.
From CSS tips I went to tips to youngsters, but why not?
Awesome list! I definitely agree that doing things in CSS is a great way to go. I tend to jump right into JS, but yes - there is so much you can do in CSS that I should probably learn :)
Also on point #6: definitely! So much of software development is just learning how and when to google for things... I just do that constantly! 🤣
Also - if you're looking for something to post on DEV as an article - I encourage you to think about posting some of these points! They're great, and most devs probably need to hear them at some point :)
I never wrote and I was always attracted to, especially sharing to beginners who need some guidance. How does that work here?
There's a button in the top right of your screen called "Write a Post" - click that and you'll get an editor.
Here are some tips:
Then click publish!
The first post is the hardest :) but after you get the feel for it, it becomes easier.
and if you do post it, you can share it here and I'll definitely check it out! Good luck :)
Ok, I wrote up all those steps as its own post :) Here it is - how to write your first post on DEV!
dev.to/chrisachard/how-to-write-yo...
Hope that helps :)