This is by far the biggest deep dive I’ve seen on CSS Variables posted to the web and it’s merely Chapter One of complete e-book on the topic…. Source: https://css-tricks.com/everything-need-know-css-variables/
Whether you’re starting to learn about CSS Grid or already use it in production, we’ll have a look at Firefox’ known and obscure features of DevTools. Read a related article →… Source: https://www.smashingmagazine.com/2017/11/css-grid-supporting-browsers-without-grid/
CSS Grid is a great layout tool for content-driven websites that include long passages of text, and it has tremendous value for a variety of traditional UI layouts as well…. Source: https://hacks.mozilla.org/2018/02/css-grid-for-ui-layouts
Design your web layouts to respond to all four edges of the screen — top, left, right, and bottom. Jen Simmons shows you how using CSS Grid rows defined in a combination of fr units, minmax(), max-content, and auto, so content moves around and makes for beautiful graphic design at every viewport s… Source: https://www.youtube.com/watch?v=EEOJZy_Gge4
When people say that they dislike CSS it’s mostly because of the cascading. In the modern age of component based development we managed to fix scalability of our Front-End apps or Front-End part of our apps if that terminology suits you better…. Source: https://develoger.com/how-to-obfuscate-css-class-names-with-react-and-webpack-20e2b5c49cda
One of the most powerful and convenient CSS Grid features is that, in addition to explicit column sizing, we have the option to repeat-to-fill columns in a Grid, and then auto-place items in them…. Source: https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/
The last few weeks I’ve been digging my head into CSS Grid and created a full course on the subject. And the more I learn, the more I’m convinced that this is the future of creating website layouts…. Source: https://medium.freecodecamp.org/heres-my-free-css-grid-course-merry-christmas-3826dd24f098
BEM (Block Element Modifier) is a popular CSS class naming convention that makes CSS easier to maintain. This article assumes that you are already familiar with the naming convention. If not you can learn more about it at getbem.com to catch up on the basics…. Source: https://css-tricks.com/abem-useful-adaptation-bem/
You may have heard quite a bit of talk about a CSS feature called Grid this year. If you are someone who cringes when you hear the words CSS and grid in the same sentence, then I highly suggest you check out this new CSS module called CSS Grid…. Source: https://www.smashingmagazine.com/2017/12/grid-inspector/
The CSS Grid module is a fantastic tool for creating mockups of websites. It allows you to experiment with the layout faster than any other system I’ve tried. In this article I’ll teach you how…. Source: https://medium.freecodecamp.org/how-to-prototype-websites-quickly-with-css-grid-ffc9cba08583