bugl
bugl
HomeLearnPatternsPathsSearchPremium
HomeLearnPatternsPaths
Learn/HTML & CSS

HTML & CSS

HTML & CSS Enhancements

Part of the HTML & CSS path, HTML & CSS Enhancements digs into HTML and CSS Custom Properties (CSS Variables) in detail.

Lesson 1

HTML and CSS Custom Properties (CSS Variables)

CSS custom properties, commonly called variables, let you centralize design tokens like colors, spacing, and typography.

Read lesson →Loading…
Lesson 2

HTML and CSS Functions & Calculations

CSS functions let you compute values, blend colors, and respond to context without extra JavaScript.

Read lesson →Loading…
Lesson 3

HTML and CSS Transitions

CSS transitions animate changes to CSS properties, creating smooth hover states, focus styles, and UI feedback without JavaScript.

Read lesson →Loading…
Lesson 4

HTML and CSS Transforms

CSS transforms let you rotate, scale, skew, and translate elements without affecting the normal flow.

Read lesson →Loading…
Lesson 5

HTML and CSS Animations

CSS animations run keyframe sequences directly in the browser, ideal for micro-interactions, loading indicators, and storytelling without heavy JavaScript.

Read lesson →Loading…
Lesson 6

HTML and CSS Effects & Filters

Enhance interfaces with shadows, blending, and filter effects while keeping accessibility and performance in mind.

Read lesson →Loading…

HTML & CSS chapters

All
1. HTML & CSS Tutorial2. HTML & CSS Foundations3. HTML & CSS Styling Core4. HTML & CSS Layout5. HTML & CSS Enhancements6. HTML & CSS Quality