Collections 🚀

Check out these series covering various topics in front-end development. They're super helpful for both learning and your daily work - trust me, I use them all the time.
Best part? They're free, and you're welcome to contribute. If you find these series helpful, I'd be grateful if you could give them a star on GitHub 😍. Your support means a lot!

1 LOC

6634
My top JavaScript utilities, in just One Line of Code!

Cross Browser

23
Common ways to solve cross-browser compatibility problems

CSS Animation

65
Awesome CSS animations: examples of stunning animations without external libraries

CSS Layout

7778
A collection of popular CSS layouts and patterns that you can use right away

Front-end Tips

571
Front-End development mastery: simple tips, tricks, and best practices

HTML DOM

5352
Mastering DOM manipulation with vanilla JavaScript

this vs that

1423
Understanding the difference between ˍˍˍ and ˍˍˍ in front-end development

In-depth series

Attention front-end engineers! Are you ready to take your skills to the next level? Look no further! Our in-depth series covers advanced techniques and patterns in front-end development with real-life examples you can use for your applications.
We know learning can be daunting, so we've curated engaging and informative content to make the process enjoyable. Say goodbye to boring material!
Our series covers a range of topics, including advanced CSS, JavaScript, and popular front-end libraries, to help you become a more well-rounded and skilled developer. Don't miss out on this opportunity to elevate your front-end game!
To get the most out of these posts, it's crucial to follow them in order. Start from the first post and work your way to the last. Along the way, you'll learn some important techniques that you won't want to miss.

Mirror a text area

3
Enhancing user experience through text area mirroring

Grid layout

Discover real-world examples that showcase how to create a stunning grid layout using CSS and JavaScript-based solutions
soon

Master of React ref

Your complete guide to mastering the use of "ref" in React
soon

The power of React context

Get ready to create code that's more efficient, scalable, and maintainable for real-life situations using React context
soon

Drag-n-Drop with React

Examples to help you master the art of drag and drop in React without relying on external libraries, ranging from basic to advanced levels
soon

IntersectionObserver with React

Say goodbye to your fear of the IntersectionObserver API! This series will show you how to use it in React with helpful examples.
soon

Recent posts ⚡

Newsletter 🔔

If you're into front-end technologies and you want to see more of the content I'm creating, then you might want to consider subscribing to my newsletter.
By subscribing, you'll be the first to know about new articles, products, and exclusive promotions.
Don't worry, I won't spam you. And if you ever change your mind, you can unsubscribe at any time.
Phước Nguyễn