• Web Developer
  • Posts
  • CSS Vertical Centering 🎯, Theme Switching πŸŒ—, Next.js Sass Templates 🎨, Awesome VSCode πŸ› οΈ

CSS Vertical Centering 🎯, Theme Switching πŸŒ—, Next.js Sass Templates 🎨, Awesome VSCode πŸ› οΈ

2024-09-29

In partnership with

FREE AI & ChatGPT Masterclass to automate 50% of your workflow

More than 300 Million people use AI across the globe, but just the top 1% know the right ones for the right use-cases.

Join this free masterclass on AI tools that will teach you the 25 most useful AI tools on the internet – that too for $0 (they have 100 free seats only!)

This masterclass will teach you how to:

  • Build business strategies & solve problems like a pro

  • Write content for emails, socials & more in minutes

  • Build AI assistants & custom bots in minutes

  • Research 10x faster, do more in less time & make your life easier

You’ll wish you knew about this FREE AI masterclass sooner πŸ˜‰

Hello and welcome to this issue!

My recent updates:

Articles

Understand how React works internally with visual diagrams. You can also dive deeper with my previous 400 lines of code Mini-React project.

A highly useful feature, now you can center vertically with align-content: center, no need for flexbox or grid anymore.

A clear guide with examples explaining the difference between nth-child() and nth-of-type().

This article presents some practical use cases of Web Workers, including CPU-intensive tasks, background tasks, and real-time applications.

Applying SOLID principles to React can make your code more maintainable. The article provides practical code examples to demonstrate these concepts.

A recent Stack Overflow survey shows 80% of developers are unhappy with their jobs, feeling burned out and demotivated. Factors like tech debt, bureaucracy, and poor work-life balance may be the cause. 70% of developers believe AI won't threaten their jobs.

This article discusses some WebAssembly use cases in frontend development.

Tools

A collection of animated toggles designed for switching between light and dark modes. It’s a modular library with plenty of customization options and works with Tailwindcss.

A fully-featured, pre-configured starter kit for building SaaS apps with Next.js, Prisma, Neon, Auth.js, Resend, React Email, Shadcn/ui, and Stripe.

A free, open-source eBook on Bash scripting to help you automate SysOps, DevOps, and Dev tasks, streamlining those boring and repetitive everyday tasks.

A curated list of delightful VS Code packages and resources.

Thank you for reading! If you enjoyed it and would like to support my work, consider trying our 7-day free exclusive membership. You'll get unlimited access to personalized content based on your interests and receive a special newsletter every Saturday. Start your free trial now πŸ‘‡

Reply

or to participate.