[Smashing Magazine] Creating The Feature Queries Manager DevTools Extension
Developer creates a DevTools extension to toggle CSS feature queries for easier fallback layout testing.
Developer creates a DevTools extension to toggle CSS feature queries for easier fallback layout testing.
Compares chaining vs. extending CSS classes for modular CSS, discussing pros, cons, and maintainability in scalable projects.
Explores two advanced CSS techniques for creating responsive tables without duplicating content in markup, discussing their pros and cons.
A tutorial on creating accessible dropdown navigation menus using only CSS, focusing on modern techniques and web standards.
Explains browser rendering layers, when to use will-change, and how to force layers for performance in CSS animations.
A developer shares their experience giving a first Chinese talk at CSS Conf China, covering the organizers, venue setup, and personal challenges.
Explains how to use CSS filters, particularly brightness() and hue-rotate(), to dynamically change the color of SVG background images.
A curated collection of popular and useful CSS snippets for responsive design, text selection, clearfix, box-sizing, and modern layouts.
Explains the CSS display: contents property, detailing how it visually removes an element's box while preserving its content in the layout.
The author clarifies the confusing terms 'pre-processing' and 'post-processing' in the context of CSS tools like PostCSS.
Addresses common misconceptions about PostCSS, focusing on performance claims and its capabilities compared to preprocessors like Sass.
Explains how to create responsive vertical rhythm in web design using CSS Custom Properties and CSS Calc for better typography across viewports.
A tutorial explaining the basics and benefits of CSS variables (custom properties) for cleaner, more maintainable stylesheets.
MIT instructor shares free introductory web development slides and labs for beginners with programming experience.
Part 2 of a VS Code setup guide for web development, covering HTML, CSS, and JavaScript settings and extensions.
A developer's year-end review focusing on the creation, launch, and lessons learned from three web development courses: Mastering Responsive Typography, JavaScript Roadmap, and Learn JavaScript.
A tutorial on creating a humorous poop notification component using CSS and minimal JavaScript, built as a CodePen project.
A tutorial on recreating GitHub's contribution graph layout using CSS Grid, demonstrating its efficiency and power.
Discusses the reasons for 'quick fix' code and provides strategies for avoiding them in front-end development (HTML, CSS, JavaScript).
A tutorial on creating a simple 5-star rating component using CSS and Flexbox's row-reverse to overcome selector limitations.