Min and Max Width/Height in CSS
A detailed guide to using min-width, max-width, min-height, and max-height CSS properties with practical examples and use cases.
A detailed guide to using min-width, max-width, min-height, and max-height CSS properties with practical examples and use cases.
A guide to CSS measurement units, explaining absolute units like px and relative units like em, rem, and viewport units for web design.
Explains CSS specificity rules, how to calculate selector priority, and why to avoid overusing !important.
Explains five core CSS selector methods for targeting HTML elements, including class, ID, and attribute selectors.
An introductory guide explaining what CSS (Cascading Stylesheets) is, its purpose in web development, and the three main ways to use it with HTML.
A technical tutorial on recreating the 'His Dark Materials' TV show logo using advanced CSS techniques like pseudo-elements and custom properties.
A technical walkthrough of building a creative magazine layout using modern CSS techniques like Grid, Flexbox, and percentage-based margins.
Highlights from Chrome Dev Summit 2019, covering upcoming HTML form improvements, new CSS features like :is() and logical properties.
Explores creative and lesser-known applications of CSS pseudo-elements, such as hover effects and expanding clickable areas, with practical code examples.
Explains how to conditionally apply CSS classes in React using JavaScript template literals instead of the popular classnames package.
A technical guide on implementing a dark mode theme for a website using CSS custom properties and the prefers-color-scheme media query.
Explains the inconsistent browser handling of image EXIF orientation and provides a Node.js solution to fix portrait images uploaded from phones.
A tutorial on recreating the Apple Music playback header using HTML and CSS, focusing on layout with Flexbox and CSS Grid.
A detailed guide to a modern, lightweight CSS reset that explains the reasoning behind each rule and its benefits for web development.
A CSS tutorial on creating more realistic and nuanced shadows using layered box-shadows for finer control over sharpness and spread.
A reflection on web development fundamentals, arguing for prioritizing accessibility, HTML, and CSS over JavaScript frameworks to build a web for everyone.
A tutorial explaining the CSS Flexbox layout model, covering core properties like flex-direction and flex-wrap for creating responsive designs.
A tutorial on creating layouts using core CSS concepts like floats, positioning, and the box model, emphasizing understanding fundamentals before using libraries.
Argues that front-end developers must learn foundational HTML and CSS before JavaScript to build robust, maintainable applications.