A comprehensive set of HTML, CSS, JS and design resources from Jonas’ resource page.
Design
- Material Design
- Google Font Pairings – one, two
- Longest Line Length
- Color Palettes – Coolors, Tint and Shade Generator, Color Wheel, Palettton, Adobe Color, Palettab, Ultimate CSS Gradient Generator, UI Gradients
- Design Inspiration Sites: Dribbble.com & Designspiration.com
- Professional Web Designer’s set of Visual Design Rules
Tools
- Visual Studio Code
- Emmet Cheat Sheet
- Codepen.io
- Mac Terminal Commands Cheat Sheet
- Adding Terminal to VS Code in Windows
- cPanel and File Manager Review
- CyberDuck FTP Client Setup
- Visual Studio Code Basics
- Visual Studio Code Customizing
HTML
CSS
- CSS3 Reference by MDN
- CSS Tricks Flexbox Guide
- CSS3 Reference by Codrops
- Can I Use?
- 30 CSS Selectors by Tutplus
- Animate.css
- Responsive Grid System
- CSS for People Who Hate CSS
- Clippy – Clip Path Generator
- Cubic-bezier function generator
- CSS easing functions
- Bootstrap CSS framework
- Modern CSS Reset & Full CSS Reset
- Basic Responsive Grid with Flexbox
- CSS Transforms Tutorial
- Tailwind Project Quickstart Guide
- FlyOnUI Tailwind Component Library
- HeroIcons
- Tailwind Elements Tutorial
Sass
- Sass Syntax Cheat Sheet
- Sass Setup Quick Start
- Live Sass Compiler Extension Quick Start
- 7-1 Architecture Cheat Sheet
- Hugo Giraudel’s – Sass Guidelines & Sass Boilerplate
- Sass Annotation Syntax
- Google Font mixin
- anchor link mixin
- Sass Flexbox Grid

