A technical guide on using BroadcastChannel API and focus management to create cross-tab title hints for desktop web applications.
A guide to using the CSS aspect-ratio property for responsive design, with syntax and visual examples.
A technical guide on implementing Display-P3 wide-gamut colors in a website using CSS and JavaScript, focusing on converting hex colors.
A personal recap of the CSS Day 2022 conference in Amsterdam, highlighting key talks on CSS layout, animations, new features, and developer tools.
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.
