Web Development Labs
Browse every web development lab on the site. Each one runs entirely in your browser and is free to use.
Color Theory for Developers
Understand RGB, HSL, and hex colors — build palettes and explore contrast with interactive pickers.
CSS Animations & Transitions
Master CSS transitions, keyframe animations, and timing functions with hands-on interactive examples.
CSS Box Model
Visualize content, padding, border, and margin layers with an interactive box model explorer.
CSS Flexbox Playground
Master CSS Flexbox by experimenting with flex properties and seeing instant visual results.
CSS Grid Layout
Build two-dimensional layouts with CSS Grid — define rows, columns, and place items with interactive controls.
CSS Variables & Custom Properties
Learn CSS custom properties — define, inherit, override, and dynamically update variables for theming.
HTML Forms & Validation
Build forms with various input types and learn client-side validation with HTML5 and JavaScript.
Intro to HTML
Learn the building blocks of the web — write your first HTML elements and see them render in real time.
JSON & APIs
Learn JSON syntax, parse and build data structures, and explore how REST APIs work interactively.
Responsive Design & Media Queries
Build layouts that adapt to any screen size using media queries, fluid grids, and responsive units.
Nothing matches that. Try a shorter word.