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 guide to setting up HTTPS with a valid SSL certificate for a local development domain and using it with a Node.js server.
A curated collection of popular and useful CSS snippets for responsive design, text selection, clearfix, box-sizing, and modern layouts.
A technical guide on implementing Do Not Track (DNT) support for websites, covering both client-side and server-side checks.
A technical guide on converting large GIFs to MP4 videos to reduce website data usage, with methods for embedding and autoplay.
A technical guide to building and enhancing a secure, accessible login form with HTML validation, security best practices, and UX improvements.
A 2018 analysis of browser support for Progressive Web Apps (PWA) on desktop, exploring features like installability and app store integration.
Discusses the reasons for 'quick fix' code and provides strategies for avoiding them in front-end development (HTML, CSS, JavaScript).
A web developer's call to action: share only accessible, semantic code examples and be responsible when publishing technical articles.
Explains how to use the Network Information API within a Service Worker to dynamically load different image resolutions based on the user's connection speed.
A frontend developer shares best practices for using id, class, and data attributes in HTML, CSS, and JavaScript to avoid conflicts.
Explains how to apply progressive enhancement principles to CSS, covering fallbacks and feature queries for robust web design.
A technical guide on implementing web push notifications using Service Workers and VAPID keys, covering both front-end and back-end setup.
Developer introduces iss-observer.com, a web app for ISS sighting notifications with weather filtering and performance insights.
A technical guide on using CSS custom properties to manage responsive state changes, like a collapsible menu, without duplicating breakpoint logic.
A guide for web developers on evaluating and responsibly adopting new web platform features, covering benefits, browser support, and implementation strategies.
A technical guide to implementing 'Show More' and 'Read More' text truncation patterns on the web using JavaScript and CSS.
Urgent warning to replace StartCom or WoSign SSL certificates before Chrome 56 and Firefox 51 mark sites as insecure in early 2017.
Argues that web browsers should actively warn against and eventually block performance-harming and inaccessible web development practices.
A guide to implementing the Web Share API to enhance static social sharing links on websites, with a fallback for unsupported browsers.
A reflection on web performance evolution, from Responsive Design to Progressive Web Apps, emphasizing speed and mobile-first principles.
