The author shares their excitement about attending FFConf 2022, a front-end development conference, and introduces their background and projects.
Explains CSS style container queries, a new feature allowing child elements to adapt based on parent element styles, not just size.
Author reflects on the second anniversary of his free Eleventy course, discussing its impact and the evolution of the static site generator.
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.
