Frontend Articles
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.
Rendering MDX in a Svelte component when using Astro
A guide explaining two methods to render MDX content within Svelte components when using the Astro framework.
My 2022 In Review
A front-end developer's 2022 review covering conference talks on CSS, writing technical articles, and personal projects like a CSS browser support tool.
Bring Back Blogging
A reflection on Chris Coyier's call to 'bring back blogging' by publishing your own feed, with thoughts on overcoming writing barriers.
2023, the year of websites
The article argues that 2023 will be a year for personal websites, driven by instability on social media platforms, and encourages owning your own web space.
Use PowerApps for an automation Front-End
A guide on using PowerApps to create a user-friendly front-end for triggering automation scripts, with Azure Logic Apps and Runbooks.