Learnings

<p>Inline SVG <path> animations without JavaScript </p>

<p>'vertical-align' css property probably doesn't work as you expected, and here's why </p>

<p>A Strategy Guide To CSS Custom Properties </p>

<p>Flexbox fallbacks for popular UI solutions that use CSS Grid. CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won’t really work as you expect. </p>

<p>Understanding Flex-Grow </p>

<p>Using UI System Fonts In Web Design: A Quick Practical Guide: </p>

<p>CSS Grid Starter Layouts: </p>

<p>Bootstrap uses CSS browser hacks ( in several places to target special CSS to certain browser versions in order to work around bugs in the browsers themselves</p>

<p>Flexbugs: a community-curated list of flexbox issues and cross-browser workarounds for them. </p>

<p>CSS Grid: Supporting Browsers without Grid </p>

<p>Font Face Observer is a fast and simple web font loader. You can use it to load fonts and customise your browser’s font loading behaviour. </p>

<p>Great site to help you easily create nice css animations </p>

<p>The Benefits of CSS Variables: </p>

<p>The story of CSS Grid from it’s creators: </p>

<p>Introduction to CSS Grid Layout </p>

<p>Complex Grids Without Complex Calculations </p>

<p>Susy is a lightweight grid-layout engine for Sass </p>

<p>Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS </p>

<p>CSS Accessibility </p>

<p>70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization </p>

<p>Use <code>select:invalid</code> selector to style blank/invalid values</p>

<p>How to keep video embeds from losing their aspect ratio responsively: </p>

<p>Could you describe in simple terms what <code>display: block</code> actually does? </p>

<p>Understanding CSS Viewport Units! </p>