Notes

CSS & Sass

  • A to Z Sass in 30 minutes
  • Advanced CSS Tips
  • Check browser support with `supports`
  • Create a Color Palette in Sass
  • CSS Blend Modes
  • CSS Layout Models
  • CSS Margins Collapsing and how to deal with them
  • CSS Positioning
  • CSS Style Notes
  • CSS Transitions and Transforms
  • CSS variables (custom properties) vs. Sass variables
  • Debugging Sass
  • Getting started with CSS Flexbox
  • Hands-on with CSS Grid Layout
  • How to create a Grid system in Sass
  • How to install Compass on a Mac via Command Line
  • HSL - the most friendly color format in CSS
  • Import Files in Sass with `@import`
  • Inter-unit CSS calculations
  • Introduction to CSS Grid Layout
  • Issues with making mobile screens take full height `100vh`
  • Justifying items to the right in Flexbox
  • Making a site presentable in 7 lines of code
  • Notes on CSS Grid
  • Notes on styling active, hover and focus states
  • Opacity vs. Visibility vs. Display hidden
  • Quick intro to CSS Animations
  • Sass - Mixins vs. Extend
  • Sass - Beginner to Advanced in 30 Minutes
  • Sass Function to Auto-Convert Pixels to Ems
  • Sass: Working with Libraries
  • Styling checkboxes and radio
  • Styling Child and Sibling selectors
    • Browse all topics