Explains the difference between CSS units 'em' and 'rem' for relative sizing, with practical examples.
Explores various CSS properties (display, visibility, opacity, position) for hiding elements, detailing their visual, functional, and accessibility implications.
A guide to building a multi-level dropdown navigation menu that is fully accessible across mouse, touch, keyboard, and screen sizes, with JavaScript fallback.
A 2015 roundup of browser updates, new web features, and developer tools for debugging, testing, and performance.
Explains the differences between CSS viewport units (vw, vh) and percentage units, detailing when to use each for responsive layouts.
A guide to using the SVG viewBox attribute for art-directing and cropping SVG images, with tips and a call for a CSS viewBox property.
Weekly roundup of browser developer news, covering Firefox 38 features, ServiceWorker, HTTPS, and debugging tools.
A comprehensive guide to implementing favicons and touch icons across browsers, covering formats, HTML declaration, and browser compatibility.
A guide to CSS font sizing units, explaining the differences between absolute (px, pt) and relative (em, rem, %, vw) units with practical examples.
Explains the importance of the viewport meta tag for true responsive design on mobile devices, beyond just CSS media queries.
A technical guide on implementing dynamic, responsive background images using CSS media queries and server-side logic like PHP.
A technical tutorial on creating a responsive, JavaScript-enhanced pop-out navigation menu with accessibility and mobile usability in mind.
A review of the five most popular web performance and responsive design articles from 2014, discussing speed, myths, and metrics.
A review of Scott Jehl's book 'Responsible Responsive Design', covering advanced responsive web design techniques, performance, and accessibility.
A guide to making embedded SVG images responsive across browsers using CSS techniques like the Padding Hack and inline media queries.
A technical case study on building responsive, accessible websites for Radio Free Europe to reach users with slow connections and old devices.
Introducing FitFrame.js, a jQuery plugin for making embedded iframes like YouTube and Vimeo videos fully responsive on websites.
Explores using CSS Regions and pseudo-elements to create semantic, responsive ad layouts without bloating HTML markup.
A guide to various techniques for implementing responsive typography on websites, covering media queries, viewport units, and accessibility.
A guide to using CSS Shapes to create non-rectangular layouts and wrap content in custom shapes, covering basic properties and browser support.
