Best resource for learning HTML/CSS

[jodmcc49]

I have been reading a lot of posts on this forum, about Muse EOL, Bootstrap 3/4, Flexbox and would like to know of some good resources for learning clean, efficient HTML/CSS that will do some if not all of what can be accomplished in Bootstrap, Flexbox, etc. without having to depend on a bunch of extra fluff. I'm currently using Bootstrap 3, but want to continue learning more and don't want to be tied into any specific program where I might have to completely rebuild a site. As mentioned in some posts, books rapidly become outdated. Maybe possible, I don't know but thought I would ask.

Thanks,

John

[pziecina · Accepted solution]

The one that is recommended by Mozzilla, Microsoft and the www consortium, (thats the W3C) is -

https://developer.mozilla.org/en-US/docs/Learn

Update: Don't write off books, but watch the publication dates. I would be more inclined to write off learning by watching videos no matter what the source.

[jodmcc49]

Thanks pziecina,

The link you provided, does it deal with responsive on into fluid building? That's the direction I would like to move.

Thanks again

[osgood_]

Look for Flexbox tutorials on google which are not over a year old. I think 'traversy media' has one and is generally a good resource of learning.

Once you grasp the concept its very easy to produce a responsive framework into which you can insert your other html components.

Html and css is not hugely difficult to learn. You will see patterns emerging which will make it easy for you to understand.

[pziecina]

Fluid building is just a question of using % values along with max/min-width, so that the site expands/shrinks to fit the browser window, but with css flexbox and css grid layouts it is almost redundant.

What you should concentrate on is rwd layouts, which involves using media-queries, (included in the css section). Much of developing rwd sites is a case of using a media-query just before the layout starts to break down, and not at fixed screen sizes. Also don't forget screen sizes that viewers of sites use are also getting bigger, so don't just concentrate on desktop and small/mobile devices.

[Nancy OShea]

Bookmark CSS Tricks.  Chris Coyer has a number of very helpful articles on his site.  It's one of my "go to" resources. 

A Complete Guide to Flexbox | CSS-Tricks