Explores optimistic UI patterns that improve perceived performance by decoupling user feedback from network requests, using examples like instant cart updates.
A tutorial on using CSS custom properties to dynamically adjust the 3D depth of a book model based on its page count.
A software engineer's personal review of 2020, covering work on frontend infrastructure and accessibility, side projects, blogging stats, and travel.
A web developer reflects on 2020 career changes, embracing frontend development, and focusing on core web technologies for 2021.
A comprehensive reference guide covering CSS fundamentals, syntax, selectors, layout systems like Flexbox and Grid, and best practices for styling web pages.
A step-by-step tutorial on building a portfolio/blog website using Angular and integrating it with Agility CMS for content management.
Learn how to quickly deploy a CodePen project to Netlify in under 30 seconds by exporting and dragging files.
Learn how to add global CSS styles to a Next.js application by importing them in the _app.js file.
A tutorial on using CSS Scroll Snap to create smooth, swipeable scrolling containers for galleries and sliders without JavaScript.
A deep dive into the rules and edge cases of CSS margin collapse, explaining when and why vertical margins overlap.
A guide to setting up Tailwind CSS with Django on Heroku, replacing the large CDN version with a custom, smaller build.
A technical guide on testing Preact/React Portals using Testing Library, based on real-world implementation challenges in a Rails app.
A technical guide explaining how to fix Webpack's dynamic import feature when it generates incorrect file paths, focusing on the publicPath configuration.
Explains two main methods for correctly including and displaying images in React components, covering imports and the public directory.
A comprehensive guide to the CSS Grid minmax() function, explaining its syntax, behavior, and practical use cases for responsive layouts.
A React tutorial on handling forms: accessing input values, implementing validation, and managing form submission using controlled components.
A step-by-step guide to configuring Jest for unit testing in a React application built with TypeScript, covering dependencies and configuration.
A technical guide explaining a modern, non-hacky method to prevent layout shifts when loading responsive images in web development.
A tutorial on setting up a React project from scratch using Webpack 5 and Babel, without relying on third-party boilerplates.
