Web-development
• Handsfree Websites
• Web Features That May Not Work As You’d Expect
• A Step-By-Step Process for Turning Designs Into Code
• Web Authentication: Cookies vs. Tokens
• The State of Developer Ecosystem 2021
• Not a Checklist: Building Accessibility Compliance into Your Business Processes
CSS
• CSS Box Model Properties — Explained With Examples ✨
• Custom properties and @property
• Prevent unwanted Layout Shifts caused by Scrollbars with the scrollbar-gutter CSS property
• A natural shadow with SVG filters
• Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines
• How to Improve Web Vitals with…
Web-development
• Building a breadcrumbs component
• Building an accessible image comparison web component
• The Ultimate Guide to Browser-Side Storage
• Rock the Stage with a Smooth WebGL Shader Transformation on Scroll
• Lawsuits Over Digital Accessibility for People With Disabilities Are Rising
• The performance effects of too much lazy-loading
• Simulating real users in the lab to debug CLS issues
CSS
• Refactoring CSS: Introduction (Part 1)
• Detecting media query support in CSS and JavaScript
• What’s the difference between the alignment values of start, flex-start, and self-start?
• Of Course We Can Make a CSS-Only Clock That…
Web-development
• Making A Strong Case For Accessibility
• SVG Favicons in Action
• npm audit: Broken by Design
• Average Page Load Time in 2021
• How To Choose A Headless CMS
• My Struggle to Use and Animate a Conic Gradient in SVG
• Inspirational Websites Roundup #27
• WebSockets vs. HTTP
CSS
• Using HSL Colors In CSS
• The Large, Small, and Dynamic Viewports
• The Dilemma of Naming Font Size Variables
• Theme Color in CSS
• Advanced CSS Gradient Editor
JavaScript
• How to Use IndexDB to Manage State in JavaScript
• How to Use Promise.all()
• A Look…
Web-development
• The State Of Web Workers In 2021
• It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them
• Building NPM package in 2021
• UI Interactions & Animations Roundup #17
• 3 Reasons to Abandon Bootstrap in 2021
- Tools
• Google’s New Tool for Understanding Package Dependencies
• Code Linting for Web Designers
• GitHub Copilot Experiences — a glimpse of an AI-assisted future - Performance
• Good news: Google no longer requires publishers to use the AMP format. Bad news: What replaces it might be worse
• CSS for Web Vitals - Accessibility
• The unseen…
Web-development
• Indiepen — An independent and privacy-friendly solution to embed HTML, CSS and JS code examples
• OMG, SVG Favicons FTW!
• Inline to Menu Link Animation
• The State of WebAssembly 2021
• Towards a better responsiveness metric
• webpack or esbuild: Why not both?
• Microsoft Teams 2.0 will use half the memory, dropping Electron for Edge Webview2
CSS
• Simple CSS Hack to reduce Page Load Time
• Inherit ancestor font-size, for fun and profit
• Custom Property Brain Twisters
• Using Performant Next-Gen Images in CSS with image-set
• Using CSS to Enforce Accessibility
• Building Generative…
Web-development
• Learn Eleventy From Scratch
• How I Used the WAAPI to Build an Animation Library
• Ten years of Web Components
• High performance storage for your app: the Storage Foundation API
- Accessibility
• When CSS Isn’t Enough: JavaScript Requirements For Accessible Components
• 5 Ideas on How to Incorporate Web Accessibility into your Dev Workflow
• A Complete Guide To Accessibility Tooling
• Your Image Is Probably Not Decorative
CSS
• Using the `outline` Property as a Collapsable Border
• Perfect Tooltips With CSS Clipping and Masking
• Optical size, the hidden superpower of variable fonts
• A Quick Guide To CSS…
Web-development
• The right tag for the job: why you should use semantic HTML
• 5 Frontend Problems You Shouldn’t Ignore
- Tools
• Three Front-End Auditing Tools I Discovered Recently
• Useful Front-End Boilerplates And Starter Kits
• Introducing the Memory Inspector
• Introducing Astro: Ship Less JavaScript
• 7 Tools for Faster Frontend Development in 2022 - Performance
• Frontend performance optimization for newbies. Part 1/n. How browsers render the page
• Part 2/n. What can we do to improve FMP and TTI?
• Part 3. Event loop, layout, paint, composite, call stack
• Serving sharp images to high density screens - …
Web-development
• Building multiple Progressive Web Apps on the same domain
• Front-End Testing is For Everyone
• Myth-busting: Jamstack can’t handle dynamic content
• History of the Web: Part 1
• Some of the Best Easter Eggs Hidden in Sites Across The Web
- Tools
• Debugging iOS Safari
• Serverless Functions: The Secret to Ultra-Productive Front-End Teams - Performance
• How To Fix Cumulative Layout Shift (CLS) Issues
• CSS for Web Vitals
• Request Quest: The game is pretty simple, look at some code & decide if it would trigger an HTTP request in the latest stable release of particular…
Web-development
• The Evolution and Redefinition of The Jamstack
• 10 Client-side Storage Options and When to Use Them
• Are you infringing a patent if you publish a PWA?
• Useful VS Code Extensions For Front-End Developers
• SVG Crop — Remove blank space from around any SVG instantly.
• Accessible SVGs: Perfect Patterns For Screen Reader Users
• Create a Liquid Hover Effect with GSAP & SVG
• Yes, this is the ULTIMATE SEO guide for developers in 2021
CSS
• A Thorough Analysis of CSS-in-JS
• CSS Container Queries For Designers
• 25 Years of CSS
• CSS Container…
Web-development
• Google AMP is dead! AMP pages no longer get preferential treatment in Google search
• Incremental Static Regeneration: Building static sites a little at a time
• Testing Frontend Apps — what, where, how?
- Tools
• Harold is a static site and blog generator based on Handlebars and Markdown.
• svg-loader: A Different Way to Work With External SVG
• The first stable release of Sublime Text 4 has finally arrived
• 5 Strategies to Reduce Frontend Build Time with CI/CD - Performance
• How We Improved Our Core Web Vitals (Case Study)
• 5 steps to faster web fonts - …
