YoVDO

Maintainable CSS using TypeStyle

Offered By: egghead.io

Tags

HTML & CSS Courses Computer Science Courses Responsive Design Courses Media Queries Courses Pseudo-classes Courses Pseudo-elements Courses Keyframes Courses CSS Animation Courses Type Safety Courses

Course Description

Overview

Having your CSS co-located with your UI code provides the same sort of advantages in refactor ability and maintainability that React provides for the DOM using JSX. TypeStyle allows you to do that with the additional safety of TypeScript.
In this course we will cover core CSS concepts like CSS Properties, media queries, keyframes, pseduo-states and show how they can be represented in your JavaScript code using TypeStyle.

Syllabus

  • Add type safety to CSS using TypeStyle
  • Reusable styles using TypeStyle mixins
  • Add responsive styles using TypeStyle Media Queries
  • Style CSS pseudo-classes using TypeStyle
  • Style CSS pseudo elements with TypeStyle
  • Compose CSS classes using TypeStyle
  • Use TypeStyle keyframes to create CSS animations
  • Load raw CSS in TypeStyle
  • Use fallback values in TypeStyle for better browser support
  • Generate static css + html files using TypeStyle
  • Render HTML/CSS server-side using TypeStyle

Taught by

Basarat Ali Syed

Related Courses

Learn CSS: Transitions and Animations
Codecademy
Beyond Basic CSS: Typography, Color, Effects, & Animation
University of California, Davis via Coursera
Creating Accessible Skeleton Loader Animation from Scratch with HTML and CSS
egghead.io
CSS Tips and Tricks
egghead.io
Learn CSS Animations for a Better User Experience
egghead.io