๐ Hello, I'm Dave Gray.
โ Check out my YouTube Channel with all of my tutorials.
โ Buy Me A Coffee
๐ Follow Me:
๐บ YouTube Playlist for this repository.
๐ This repository shares ALL of the resources referenced during the CSS tutorial series.
DO NOT COPY FOR AN ASSIGNMENT - Avoid plagiarism and adhere to the spirit of this Academic Honesty Policy.
- ๐ Google Chrome Web Browser
- ๐ Visual Studio Code (aka VS Code)
- ๐ Live Server VS Code Extension
- ๐ vscode-icons VS Code Extension
- ๐ Github Themes VS Code Extension
- ๐ W3C CSS Validator
- ๐ Specificity Calculator
- ๐ HTML Special Characters
- ๐ Can I Use
- ๐ Flexbox Froggy
- ๐ CSS Grid Garden
- ๐ MDN: CSS
- ๐ MDN: CSS Basics
- ๐ MDN: Applying Color to HTML Elements using CSS
- ๐ MDN: CSS Values and Units
- ๐ MDN: The Box Model
- ๐ MDN: Styling Lists
- ๐ MDN: Display Property
- ๐ MDN: Floats
- ๐ MDN: Basic Concepts of MultiCol
- ๐ MDN: Margin Collapsing
- ๐ MDN: Position
- ๐ MDN: Flexbox
- ๐ MDN: Basic Concepts of Grid Layout
- ๐ MDN: Grid Template Areas
- ๐ MDN: CSS Images
- ๐ MDN: CSS Background Images
- ๐ Chip Cullen: Content Layout Shift
- ๐ MDN: CSS Media Queries
- ๐ MDN: CSS Pseudo-Classes and Pseudo-Elements
- ๐ MDN: CSS List of Pseudo-Classes
- ๐ MDN: CSS List of Pseudo-Elements
- ๐ MDN: CSS Custom Properties (Variables)
- ๐ MDN: CSS Functions
- ๐ MDN: CSS Transform
- ๐ MDN: CSS Transition
- ๐ MDN: CSS Animations
- ๐ MDN: Organizing Your CSS
- ๐ Scott O'Hara: Ordering CSS for Everyone
- ๐ Get BEM: Introduction
- ๐ MDN: Grid and The Danger of Markup Flattening
- ๐ CanIUse.com: display: contents
- ๐ MDN: Fundamental Text and Font Styling
- ๐ CSSFontStack.com: Websafe Fonts
- ๐ MDN: Styling Links
- ๐ MDN: White-Space
- ๐ Coolors Contrast Checker
- ๐ WebAIM Contrast Checker
- ๐ Coolors Palette Generator
- ๐ ColorHub.app Palette Generator
- ๐ HTML Color Codes
- Placeholder Image Generators:
- ๐ 21 of the Best
- Sites with Freely-Usable Images:
- ๐ Unsplash.com
- ๐ Pexels.com
- ๐ Gratisography.com
- ๐ Pixabay.com
- Image Editing / Resizing Software:
- ๐ For Windows: Irfanview
- ๐ As a Service: Canva.com
- ๐ Suggestions for Macs
- Full Featured Editor for Windows/Mac/Linux:
- ๐ Gimp
- Image Compression (shrink file size):
- ๐ TinyPNG
- ๐ Chapter 2 Starter Code
- ๐ Chapter 3 Starter Code
- ๐ Chapter 4 Starter Code
- ๐ Chapter 5 Starter Code
- ๐ Chapter 6 Starter Code
- ๐ Chapter 7 Starter Code
- ๐ Chapter 8 Starter Code
- ๐ Chapter 9 Starter Code
- ๐ Chapter 10 Starter Code
- ๐ Chapter 11 Starter Code
- ๐ Chapter 12 Starter Code
- ๐ Chapter 13 Starter Code
- ๐ Chapter 13 Completed Code
- ๐ Chapter 14 Starter Code
- ๐ Chapter 14 Completed Code
- ๐ Chapter 15 Starter Code
- ๐ Chapter 15 Completed Code
- ๐ Chapter 16 Starter Code
- ๐ Chapter 16 Completed Code
- ๐ Chapter 17 Starter Code
- ๐ Chapter 17 Completed Code
- ๐ Chapter 18 Starter Code
- ๐ Chapter 18 Completed Code
- ๐ Chapter 19 Starter Code
- ๐ Chapter 19 Completed Code
- ๐ Chapter 20 Starter Code
- ๐ Chapter 20 Completed Code
- ๐ Chapter 21 Starter Code
- ๐ Chapter 21 Completed Code
- ๐ Chapter 22 Starter Code
- ๐ Chapter 22 Completed Code
- ๐ Chapter 23 Starter Code
- ๐ Chapter 23 Completed Code
- ๐ Chapter 24 Starter Code
- ๐ Chapter 24 Completed Code
๐ฉ๐ฉ๐ฉ ๐บ Youtube Video for the Bonus Lesson