Reading
Create an Infinite Horizontal Scroll Animation with Tailwind CSS - Cruip
cruip.comIn this tutorial, we will show you how to create a cool infinite horizontal animation using only CSS. This effect can be used to display a variety ofThe Grug Brained Developer
grugbrain.devnull
Why I Won't Use Next.js
epicweb.devFrom the perspective of web standards to concerns about increasing complexity, Kent C. Dodds shares his opinions on why he won't use Next.js.
Handling Text Over Images in CSS
ishadeed.comLearn how to handle text over images in CSS by taking accessibility in mind
Dark Mode: How Users Think About It and Issues to Avoid
nngroup.comDark mode is popular, but not essential. Users like dark mode but maintain similar behaviors without it. They think about it at the system level, not the application level. If you choose to support dark mode, test your design to avoid common dark-mode issues.
Things you forgot (or never knew) because of React
joshcollinsworth.comIf you don't often look beyond established comfortable defaults, you might be surprised to learn just how far the world of frontend has moved away from React, and how big that gap continues to grow.
Introducing Valibot, a 1kb Zod Alternative
builder.ioValibot is a schema library for validating structural data, comparable to Zod, Ajv, Joi and Yup. Valibot is the modular design of the API.
Tailwind CSS Tips and Tricks Worth Knowing
builder.ioExplore some Tailwind tips that can significantly enhance your web development experience. Create utility classes and register Tailwind components with Builder.
Force push with care
thoughtbot.comA gentler git push --force.
How to delete all commit history in GitHub?
blog.avneesh.techIf you ever pushed your credentials into GitHub and you had many commits after that incident then it would be a big problem removing the credentials from the history. So one of the options would be to delete the whole commit history. In this tutorial...
React Server Components
patterns.devServer Components compliment SSR, rendering to an intermediate abstraction without needing to add to the JavaScript bundle
Detect AdBlock with JavaScript - Digital Inspiration
labnol.orgTech, a la carte
Invisible Details of Interaction Design
rauno.meWhat makes great interactions feel right?
Building a Seamless Drag-to-Reorder Widget with Vanilla JavaScript — Taha Shashtari
tahazsh.comLet's learn how to build a seamless widget in JavaScript.
Next.js App Router migration: the good, bad, and ugly
flightcontrol.devWe rebuilt the Flightcontrol dashboard with Next.js App Router and this post shares the good and bad experiences from it.
Mastering Raycast: A Deep Dive into Features, Extensions, and Comparisons
felixvemmer.comAn in-depth exploration of Raycast, highlighting its standout features, powerful extensions, and a detailed comparison with Alfred.
Create beautiful carousels with scroll snap CSS property
nikitahl.comYou can create beautiful carousels with a fancy and smooth snap effect by implementing a CSS-only solution.
Making Sense of React Server Components
joshwcomeau.comThis year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm shift, and it's caused a whole lot of confusion in the React community. In this tutorial, we'll explore this new world, and build an intuition for how it works, and how we can take advantage of it.
Use CSS Variables instead of React Context
epicreact.devHow and why you should use CSS variables (custom properties) for theming instead of React context.Using with Preprocessors - Tailwind CSS
tailwindcss.comA guide to using Tailwind with common CSS preprocessors like Sass, Less, and Stylus.
Scaling Content at Coinbase
coinbase.comCalifornia Voters Stand with Crypto
How React 18 Improves Application Performance – Vercel
vercel.comLearn how React 18's concurrent features like Transitions, Suspense, and React Server Components improve application performance.
On-Demand ISR on self-hosted Next.js
farbenmeer.deNext.js stabilized the API for On-Demand ISR. The fact that this won't work out of the box on auto-scaling container deployments is just a side note.
Adding App and Website Functionality | Gatsby
gatsbyjs.comGatsby empowers developers and creators to make many different types of websites. One may wish to add additional functionality to their site…
Is It Finally Time To Move Off Google Ad Manager?
kevel.comIndustry changes are threatening the viability of GAM as a publisher-side ad server. Read why that is and what your alternatives are.Everything I Installed on My New Mac
nexxel.devI recently got a new Mac and decided to document everything I installed on it. This is a list of all the apps and tools I installed and will use on a daily basis.Building Your Application: Data Fetching
nextjs.orgLearn how to fetch, cache, revalidate, and mutate data with Next.js.That's all for now. Come back later for more.