Html and Css organization

Html and Css organization
0

#1

I’m doing an extra project rebuilding a design taken from free-css.com/free-css-templates (thanks @miku86coding for the suggestion).
I have almost finished (without using libraries for this one) but I realised that my way to organize it is bad (probably my conding style too).
is there some guide where I can learn how to improve my organization?


#2

Use the forum search and enter “organize css”. You will get many topics where this question has already been asked/answered.


#3

let’s see if I found the right solution, should I use something like Sass or Less right?


#4

Those are pre-processors. They can help make the code you write more concise, but you ultimately have to create the overall organization to get the most benefit.


#5

What you’re looking for is to follow a Style Guide, the very way you write and organize your code. Here are some useful links on the subject.

https://google.github.io/styleguide/htmlcssguide.html

http://styleguides.io/

Pre-processors will help you organize your files, not write better code. I’d only recommend using them when you are comfortable with CSS.


#6

ok I’ll try my best, thank you both


#7

A lot of companies and people like the BEM method:

http://getbem.com/introduction/