Frontend Articles
Always aim high
A web developer explains how using a universal CSS selector for text-decoration properties can reduce code and improve styling efficiency.
Eleventy Excellent truly is excellent
A developer praises the Eleventy Excellent starter kit for building websites, recommending it for future Eleventy projects.
This is why performance matters
A developer's real-world example of why website performance and progressive enhancement are critical, especially on slow networks.
The Index is launching next week
Announcement of The Index, a new web-first newsletter from Set Studio featuring websites, articles, tutorials, and underrated tech writing.
Buttondown is pretty cool
A review of Buttondown, an email newsletter service that can automatically send content from an RSS feed, ideal for web-first publications.
Vite with ESLint
A tutorial on setting up ESLint with Vite and React to catch errors and unused variables in your code.
Interop 2023
Interop 2023 is a cross-browser initiative targeting 26 key web features, including CSS :has(), math functions, and font palettes, for improved compatibility.
How the CSS box-sizing property works
Explains the CSS box-sizing property, how it affects element sizing, and why border-box is commonly used for predictable layouts.
Jotter
A developer's journey creating Jotter, a simple PWA note-taking app that syncs with local storage, inspired by the Mac app Tyke.
Vue Form Validation using Yup
A tutorial on implementing form validation in Vue 3 using the Yup schema validation library.
Why React isn't dying
A response to claims that React is dying, arguing its continued dominance due to component-driven development, JSX, and massive ecosystem.
A Quick Website Redesign
A developer shares the process and technical decisions behind redesigning their personal blog, focusing on CSS improvements and workflow.
Adding OpenTelemetry to an Angular Application
A guide to implementing OpenTelemetry for monitoring and observability in an Angular application using the browser SDK.
Disentangling Frameworks
A developer explores the challenges of using CSS container queries within a Tailwind CSS project, discussing framework pragmatism and polyfill issues.
Line heights in CSS work better with ratios
Explains why using unitless ratios for CSS line-height is better than fixed pixel values for responsive, flexible typography.
Using Gleam JS with Elixir’s Phoenix
A tutorial on integrating Gleam JS, a compile-to-JavaScript language, with an Elixir Phoenix application to build a frontend.
Type-safe React Query
A guide to achieving type-safety in React Query with TypeScript, covering generics and best practices for reliable type definitions.
Be The Browser’s Mentor, Not Its Micromanager
A web developer shares insights on leveraging modern browser capabilities to reduce manual work, based on a conference talk about efficient front-end development.