Martin Schneider is a frontend developer from Germany who shares his experience building clean, fast and maintainable websites. On his blog he writes about Eleventy, CSS, Sass, JavaScript, testing with Cypress, accessibility and static site generation. His posts focus on practical workflows, explaining not only how to write better code but also why certain approaches make development more efficient and enjoyable. The blog is a valuable source of inspiration for frontend developers who care about performance, simplicity and good craftsmanship.
23 articles from this blog
A developer details the process of redesigning their personal website, focusing on simplification, static site generation, and removing unnecessary complexity.
A guide on using PostCSS with Eleventy's before event to process, optimize, and generate CSS for a static site.
A developer explores using LightDOM to solve styling challenges in Web Components and releases an npm package for a native sharing button.
A developer explains how to implement dynamic Webmentions using Netlify Edge Functions with Eleventy, moving from static builds to real-time updates.
A developer reflects on personal projects, including migrating a blog from WordPress to Kirby and updating to Eleventy 2.0.
Using the CSS box-decoration-break property to create padded, multi-line text with background colors, solving a common web design challenge.
A developer shares their experience and challenges creating their first reusable web component for a native sharing button.
A developer details their experience updating a personal site to Eleventy 1.0, covering markdown migration, design tweaks, and build process improvements.
Exploring the theme-color meta tag in Safari, including implementation for light/dark modes and JavaScript integration.
A reminder for developers to share their frontend knowledge, even basic tips, as no one can know every detail in the field.
A developer shares their journey of making their personal website's source code public, discussing vulnerability and overcoming imposter syndrome.
A developer's journey implementing dynamic Open Graph images for a blog using the Eleventy Image plugin and SVG.
A developer explains how they automated image generation and optimization using the Eleventy Image plugin for their static site.
A web developer reflects on 2020 career changes, embracing frontend development, and focusing on core web technologies for 2021.
A developer's guide to building a Jamstack blog using Eleventy (11ty) as the static site generator and WordPress as a headless CMS via its REST API.
Firefox DevTools shortens long HTML attributes like srcset, which can confuse developers. A setting exists to disable this truncation.
A developer explains how they created a blogroll for their website by converting an OPML file to JSON using Node.js and Eleventy.
A developer shares how to set up automated end-to-end testing for an Eleventy website using Cypress and Netlify deployment.
A guide to implementing a native sharing button using the Web Share API with progressive enhancement for cross-browser compatibility.
A developer's guide to implementing a user-toggleable dark mode on a website using CSS custom properties and JavaScript.
