Our 10 favourite front-end developer tools 2021

Pro developer Michael Rybintsev and Scrimba Community Manager Leanne Rybintsev share their need-to-know coding tips and tricks to save you time, increase your productivity and make you a web dev virtuoso. Links to all the trips and tricks below: ⤵️ 1. 00:19 - Array Methods Cheat Sheet: https://bit.ly/3fvtFj5 2. 02:48 - Flexbox Cheat Sheet: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 3. 04:58 - Grid Layout Generator: https://grid.layoutit.com/ 4. 08:42 - Can I Use: https://caniuse.com/ 5. 09:58 - VSCode Cheat Sheet: Mac: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf Windows: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf 6. 12:10 - VSCode Live Server Extension: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer 7. 15:54 - Dev Tools - Toggle Device Toolbar: https://developer.chrome.com/docs/devtools/device-mode/ 8. 20:27 - Dev Tools Contrast Ratio Checker 9. 22:25 - Explain Shell: https://explainshell.com/ 10. 27:18 - JavaScript Operator Lookup: https://www.joshwcomeau.com/operator-lookup/ Link to full live stream: https://youtu.be/-REU5H-C20w