Tailwind CSS is my preferred CSS framework for new projects. I choose it over plain CSS because it has good defaults, extensible, consistent and perfect for rapid prototyping.
The web is a remarkable platform because the core building blocks of the web are resilient but we’re breaking the resilience of the web unwittingly with SPA web frameworks. Why is this important and what can we do about it?
Hero animations and animating between different view states can be done easily with the useCycle react hook in Framer Motion and a bit of time.
Create a bouncing animation in React
Make a loading animation in React that's fully customisable with Framer Motion, an animation library that's easy to use and very powerful.
You may not think about it but web compatibility can be tricky. This is exacerbated by Internet Explorer, find out what you should do about the IE problem.
Transitions in React Router doesn't have to be difficult. Let's make a page transition with Framer Motion.
To help JavaScript developers get started with Reason, I'm going to guide you through bootstrapping a minimum viable Reason project for the web.
The Resize Observer API allows you to detect when a particular element changes size and how large it is.
The web is a powerful platform that has more to offer than you might expect. Take advantage of the Fullscreen API to craft unique web experiences.
The web is a powerful platform that has more to offer than you might expect. Take advantage of the Fullscreen API to craft unique web experiences.
Take a look at how to use the Page Visibility API with a React hook
CSS is an essential part of the web and is easy to learn but can be very difficult to master. Why is it so difficult to right?
Turn a static SVG into something exceptional with React and Pose.
So what are Hooks and why should you take note?
Dark mode is in right now. How do you take advantage of this on the web using CSS?
If you are using Redux just to avoid passing props down the tree, the React Context API could replace Redux.
Linting is a great productivity tool, tools such as ESLint can find potential errors and help foster a consistent style across teams.
Playing around with some of CSS most fun but not very well supported features.
How does one of the most ubiquitous actions on desktop translate to the web? See why context menus are so difficult to achieve and where browser support sits.
Is Internet Explorer still relevant? Do I need to support it and how do I support IE?