It’s rather impossible to remember all the APIs by hearert. This is when cheatsheets jump in! Here are the best front-end cheatsheets I’ve gathered. Javascript ES2015 features https://devhints.io/es6 Javascript http://overapi.com/javascript Javascript Regular expression https://www.debuggex.com/cheatsheet/regex/javascript React https://devhints.io/react Redux https://github.com/linkmesrl/react-journey-2016/blob/master/resources/egghead-redux-cheat-sheet-3-2-1.pdf Vuejs https://vuejs-tips.github.io/cheatsheet/ Vuex https://vuejs-tips.github.io/vuex-cheatsheet/ Angular 4 https://angular.io/guide/cheatsheet Flexbox https://yoksel.github.io/flex-cheatsheet/ SCSS https://devhints.io/sass Stylus https://devhints.io/stylus GraphQL Missing your favorite cheatsheet?… continue reading
The Ultimate Guide to Flexbox — Learning Through Examples
What’s the best way to understand Flexbox? Learn the fundamentals, then build lots of stuff. And that’s exactly what we’re going to do in this article. This article was written with intermediate developers in mind, and assumes you already know a bit about Flexbox… Source: The Ultimate Guide to Flexbox — Learning Through Examples
Gridzilla – Responsive Flexbox Grid
Gridzilla is a responsive, mobile-first flexbox grid system. Source: Gridzilla – Responsive Flexbox Grid
Build a Minimalist HTML Card with Flexbox
Flexbox provides a more efficient way of laying out, aligning, and distributing items in containers. Today I’ll be showing you a practical…
Flexbox Cheat Sheet
In order to use flexbox, you must create a flex container in which your content will live within. It’s as easy as creating a class, and setting the property to display: flex or display: -webkit-flex; in Safari.
Intro to the CSS Grid fr unit
Talks on the subject of modern CSS Layout, including Grid, Flexbox and Box Alignment.