Reading

Reading

Create beautiful carousels with scroll snap CSS property

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

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

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

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

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

Scaling Content at Coinbase

coinbase.comDigital Asset Management with Multi-Party Computation MPC (Whitepaper)
Tremor journal • Build yourself a google analytics alternative

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

Force push with care

thoughtbot.comA gentler codegit push --force/code.
When not to use the useMemo React Hook - LogRocket Blog

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

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?

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

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

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

Detect AdBlock with JavaScript - Digital Inspiration

labnol.orgTech, a la carte
Creating Bento Grid Layouts

Creating Bento Grid Layouts

julienthibeaut.xyzHow to create Bento Grid Layouts with Tailwind CSS and React
Invisible Details of Interaction Design

Invisible Details of Interaction Design

rauno.meWhat makes great interactions feel right?
Layoffs Tracker - All Tech and Startup Layoffs - by TrueUp

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

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

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

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

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

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

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

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...

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

Handling Text Over Images in CSS - Ahmad Shadeed

ishadeed.comLearn how to handle text over images in CSS by taking accessibility in mind
Building a toast component

Building a toast component

emilkowal.ski
JavaScript: async/await with forEach()

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

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

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

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

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

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

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

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

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

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?

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

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

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

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

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

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

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

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

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

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

Create Client-Only Routes – App-Like Features of Gatsby – Intermediate Gatsby

frontendmasters.learnwithjason.devTKTK
The problem with disabled buttons and what to do instead

The problem with disabled buttons and what to do instead

adamsilver.ioAdam Silver – interaction designer - London, UK
Buy and Hold? 5 Ways to Lose a Lot of Money in the Stock Market | Investing.com

Buy and Hold? 5 Ways to Lose a Lot of Money in the Stock Market | Investing.com

investing.comMarket Overview Analysis by Investing.com (Francesco Casarella/Investing.com) covering: S&P 500, iShares Core S&P 500 ETF, SPDR® S&P 500, S&P 500 Futures. Read Investing.com (Francesco Casarella/Investing.com)'s latest article on Investing.com