3 ms·

The question then comes, where would one go to learn the fundamentals-and what are they now? Being someone who was ahead of the game in css 15 years ago, but n

The question then comes, where would one go to learn the fundamentals-and what are they now? Being someone who was ahead of the game in css 15 years ago, but not having touched it since - where would one go to understand the new fundamentals and options available?

brundolf 5y ago
The OP is a good outline of the most important stuff. This is my favorite comprehensive introduction to flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/ And then follow it up with this one if you want to go a little deeper: https://css-tricks.com/flex-grow-is-weird/ https://css-tricks.com/flex-grow-is-weird/ Personally, I think flexbox is the single most versatile and important tool to be familiar with. You can create nearly any layout with it, in such a way that it's very naturally responsive almost by default.
deleted 5y ago
[deleted]
hmwhy 5y ago
Maybe I am wrong, but I would assume that the most sensible place to start with is the MDN Web Docs[0] in this case instead of looking for blog posts. Throwing out blanket statements is dangerous for new comers, which seems to be the target audience of this article according to its title. For example, collapsing margin isn't always bad and unpredictable, it just seems that way if you didn't take the time to understand the fundamentals behind and go for "what works". That's not too different to telling CS students to not worry about learning the memory and time complexities of different algorithms and just use [insert "best" algorithm] because it works most of the time. [0] https://developer.mozilla.org/en-US/docs/Learn/CSS https://developer.mozilla.org/en-US/docs/Learn/CSS.
dmitriid 5y ago
I would go for https://every-layout.dev/ https://every-layout.dev/ These are actual practical usable fundamentals. Complement that with http://inclusive-components.design/ http://inclusive-components.design/
dwd 5y ago
Once upon a time Eric A Meyer's CSS: The Definitive Guide was the book to own. These days, as mentioned in the OP, MDN is the best point of call for checking syntax or learning how to implement something new the right way.
pramodbiligiri 5y ago
This is a great recent book from an experienced practitioner - https://learningwebdesign.com/ https://learningwebdesign.com/ Her explanation of positioning, responsive design and the links to other resources she provides inside are all good.

brundolf 5y ago

The OP is a good outline of the most important stuff. This is my favorite comprehensive introduction to flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/ And then follow it up with this one if you want to go a little deeper: https://css-tricks.com/flex-grow-is-weird/ https://css-tricks.com/flex-grow-is-weird/ Personally, I think flexbox is the single most versatile and important tool to be familiar with. You can create nearly any layout with it, in such a way that it's very naturally responsive almost by default.

deleted 5y ago

[deleted]

hmwhy 5y ago

Maybe I am wrong, but I would assume that the most sensible place to start with is the MDN Web Docs[0] in this case instead of looking for blog posts. Throwing out blanket statements is dangerous for new comers, which seems to be the target audience of this article according to its title. For example, collapsing margin isn't always bad and unpredictable, it just seems that way if you didn't take the time to understand the fundamentals behind and go for "what works". That's not too different to telling CS students to not worry about learning the memory and time complexities of different algorithms and just use [insert "best" algorithm] because it works most of the time. [0] https://developer.mozilla.org/en-US/docs/Learn/CSS https://developer.mozilla.org/en-US/docs/Learn/CSS.

dmitriid 5y ago

I would go for https://every-layout.dev/ https://every-layout.dev/ These are actual practical usable fundamentals. Complement that with http://inclusive-components.design/ http://inclusive-components.design/

dwd 5y ago

Once upon a time Eric A Meyer's CSS: The Definitive Guide was the book to own. These days, as mentioned in the OP, MDN is the best point of call for checking syntax or learning how to implement something new the right way.

pramodbiligiri 5y ago

This is a great recent book from an experienced practitioner - https://learningwebdesign.com/ https://learningwebdesign.com/ Her explanation of positioning, responsive design and the links to other resources she provides inside are all good.