CSS-Tricks·50wRevisiting Image Maps
The post explores the use of image maps, an older web design tool, and discusses their advantages, challenges, and alternatives. It highlights a project for Mike Worth that required blending expressive '90s design with modern techniques. While discovering image maps weren't the right fit, the effort led to finding modern solutions by leveraging SVG and anchoring paths for clickable areas, emphasizing accessibility and responsiveness.
MDN Blog·1yDefault styles for h1 elements are changing
Changes are being rolled out in browsers that remove default user agent styles for h1 elements within nested sections. Developers should ensure their websites do not rely on these default styles to avoid issues flagged by tools like Lighthouse. Explicitly defining font sizes and margins for heading elements is recommended. Specific instructions are provided for different browsers and tips on updating CSS to conform to these changes.
omg! ubuntu!·51wCOSMIC Desktop Alpha 7 Brings More New Features
System76 has announced the 7th alpha release of the Rust-based COSMIC desktop environment. The update introduces new features such as workspace reordering and pinning, additional accessibility aids like color filters and a mono sound option, support for global keyboard shortcuts for X11 apps, and enhanced X11 scaling controls. The release also includes tooltip additions, system shortcuts, and more customizations for various COSMIC apps.
Lobsters·1yCSS System colors
CSS system colors allow the operating system, browser, or users to provide colors to CSS, enhancing accessibility by reflecting users' high contrast preferences. With broad browser support, except for AccentColor and AccentColorText, these system colors include active text, button borders, canvas backgrounds, and more.
Christian Heilmann·52wKeeping it on the < dl > – another HTML gem you never use
Description lists (<dl>) in HTML are underutilized elements that help structure content by pairing terms and definitions. Unlike unordered and ordered lists, <dl> uses <dt> for terms and <dd> for descriptions, supporting multiple definitions per term. They offer built-in accessibility benefits. Consider using them for metadata descriptions and improving web page structure.
CSS-Tricks·1yCSS-Tricks Chronicles XLIII
CSS-Tricks provided a significant update highlighting the progress in their Almanac, which saw 21 new entries added. Several new authors contributed valuable content, and a new guide on CSS counters was published. Additionally, Geoff Graham discussed recent podcast and event appearances and acknowledged the continuous hard work of the CSS-Tricks team.