builder.io·3yTailwind CSS Tips and Tricks Worth Knowing
Tailwind allows us to change the style of an element based on its state with helper classes. There are some times where we are forced to use CSS for our styles. Tailwind has some very useful and easy-to-use animation utility classes. For example, we can add the transition color class and set a duration of 300 milliseconds.
freeCodeCamp·3yHow to Build a Portfolio Site with Sanity and Next.js
Sanity is a headless CMS framework for managing content. Sanity is Sanity's open source single-page app for managing your data and operations. You'll learn how to use Sanity as a data source to build a portfolio site with Next.js. In this tutorial you'll be mounting it together with your Next.
Community Picks·3yTypescript CRUD API: Next.js, Tailwind, tRPC, Prisma Postgres, Docker
Learn how to build a FULL CRUD API app, including a simple frontend to use it, using the following technologies: Next.js, Tailwind, tRPC, Prisma Postgres, Docker. All the code is available for free on GitHub(link in video description) Learn how to code your own blockchain and create your own crypto-currency with the CoinCamp.
UX Planet·3yBuilding a design system with Tailwind CSS: A step-by-step guide
The basic kit typically includes: Colors - Typography - Spacing - Border radius - Shadow - Breakpoints (Screens) Colors Tailwind CSS provides predefined color definitions. By following these steps, you can gain inspiration and insights for building your design system.
asayer·3yAnimations and Transitions with Tailwind CSS
Animations and Transitions with Tailwind CSS have been a lot of work, but this article will show you how to easily achieve those tasks with TailWind CSS. The major catch of TailwindCSS is that you can make animations right from your inline styling without creating a separate style file as you would in Vanilla CSS.
freeCodeCamp·3yLearn Full Stack Development with Next.js and Supabase by Building a Twitter Clone.
Learn Full Stack Development with Next.js 13, Tailwind CSS, TypeScript, and Supabase by building a Twitter clone. The course is designed around a project-based learning approach, providing you with the opportunity to gain hands-on experience as you create a functional, full-stack Twitter clone.
