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.
An article defending utility-first CSS, comparing it to software design patterns and functional programming, and addressing common criticisms.
Using SVG's viewBox and preserveAspectRatio attributes to crop and scale images as a fallback or alternative to CSS object-fit.
A technical guide explaining how to create and control CSS animations using @keyframes and animation properties.
A guide explaining how CSS Transitions work, covering properties, timing functions, and triggering methods for web animations.
A guide on using Sass maps to programmatically generate utility classes for colors, improving maintainability and scalability in CSS.
Explains a historical Safari bug with em-based media queries and why pixels were the recommended unit for consistent responsive design.
Explains Hungarian notation, a naming convention using prefixes to improve code readability and maintainability in JavaScript and CSS.
A tutorial on how to integrate and use custom Google Fonts in an Ionic 2/3 mobile application by adding font files locally and applying CSS.
A guide to creating skeleton loading screens with CSS to improve perceived performance and user experience.
A developer's journey from semantic CSS to functional utility classes, challenging traditional 'separation of concerns' in web development.
A frontend developer shares best practices for using id, class, and data attributes in HTML, CSS, and JavaScript to avoid conflicts.
