Argues against desktop-first web design, advocating for a mobile-first approach to improve user experience across all devices.
Explains when and why to use React's useReducer hook over useState, with practical examples and decision criteria.
A guide to 10 essential JavaScript string methods like split(), replace(), and includes() with syntax and examples.
A tutorial on implementing pagination using Strapi v4 for the backend and building the pagination UI with SvelteKit for the frontend.
A guide to building accessible toggle buttons with optimal HTML semantics and framework examples for Svelte, Vue, and React.
A guide explaining the evolution from simple websites to complex full-stack web applications, clarifying key web development terminology.
A CSS tip explaining that the calc() function is often unnecessary when using min(), max(), and clamp() for calculations.
A technical guide explaining CSS Subgrid, its use cases, and how it solves layout alignment problems in modern web design.
A detailed guide explaining the differences between CSS position properties: static, relative, absolute, fixed, and sticky.
Explains how to update React state via a component, using a custom heading component as an example, instead of a state updater function.
A web developer's strategy for using modern CSS features while ensuring compatibility with older browsers through progressive enhancement and fallbacks.
Exploring the hidden 'event' variable in HTML onclick attributes and how to access it for form submission handling.
A guide to naming colors in app development for better code readability, team communication, and enforcing a consistent design palette.
Explains why JSX expressions in React must have a single parent element, detailing the underlying JavaScript translation and React.createElement method.
A tutorial on creating a reusable modal dialog component using Bootstrap in a Blazor application.
Introducing localStore, a JavaScript library that simplifies localStorage usage by automatically handling JSON conversion and adding features like automatic expiry.
A tutorial on building a Chrome extension using Next.js and the Notion API to save and tag web links.
Overview of new CSS, HTML, and JavaScript features recently implemented in Safari and other browsers, including :has(), trigonometric functions, and viewport units.
A developer reflects on their technical contributions at Forem, including implementing pre-commit hooks, upgrading Preact, and advocating for accessibility.
Explains the Web Storage API, focusing on synchronous key/value storage using localStorage and sessionStorage for browser-based data.
