Hey, I'm Phuoc Nguyen! ๐
I'm a software engineer from Vietnam ๐ป๐ณ.
In my free time, I enjoy playing football โฝ with my co-workers and Nintendo games ๐ฎ with my kids.
I also take care of my Border Collie ๐. Here's a little secret: my zodiac sign is the dog.
Creating products and earning money ๐ฐ from them is my passion. I hope you find useful things in this digital space ๐.
Favourite quotes ๐ฉ
Here are some quotes that inspire me the most. I strive to follow them both in my learning and in my actions.
You don't have to be great to start, but you have to start to be great
Zig Ziglar
If you cannot do great things, do small things in a great way
Napoleon Hill
Life is like riding a bicycle. To keep your balance, you must keep moving
Albert Einstein
Great things are done by a series of small things brought together
Vincent Van Gogh
Anyone who has never made a mistake has never tried anything new
Albert Einstein
Never give up. Today is hard, tomorrow will be worse, but the day after tomorrow will be sunshine
Jack Ma
Collections ๐
Check out this list of series that cover various topics in front-end development. They're incredibly useful for both learning and your day-to-day work, just like they are for me.
Best of all, they're all free and open to contributions. If you find them helpful, please consider giving them a GitHub star ๐. Your support is greatly appreciated!
CSS Animation
65โญAwesome CSS animations: examples of stunning animations without external libraries
See moreโ
CSS Layout
7778โญA collection of popular CSS layouts and patterns that you can use right away
See moreโ
In-depth series
Are you a front-end engineer looking to take your skills to the next level? Then you're in luck! I'm excited to present to you our in-depth series covering advanced techniques and patterns in front-end development.
Our series is designed to provide you with real-life examples that you can use for your applications. We understand that learning can be a daunting task, which is why we've curated our content to be both engaging and informative. You won't find any boring material here!
In this series, we'll cover a range of topics, including advanced CSS, JavaScript, as well as popular front-end libraries. Our goal is to help you become a more well-rounded and skilled front-end developer.
It's important to follow the posts in the correct order, starting from the first one and working your way to the last. There are some important techniques introduced in between that you won't want to miss.
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
Questions? ๐
Do you have any questions about front-end development that you'd like to learn more about? Shoot me a message on Twitter or send me an email! You'll find my contact info at the bottom of this page.
I've got a long list of upcoming posts, but I want to make sure I'm covering the topics that you're most interested in. Let's learn together! Sharing knowledge is the best way to grow in this field ๐ฅท.
Recent posts โก
Copy the content of an element to your clipboard
01 Oct, 2023
Make a text area fit its content automatically
30 Sep, 2023
Quickly insert alternate characters while typing
30 Sep, 2023
Zebra-like background
30 Sep, 2023
Add autocomplete to your text area
28 Sep, 2023
Linear scale of a number between two ranges
28 Sep, 2023
Highlight the current line in a text area
27 Sep, 2023
Create your own custom cursor in a text area
27 Sep, 2023
Mirror a text area for improving user experience
26 Sep, 2023
Display the line numbers in a text area
24 Sep, 2023
Select a given line in a text area
24 Sep, 2023
See moreโ
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