š 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