w3-css

[Miro Tkac]

Hello,

does anyone any experiences with w3.css? If yes, does it mean that I should say: No more CSS?

[Miro Tkac]

Another question. Is a Sass the most mature, if w3.ccs is newer than Sass?

http://sass-lang.com// --->this site is describing Sass' as the most mature:)

[Zeke Y]

Hey Miro,

I haven't worked with W3.CSS, but I'll see if I can answer your questions.

does it mean that I should say: No more CSS?

I'm not sure I understand you. W3.CSS *is* CSS.

Is a Sass the most mature, if w3.ccs is newer than Sass?

Sass and W3.CSS are completely different: 
Sass is a preprocessor, so you write Sass and it compiles it to CSS.
W3.CSS is a framework. You give your elements a class, and W3.CSS styles your elements for you. It's like someone wrote your stylesheet for you.

If you're interested in finding out about other CSS frameworks, Wikipedia has a list that includes most of them here.

[Miro Tkac]

Hi Zeke,

I know that Sass and w3.css are completly different. Obviously, w3.css is a framefork, faster and easier way for coding, my opinion, same as a bootstrap . Someone wrote it and it's including a CSS or Sass. Also, I can change something(stylesheet) if I'm not happy with this, but if I'm happy with this, I don't need a CSS, right? Just need a copy link to HTML, right?

[Zeke Y]

If you're happy with the default styles in W3.CSS, and don't need any extra styles that aren't in there, then no, you don't need to write your own CSS.

[Miro Tkac]

OK. Thank you for understanding.

[Dan Gallacher]

Hi Zeke ,

I have also recently started using w.3 css. http://www.w3schools.com/w3css/default.asp 

I want to build a website with 100+ webpages.

Am i right that because the w.3 css is embedded in the html, if at a later date ,i wanted to change, eg. the colour of my nav bar, i would have to do this on every page?

Thank you very much for your thoughts , 

Dan 

[Dan Gallacher]

[Jim Schwetz]

Hey Dan,

This might not be the best way,  but if in a pinch, you have everything set at w3-amber and you want it set at blue, you can use ctr+H to find and replace multiple ambers to blues, or just add the css page to your site, vs connecting to it, so you can modify the css yourself.  then find the class you used, and change its attribute.

example    

.w3-amber{color:#000 !important;background-color:#ffc107 !important}

to

.w3-amber{color:#000 !important;background-color:blue !important}

but that would set you up for confusion later,  but if you needed a quick fix, use it.

I prefer the find and replace method,  as doing the above will change everything on your website that was suppose to be amber to blue, and you might of wanted some of it to stay amber.

If you find yourself wanting to change theme colors often, set up your own theme settings, so you can change the theme colors easy and in one spot.

example.

theme-primary { code here }

theme-secondary { code here }

theme-offset-color { code here }

theme-textColor {}

theme-visitedTextColor {}

theme-backgroundColor {}

and so on.

then just change your colors in your css (just the theme settings) each time you want to change your sites color themes.