6 Tips for Tailwind CSS Development (with resources!)
Learn neat tricks and resources to speed up your development with Tailwind CSS
Blog.
Essays, implementation notes, and practical experiments from the edges of product engineering.
Read article
Why Use Tailwind CSS for Your Next Project
Learn the benefits of using Tailwind CSS on your next project and how it differs from other CSS solutions like Styled Components.
Page Transitions In React
Learn how to create beautiful animated page transitions with Framer Motion.
Getting Started with React Animations
Learn the basics of animation in React using Framer Motion. We'll focus on learning about motion components, mount and unmount animations, orchestration, dragging, and automatic animations.
Kick-Start Your Newsletter: Mailchimp Custom Form with React
Learn how to create a custom newsletter sign up form in React with JSONP and serverless functions.
Make Text Match Any Background Color
Learn about contrast ratio, luminance, and how to use these to make a text color match any background in an accessible way.
Using React Spring to Animate SVG Icons: Dark Mode Toggle
In this post, we will learn how to animate SVG icons using React Spring. We will be building a dark mode toggle.
How to Change Between Light and Dark Themes in Ant Design
Learn how to change themes dynamically with the Ant Design UI library. In this post, we will be exploring how to change between dark and light themes.
Test Your Email Flow with Mailhog, a Fake SMTP Server
Learn how to set up Mailhog with Docker so you can test your email flow for free
40+ High-Quality Free Resources for Web Development
Resources are extremely important for a programmer since they can greatly improve productivity while coding.
How to Find Solutions to Your Programming Problems Outside of Stack Overflow
Learn how to find solutions outside of Stack Overflow using GitHub and other methods.
Create and Publish a Supercharged TypeScript Codebase
Learn how to create and publish a robust TypeScript codebase with tsdx and np
Creating an Accessible, Responsive Pixel Perfect Website
Use semantic HTML and CSS to create an accessible and pixel perfect website.
Semantic HTML. What, Why, and How
Learn why semantic HTML is important for creating accessible and pixel perfect websites.
How To Create Pixel Perfect Layout Models
Approaches to create a perfect layout that will let the developer translate his design to responsive and accessible code.
How to Make a Markdown Blog With Next.js
Create a markdown blog with Next.js and Tailwind.css.
Create Mobile-Friendly Navigation with React
Approaches to create a friendly navigation in mobile phones.
Why Use Bottom Navigation in Mobile Websites
Reasons why developers must opt to use mobile friendly navigation on websites.
Habits I've acquired as a developer
Habits that make you a better developer every day.
