phuocng

csslayout. A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

1loc. What's your favorite JavaScript single LOC (line of code)?

html-dom. Common tasks of managing HTML DOM with vanilla JavaScript. Give me 1 ⭐if it’s useful.

this-vs-that. Understanding the difference between ˍˍˍ and ˍˍˍ in front-end development

frontend-tips. Super tiny, quick tips, tricks and best practices of front-end development

css-animation. Popular CSS animation showcases. You don't need a CSS animation library for them.

mirror-a-text-area. Enhancing user experience through text area mirroring

react-drag-drop. Master the art of drag and drop in React

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.

cross-browser. Techinques to deal with cross browser issues on the front-end side

master-of-react-ref. Your complete guide to mastering the use of "ref" in React

javascript-proxy. Practical examples of using JavaScript Proxy

intersection-observer-examples. Practical, real world examples of Intersection Observer

css-grid. Discover how to use CSS grid layout with real-life examples

frame. An iframe wrapper that resizes based on its content automatically

get-svg. A Chrome extension to download SVG from a webpage

phuocng.

lit-web-component-aha. Aha moments when working with the Lit library