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

Life 101

Junior Member

Aug 31, 2020

150

109

• Oct 17, 2021

• #1

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

Elite Member

Executive VIP

Jr. VIP

May 2, 2010

9,938

16,041

• Oct 17, 2021

• #2

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

Failed to resolve a dispute resolution thread.

Jun 28, 2013

2,097

579

• Oct 17, 2021

• #3

YTB, udemy, Lynda

 

Proxy Cake

Elite Member

Jr. VIP

Feb 28, 2010

5,501

4,420

• Oct 17, 2021

• #4

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

Supreme Member

Jr. VIP

Oct 11, 2018

1,234

1,045

• Oct 17, 2021

• #5

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

Regular Member

Jul 9, 2019

385

375

• Oct 17, 2021

• #6

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

Administrator

Staff member

Moderator

Executive VIP

Jr. VIP

Sep 10, 2010

11,806

26,658

• Oct 17, 2021

• #7

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.

 

Last edited: Oct 17, 2021

hamzaou

Newbie

Oct 8, 2017

17

5

• Oct 31, 2021

• #8

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

 

4440

Elite Member

Jr. Executive VIP

Jr. VIP

Jun 23, 2021

1,510

1,557

• Nov 3, 2021

• #9

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

Junior Member

Mar 18, 2019

105

56

• Nov 11, 2021

• #10

Life 101 said:

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.

Click to expand...

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

Elite Member

Aug 24, 2021

1,695

2,072

• Nov 22, 2021

• #11

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

Supreme Member

Jr. VIP

Oct 11, 2019

1,396

1,432

• Nov 22, 2021

• #12

w3schools might be a good place to start.

don't worry bro, CSS is easy.

 

LEADGENTOOLS

Regular Member

Jun 29, 2020

227

93

• Nov 30, 2021

• #13

w3 schools best source to start learning any language imo

 

Balladokus

Registered Member

Jul 2, 2019

61

12

• Dec 2, 2021

• #14

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

Newbie

Apr 22, 2020

24

12

• Dec 4, 2021

• #15

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

Newbie

Oct 11, 2019

26

5

• Dec 6, 2021

• #16

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

Newbie

Oct 25, 2021

28

39

• Dec 6, 2021

• #17

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

Junior Member

Jul 25, 2018

139

200

• Dec 7, 2021

• #18

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

 

D

daigovo

Junior Member

Nov 29, 2021

110

35

• Dec 7, 2021

• #19

https://www.freecodecamp.org/

 

Dr. SEO

Power Member

May 3, 2017

677

186

• Dec 7, 2021

• #20

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..