Book Review: Responsible Responsive Design
A review of Scott Jehl's book 'Responsible Responsive Design', covering advanced responsive web design techniques, performance, and accessibility.
A review of Scott Jehl's book 'Responsible Responsive Design', covering advanced responsive web design techniques, performance, and accessibility.
A tutorial on creating an image comparison slider using only CSS and the resize property, exploring its benefits and limitations.
A technical case study on building responsive, accessible websites for Radio Free Europe to reach users with slow connections and old devices.
Explores the accessibility challenge of indicating the current page link in web navigation, discussing solutions like hidden spans and ARIA labels.
Explores how Shadow DOM and Web Components impact web accessibility, explaining that assistive technologies interact with the rendered DOM tree.
Explores combining CSS Regions and CSS Shapes for creative magazine-style layouts, while emphasizing the importance of maintaining readability and accessibility.
A CSS technique using outline-offset and transitions to create animated, shrinking focus outlines for buttons, improving accessibility and visual feedback.
Discusses the 300ms click delay on touch devices, critiques disabling zoom as a solution due to accessibility issues, and recommends alternatives like FastClick.
A reflection on the lasting influence of Nate Koechley's 2008 'Professional Frontend Engineering' talk, focusing on principles like progressive enhancement and availability.
A critique of modern web development practices that undermine the web's core strength of universal accessibility across devices and networks.
Introduces buttonlike.js, a jQuery plugin for making non-button elements accessible via ARIA roles, keyboard focus, and event handling.
A guide to making mobile web pages accessible using VoiceOver on iOS, covering event handling and testing for screen readers.
A guide to using MathML for web equations with a CSS fallback for browsers lacking native support, based on a real-world use case.
A developer's retrospective on leading the front-end redesign of the Target corporate website in 2012, focusing on accessible and responsive UI patterns.
A curated list of influential front-end developers recognized for their open-source contributions, technical expertise, and community teaching efforts.
Introducing Heydings Controls, a companion icon font for interactive UI elements, designed as an expansion to the free Heydings Icons font.
A discussion on the practical value of HTML semantics, focusing on accessibility and the real-world impact of semantic markup on screen readers.
A guide to creating an accessible star rating widget using only CSS, with no JavaScript required for core functionality.
Analyzes accessible text replacement methods for web headings, comparing techniques to hide text visually while keeping it available for screen readers and SEO.
A tutorial on creating a Tic Tac Toe game using only CSS, with hidden checkboxes and pseudo-classes for game logic.