Michael Scharnagl is a freelance front-end developer specializing in accessibility, progressive enhancement, and web performance, creating readable and user-friendly websites for businesses, organizations, and events.
145 articles from this blog
A technical guide on using basket.js to asynchronously load module-specific JavaScript from local storage for better web performance.
A February 2015 roundup of browser bugs, workarounds, new features like WOFF2 in Firefox 35, and developer tools for debugging and accessibility.
Explains the HTML download attribute, its use cases for triggering file downloads, browser support, and best practices like showing file size.
A weekly roundup of notable browser bugs, workarounds, and testing tips for web developers, focusing on cross-browser compatibility issues.
Creative ideas to enhance user experience in web forms with playful and personalized details like custom cursors and birthday hints.
A developer shares a script for sharing selected webpage text directly to Twitter, with automatic highlighting and URL hash integration.
Explores two CSS techniques for reversing element order: using transform rotations and flex-direction: column-reverse.
A technical comparison of static map solutions from Google, OpenStreetMap, Nokia HERE, and Yandex for web performance optimization.
A technique using static Google Maps for performance, with JavaScript to enhance them to dynamic maps on user interaction.
A technical guide explaining the browser Notification API, covering support, permission requests, and cross-browser implementation.
A developer introduces 'Bugreporter', a simple web tool to automatically collect user browser and OS details for easier bug reporting.
A web developer shares his four-part testing setup for responsive design, covering mockups, design, UI, and final checks across various devices and browsers.
Argues that all web designs are inherently broken due to the vast diversity of browsers and devices, and advocates for future-friendly development practices.
Explores browser inconsistencies in validating HTML5 input type='url' and provides a regex pattern to fix validation issues.
A web developer shares lessons learned from rebuilding a personal blog, focusing on responsive design, performance optimization, and cross-platform testing.
A guide to setting up and using various browser tools and emulators on Ubuntu for testing responsive web designs across different devices.
Explores CSS-only patterns for responsive, multi-level navigation menus, analyzing their pros, cons, and browser compatibility.
Discusses the challenges of serving high-resolution images to new iPads on low-bandwidth connections and criticizes Apple's approach.
A critique of poor mobile web practices, arguing against forced redirects to stripped-down mobile sites and intrusive app download prompts.
A 2012 analysis of major German news sites reveals most fail to provide shareable links to specific images in their galleries, highlighting poor web development practices.
