[SITE] 26 animations with source code, demo in js fiddle
edit
] by Wes Bos @ flexbox.io - What The FlexBox?! - A free 20 video course to learn CSS Flexbox
edit
CSS-selectors-and-selection - CSS Diner is an interactive tool to test/develop/learn about css selectors and selection
edit
CSS-get-on-the-css-grid - using the css grid system built into the browser, this article is an early look(circa 2014) at using the new css grid system when it was still behind a browser dev tag
edit
CSS-GUIDE-flexbox - a comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements ...
edit
CSS-GUIDE-grid - CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system...
edit
CSS-media-queries - By group @ Mozilla.org - Overview, Developer guide to using them
edit