I'm a backend developer, but i need to learn CSS, where should I start?

[Life 101]

Hello Guys,

I'm a backend developer. I also can deal with HTML + basic JS on the front end but I can't work with CSS for shit.
It feels so damn hard to make things work as I want.

As a developer, how did you learn CSS?

Why does it seem harder than actual programming?

Thanks in advance.

 

[Panther28]

Just do a search for different jsfiddle examples, there are tons of great html/css/js examples. I learnt lots from those, and saving and editing my own.

 

[Zera Api]

YTB, udemy, Lynda

 

[Proxy Cake]

Look into tailwindcss. I always hated learning css, then I watched some people building shit with tailwindcss and I understood it right away. I can finally make anything I want on the frontend. Who knows it might be the same for you

 

[thebotmaker]

https://www.theodinproject.com/ has sections for html, css and JS, but I would recommend doing the whole thing as it teaches you a lot!

 

[TashaJ]

CSS is the easiest to learn language. Much easier than JS.
You only need to spend a couple of hours on this https://www.w3schools.com/css/default.asp

 

[Gogol]

Youtube. Learn how flexbox works. Once you know flexbox, css will be a piece of cake.

Edit: for an example channel, follow Kevin Powell on youtube. I don’t agree with him on everything, but he is still a very good teacher.

 

[hamzaou]

check Kevin Powell's YT channel, he's one of the best in the business

 

[4440]

learn some basic css, and go straight to codepen/jsfiddle examples. kevin powell is a good source too.

dont try to design, inspect and copy css first, re-design them later.

 

[trane8881]

Hello Guys,

I'm a backend developer. I also can deal with HTML + basic JS on the front end but I can't work with CSS for shit.
It feels so damn hard to make things work as I want.

As a developer, how did you learn CSS?

Why does it seem harder than actual programming?

Thanks in advance.

It's pretty easy language, in my opinion, the best and fastest way to learn is visual-learning = YouTube lessons, make some tea/coffe, watch videos and repeat.

 

[Ashk881]

A month late to this, but if you are still looking for resources:

• https://www.taniarascia.com/overview-of-css-concepts/ - An in-depth crash course to the fundamentals of CSS, quite a long read but covers almost all the fundamentals you need (selectors, specificity, basic properties, Positioning, layout and responsive design fundamentals)
• https://css-tricks.com/writing-animations-that-bring-your-site-to-life/ - Css animation tutorial
• https://developer.mozilla.org/en-US/docs/Web/CSS/Reference - Go to reference to look up a new prosperity
• https://moderncss.dev/ - Modern css tricks, especially checkout the post about css math functions and Pure Css shapes.

 

[flprocess]

w3schools might be a good place to start.

don't worry bro, CSS is easy.

 

[LEADGENTOOLS]

w3 schools best source to start learning any language imo

 

[Balladokus]

Oh, man, there are so many sources to learn CSS. I learnt in on youtube. I have no idea why you consider it to be hard, perhaps, you just need to get used to it.

 

[Mavelace]

I learned CSS on youtube and there are lots of different tutorials there. More than that, you can go w3school and find a really nice tutorial out there.

 

[kodmanyagha]

if you want learn then I can teach you css and other frontend things (javascript, jquery, bootstrap) and you teach me english bcs I want to improve my english listening and speaking skills. write me pm.

 

[tr4n3]

I must recommend TailwindCSS too, rarely anyone is dealing with vanilla CSS, by learning Tailwind you get build stuff right away, prototype fast and also learn CSS.
Basically it is a wrapper around css so that you don't have to write style="padding-left: 2rem;" but instead you write class="pl-2"
Basically build stuff, have some fun and google what you don't understand bit by bit.

 

[ensus]

Also recommending tailwindcss. Im solely a JavaScript nerd and love all the reactivity, data structures etc. Then it comes to the design of the site, i struggled.
Tailwind is not like Bootstrap (unopinionated design style), it allows you to understand CSS as you build, nesting flex and grid items, before you know it, the tailwind classnames translate into real css knowledge
"flex flex-col w-full justify-center" = looks intimidating at first, but you have now set your parent component up in your project

 

[daigovo]

https://www.freecodecamp.org/

 

[Dr. SEO]

Hello! @Life 101,

When I was done with my graduation, I started to learn HTML & CSS from W3Schools by Itself. Now I'm 5 years of experience in Web designing and also very well knowledge of CSS. I have never seen a simple language than CSS. So don't worry about this..