An introduction to web accessibility principles, explaining why it's important and providing practical HTML coding examples for inclusive design.
A guide to implementing Open Graph and X card metadata to make blog content appear richer when shared on social media platforms.
A developer discusses implementing the responsive images spec in Stitcher, focusing on challenges of image downscaling and integration.
A technical guide to implementing 'Show More' and 'Read More' text truncation patterns on the web using JavaScript and CSS.
A technical guide on progressively enhancing a web comment form from basic HTML to using BackgroundSync for offline functionality.
A guide to writing effective alt text for images to improve web accessibility, covering different image types and best practices.
A critique of the aria-controls attribute, arguing it's poorly supported, confusing, and ineffective for accessibility.
A developer re-evaluates inline CSS and internal stylesheets, testing performance benefits and challenging common front-end best practices.
Explains the crucial differences between HTML links and buttons, focusing on accessibility, semantics, and proper use in modern JavaScript web applications.
Argues for using plain text emails over HTML, citing tracking, security, and usability issues with HTML email.
A developer argues against forcing external links to open in new tabs, advocating for user control and confidence in website content.
A guide to using CSS to style broken image placeholders, improving user experience with custom messages and visual treatments.
A developer explores building a portfolio site entirely within GitHub's web interface, detailing the challenges and workflow of coding without a local environment.
A technical guide explaining how to use the srcset and sizes attributes for implementing responsive images in modern web development.
Advocates for browsers to display image alt text during loading to improve UX on slow connections and accessibility.
A guide to correctly labeling HTML form elements using name, id, label, fieldset, and legend for accessibility and functionality.
Argues that all websites must begin with server-side rendered HTML for universal accessibility, even if they later use advanced JavaScript features.
Explains how to use ARIA attributes (aria-labelledby, aria-label, aria-describedby) to properly label HTML elements for screen readers and improve web accessibility.
Explains how to use HTML heading elements (h1-h6) and the <section> tag to create a proper document outline for accessibility and structure.
Explores how modern web technologies like HTTP2 and Flexbox evolved from early HTML hacks and workarounds to solve fundamental web limitations.
