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…
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.
I hope you find useful things in this digital space 🚀.
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!
My top JavaScript utilities, in just One Line of Code!- Cross Browser - GitHub 26⭐
- CSS Animation - GitHub 74⭐
- CSS Layout - GitHub 7908⭐
- Front-end Tips - GitHub 586⭐
- this vs that - GitHub 1431⭐
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.
- Mirror a text area - GitHub 11⭐
- Master of React ref - GitHub 14⭐
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 assign me a new issue.
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 🥷.
Contact
-
csslayout
A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
MDX ★ 8.1k 2y agoExplain → -
1loc
What's your favorite JavaScript single LOC (line of code)?
MDX ★ 6.7k 2y agoExplain → -
html-dom
Common tasks of managing HTML DOM with vanilla JavaScript. Give me 1 ⭐if it’s useful.
MDX ★ 6.5k 2y agoExplain → -
this-vs-that
Understanding the difference between ˍˍˍ and ˍˍˍ in front-end development
MDX ★ 1.5k 2y agoExplain → -
frontend-tips
Super tiny, quick tips, tricks and best practices of front-end development
MDX ★ 629 2y agoExplain → -
css-animation
Popular CSS animation showcases. You don't need a CSS animation library for them.
MDX ★ 103 2y agoExplain → -
mirror-a-text-area
Enhancing user experience through text area mirroring
HTML ★ 101 2y agoExplain → -
react-drag-drop
Master the art of drag and drop in React
TypeScript ★ 100 2y agoExplain → -
fake-numbers
Generate fake, valid numbers. Check if a number is valid. Support a lot of different numbers: Credit card, EAN, ISBN, RTN, VIN, etc.
TypeScript ★ 64 3y agoExplain → -
cross-browser
Techinques to deal with cross browser issues on the front-end side
MDX ★ 32 2y agoExplain → -
master-of-react-ref
Your complete guide to mastering the use of "ref" in React
TypeScript ★ 28 2y agoExplain → -
javascript-proxy
Practical examples of using JavaScript Proxy
MDX ★ 19 2y agoExplain → -
intersection-observer-examples
Practical, real world examples of Intersection Observer
★ 16 5y agoExplain → -
css-grid
Discover how to use CSS grid layout with real-life examples
★ 14 2y agoExplain → -
get-svg
A Chrome extension to download SVG from a webpage
JavaScript ★ 12 5y agoExplain → -
frame
An iframe wrapper that resizes based on its content automatically
TypeScript ★ 12 4y agoExplain → -
phuocng
No description.
★ 8 2y agoExplain → -
lit-web-component-aha
Aha moments when working with the Lit library
★ 3 3y agoExplain → -
awesome-tauri ⑂
🚀 Awesome Tauri Apps, Plugins and Resources
★ 0 3y agoExplain →
No repos match these filters.