Front End Development
Create a Universal Button With React + TailwindCSS
Build a reusable React button component with Tailwind CSS that adapts as a button or link based on props—simple, flexible, and efficient.
JS
Jay
Simons#Front End 12 posts
Posts tagged with "Front End"
Front End Development
How to Create a Scroll Progress Bar in Next.js/React
Enhance UX with a simple scroll progress bar for smooth, responsive navigation—minimal code, no dependencies.
JS
Jay
Simons
Front End Development
Create a Powerful Password Meter with Cloudflare Workers & Next.js
Build a powerful password meter with Cloudflare Workers, Next.js, and zxcvbn.
JS
Jay
Simons
Front End Development
React: Simple Yet Elegant Toast Notifications
Build lightweight, custom toaster notifications in React using the Context API—no dependencies needed!
JS
Jay
Simons
Front End Development
Please Stop Committing UX Suicide for Sake of Revenue
Discover how to balance user experience with ad revenue using privacy-friendly strategies that keep both users engaged and advertisers happy.
JS
Jay
Simons
Front End Development
Create an Emoji Selector for Next.js Forms using Tailwind + DaisyUI
In this blog post, we're diving deep into the cosmos of code to guide you on creating an emoji selector for your Next.js forms that's both functional and fabulous.
JS
Jay
Simons
Front End Development
Creating an "Install to Home Screen" Prompt in a Next.js Progressive Web App
Step-by-step guide to creating an 'Add to Home Screen' prompt for Next.js PWAs, targeting major mobile browsers to enhance user experience.
JS
Jay
Simons
Front End Development
Animating the Web: Route Transitions in Next.js with Framer Motion
This article aims to be your comprehensive guide on how to enhance your Next.js applications with smooth, compelling route transitions using Framer Motion.
JS
Jay
Simons
Front End Development
Easy Dropdown Menus With Next.js and Tailwind CSS
In this article, I'm going to show you how to create a very simple, yet elegant, dropdown menu using nothing but Next.js and Tailwind CSS.
JS
Jay
Simons
Full-Stack Development
Building a Universal Form Controller Using Next.js & Yup
Learn how you can create your own reusable universal form controller to use across your Next.js app.
JS
Jay
Simons
Website Design
Create a Star Wars-Like Crawl Using CSS & JavaScript
If you're a geek like me, then you're defininely going to want to check out this article. I'll show you how to create a Star Wars-like crawl background for your website using only JavaScript and CSS.
JS
Jay
Simons
Website Design
How I Learned to Shut Up and Love Tailwind CSS
It took me a while, but I'm finally fully on the Tailwind CSS bandwagon. In this article, I'll explain why and how I got there.
JS
Jay
Simons