css_course
css_course copied to clipboard
Published
20 hours ago âĸ
gitdagray
gitdagray
"CSS for Beginners"
Full Course - 24 Chapters
Author Links
đ Hello, I'm Dave Gray.
â Check out my YouTube Channel with all of my tutorials.
â Buy Me A Coffee
đ Follow Me:
Description
đē YouTube Playlist for this repository.
đ This repository shares ALL of the resources referenced during the CSS tutorial series.
đ Academic Honesty
DO NOT COPY FOR AN ASSIGNMENT - Avoid plagiargism and adhere to the spirit of this Academic Honesty Policy.
â Free Web Dev Tools
- đ 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
đšī¸ Learning Games
- đ Flexbox Froggy
- đ CSS Grid Garden
đ References
- đ 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
đ Typography Resources:
- đ MDN: Fundamental Text and Font Styling
- đ CSSFontStack.com: Websafe Fonts
- đ MDN: Styling Links
- đ MDN: White-Space
đ Color Resources:
- đ Coolors Contrast Checker
- đ WebAIM Contrast Checker
- đ Coolors Palette Generator
- đ ColorHub.app Palette Generator
- đ HTML Color Codes
đŧī¸ Image Resources:
- 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
đģ Source Code
- đ 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
gitdagray