Reading
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.
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 - Josh Collinsworth blog
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.
Deploy a Next.js 13 app to AWS with Amplify Hosting | Amazon Web Services
aws.amazon.comToday, AWS Amplify Hosting announces Next.js 12 and 13 support. Your app can take advantage of Next.js features including server-side rendering (SSR), API routes, middleware, incremental static regeneration (ISR), and image optimization. In combination with Next.js feature support, Amplify Hosting is improving the experience of running Next.js apps on AWS: Faster builds. Next.js apps deploy […]
Scaling Content at Coinbase
coinbase.comDigital Asset Management with Multi-Party Computation MPC (Whitepaper)
Tremor journal • Build yourself a google analytics alternative
tremor.soSet up an open-source alternative to Google analytics in 5 minutes with Tinybird and Tremor
Force push with care
thoughtbot.comA gentler codegit push --force/code.
When not to use the useMemo React Hook - LogRocket Blog
blog.logrocket.comLearn when not to use the useMemo React Hook, such as when a memoized value is not used frequently or a computation is not expensive.
Testing JavaScript Performance | Zell Liew
zellwk.comThe difference between `Date.now` and `performance.now`. Plus an interesting finding on Chrome!
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...
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…
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 carteCreating Bento Grid Layouts
julienthibeaut.xyzHow to create Bento Grid Layouts with Tailwind CSS and React
Invisible Details of Interaction Design
rauno.meWhat makes great interactions feel right?
Layoffs Tracker - All Tech and Startup Layoffs - by TrueUp
trueup.ioLatest layoffs across big tech, tech unicorns, and startups. So far in 2023, there have been 1,182 layoffs at tech companies with 311,678 people impacted (1,703 people per day). In 2022, there were 1,535 layoffs at tech companies with 241,176 people impacted.
2023 Web Framework Performance Report | Astro
astro.buildA look at how different web frameworks perform in the real world in 2023. Based on real-world, production data from HTTP Archive and Google Chrome.
Tesla Model Y: First Impressions
arslan.ioI got a new Tesla Model Y (2023, made in Gigafactory Berlin) yesterday. Because I live in Turkey, I had to travel from Ankara to Istanbul and pick it up in person. This is my second EV; previously, I owned a Mercedes EQC 400. After picking up the car, I
Day 38: vh, svh, lvh, and dvh
matuzo.atUsing the viewport unit vh in desktop browsers is usually straight-forward, 100vh matches the height of the viewport. On mobile that's different because the viewport height changes depending on whether or not certain user interface elements are visible, 100vh doesn't always match the height of the viewport.Time to upgrade your monitor
tonsky.meA non-comprehensive and opinionated guide to best monitor for programming
Common Errors in Next.js and How to Resolve Them
blog.sentry.ioBugs are one of the most troubling aspects of software development; they appear out of nowhere and cause everything to stop working. Most of…
The ultimate guide to proper use of animation in UX
uxdesign.ccNowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the…Dynamic Routing in Gatsby
medium.comGatsby is a React-based Open Source Framework for creating static and dynamic websites. Performance, Scalability, Security, Accesibility…
Getting blocked by Vercel...
dev.toSo 2 days ago, I was working on a project with Next.js where I used GitHub OAuth for login...
Handling Text Over Images in CSS - Ahmad Shadeed
ishadeed.comLearn how to handle text over images in CSS by taking accessibility in mindBuilding a toast component
emilkowal.ski
JavaScript: async/await with forEach()
codeburst.ioasync/await is freaking awesome, but there is one place where it’s tricky: inside a forEach()
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.
Introducing Valibot, a 1kb Zod Alternative
builder.ioValibot is a schema library for validating structural data, comparable to Zod, Ajv, Joi and Yup. The big innovation of Valibot is the modular design of the API and an optimization of the source code for compression.
Tailwind CSS Tips and Tricks Worth Knowing
builder.ioExplore some Tailwind tips that can significantly enhance your web development experience. Create dynamic utility classes, register Tailwind components with Builder, and level up your responsive design.
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.
A Visual Guide to Prefetching in Next.js 13
builder.ioNext.js 13 prefetching gets pages loading faster. Get a visual on how this works and how you can configure it.
Powering Our Website's Evolution: Next.js App Router and Sanity CMS in Action
formidable.devWhat we've learned building web apps using Sanity and Next.js App Router that is great for content authors and great for end users while rearchitecting our website.
Understanding Server Components in React 18 and Next.js 13
adhithiravi.medium.comWith the release of Next.js 13, they have a new /app directory that has newer approaches to data rendering, fetching, and also uses the…
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.Crafting grid and dot backgrounds with CSS and Tailwind CSS
julienthibeaut.xyzHow to create grid and dot backgrounds with CSS and Tailwind CSS?
2023 Developer Survey results are in: the latest trends in technology and work from the Stack Overflow community
stackoverflow.blogThe tech that's hot or not, and how work is changing.Building Your Application: Data Fetching | Next.js
nextjs.orgLearn the fundamentals of data fetching with React and Next.js.
Building a Seamless Drag-to-Reorder Widget with Vanilla JavaScript — Taha Shashtari
tahazsh.comLet's learn how to build a seamless widget in JavaScript.Configuring: Preview Mode | Next.js
nextjs.orgNext.js has the preview mode for statically generated pages. You can learn how it works here.
My new Tesla Model Y 2023 | Henrique Vicente
henvic.devOn December 12th, I took a train to the small city of Tilburg to go to the Tesla Factory to take delivery of my 2023 Tesla Model Y. This post covers some key points about the Tesla Model Y and more.
Routing and SEO Metadata in Next.js 13
builder.ioLearn how to leverage the Metadata API to enhance routing metadata and improve SEO in Next.js 13.
Byte Boyutlu Bilgiler: 22 Haziran 2023
medium.comByte Boyutlu Bilgiler’in ikinci yazısına hoş geldiniz! Bu hafta Git komutları hakkında bilgileneceğiz. Başlamadan önce Git ve GitHub’ın…
Create Client-Only Routes – App-Like Features of Gatsby – Intermediate Gatsby
frontendmasters.learnwithjason.devTKTK
The problem with disabled buttons and what to do instead
adamsilver.ioAdam Silver – interaction designer - London, UK