Learning Lab
Interactive lessons & exercises — learn by building, step by step.
Color Theory for Developers
Web DevelopmentUnderstand RGB, HSL, and hex colors — build palettes and explore contrast with interactive pickers.
CSS Animations & Transitions
Web DevelopmentMaster CSS transitions, keyframe animations, and timing functions with hands-on interactive examples.
CSS Box Model
Web DevelopmentVisualize content, padding, border, and margin layers with an interactive box model explorer.
CSS Flexbox Playground
Web DevelopmentMaster CSS Flexbox by experimenting with flex properties and seeing instant visual results.
CSS Grid Layout
Web DevelopmentBuild two-dimensional layouts with CSS Grid — define rows, columns, and place items with interactive controls.
CSS Variables & Custom Properties
Web DevelopmentLearn CSS custom properties — define, inherit, override, and dynamically update variables for theming.
HTML Forms & Validation
Web DevelopmentBuild forms with various input types and learn client-side validation with HTML5 and JavaScript.
Intro to HTML
Web DevelopmentLearn the building blocks of the web — write your first HTML elements and see them render in real time.
JSON & APIs
Web DevelopmentLearn JSON syntax, parse and build data structures, and explore how REST APIs work interactively.
Responsive Design & Media Queries
Web DevelopmentBuild layouts that adapt to any screen size using media queries, fluid grids, and responsive units.