DEV Community

Phuoc Nguyen profile picture

Phuoc Nguyen

Created https://formvalidation.io ∙ https://blur.page ∙ https://react-pdf-viewer.dev Care about front-end, #react, #sveltejs, #typescript, #Swift, #macOS

Five Year Club
Writing Debut
8 Week Writing Streak
2 Week Community Wellness Streak
1 Week Community Wellness Streak
4 Week Writing Streak
Four Year Club
Three Year Club
Two Year Club
One Year Club
Lazy load a Google Map

Lazy load a Google Map

3
Comments
4 min read

Want to connect with Phuoc Nguyen?

Create an account to connect with Phuoc Nguyen. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
Lazy load a video

Lazy load a video

4
Comments
3 min read
Lazy load an iframe

Lazy load an iframe

10
Comments
4 min read
Lazy load a background image

Lazy load a background image

4
Comments
4 min read
Lazy load an image

Lazy load an image

4
Comments 1
7 min read
Create a reusable component for IntersectionObserver

Create a reusable component for IntersectionObserver

2
Comments
6 min read
Create a reusable hook for IntersectionObserver

Create a reusable hook for IntersectionObserver

2
Comments
5 min read
Use the IntersectionObserver API in React

Use the IntersectionObserver API in React

3
Comments
4 min read
An introduction to the IntersectionObserver API

An introduction to the IntersectionObserver API

1
Comments
9 min read
Check if an element is visible in the viewport

Check if an element is visible in the viewport

2
Comments 3
7 min read
Practical examples of using IntersectionObserver with React

Practical examples of using IntersectionObserver with React

1
Comments
1 min read
Clipboard API fallback

Clipboard API fallback

Comments
5 min read
Check if the Clipboard API is supported

Check if the Clipboard API is supported

Comments
2 min read
How to read and write data to the clipboard

How to read and write data to the clipboard

2
Comments 4
2 min read
Align items in a grid

Align items in a grid

1
Comments
5 min read
Center align the main content and left align the sidebar

Center align the main content and left align the sidebar

1
Comments
5 min read
Display grid items in the same area

Display grid items in the same area

2
Comments
5 min read
Create a holy grail layout

Create a holy grail layout

3
Comments
6 min read
Create a vertical timeline

Create a vertical timeline

4
Comments
7 min read
Create an event calendar

Create an event calendar

8
Comments
7 min read
Create a Gantt chart

Create a Gantt chart

2
Comments
7 min read
Create a macOS calculator layout

Create a macOS calculator layout

2
Comments
5 min read
Remove empty cells from the calendar

Remove empty cells from the calendar

1
Comments
3 min read
Position items in a grid

Position items in a grid

2
Comments
5 min read
Build a calendar

Build a calendar

2
Comments
5 min read
Create a sticky footer

Create a sticky footer

Comments
4 min read
Create a split-screen layout

Create a split-screen layout

1
Comments
3 min read
Create a horizontal divider with centered text

Create a horizontal divider with centered text

1
Comments
4 min read
Discover how to use CSS grid layout with real-life examples

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

1
Comments
1 min read
Build a REST client

Build a REST client

1
Comments
9 min read
Simplify document cookies management

Simplify document cookies management

Comments
7 min read
Build a SQL query builder

Build a SQL query builder

2
Comments
7 min read
Discover the power of a revocable Proxy

Discover the power of a revocable Proxy

Comments
5 min read
Say goodbye to callback hell

Say goodbye to callback hell

Comments
5 min read
Implement the Singleton pattern

Implement the Singleton pattern

7
Comments
5 min read
Cache function invocation results

Cache function invocation results

Comments
8 min read
Use JavaScript Proxy to warn of unknown properties

Use JavaScript Proxy to warn of unknown properties

1
Comments 1
4 min read
Create a LocalStorage polyfill for non-browser environments

Create a LocalStorage polyfill for non-browser environments

Comments
6 min read
Access array items using negative indices

Access array items using negative indices

Comments 1
4 min read
Combine Proxy traps with the Reflect API

Combine Proxy traps with the Reflect API

1
Comments
8 min read
Overload the in operator

Overload the in operator

Comments
4 min read
Implement private properties in a JavaScript class

Implement private properties in a JavaScript class

2
Comments
5 min read
Use JavaScript Proxy to protect internal properties

Use JavaScript Proxy to protect internal properties

4
Comments
4 min read
JavaScript Proxy vs Object.defineProperty

JavaScript Proxy vs Object.defineProperty

Comments
5 min read
Create a Proxy wrapper

Create a Proxy wrapper

Comments
4 min read
An introduction to JavaScript Proxy

An introduction to JavaScript Proxy

2
Comments
5 min read
Practical examples of using JavaScript Proxy

Practical examples of using JavaScript Proxy

Comments
1 min read
Make an element take up the entire page

Make an element take up the entire page

Comments
6 min read
Select the direct children of an element

Select the direct children of an element

2
Comments
1 min read
Prevent scrolling behind a fixed header

Prevent scrolling behind a fixed header

4
Comments 2
4 min read
Avoid using default exports

Avoid using default exports

96
Comments 28
4 min read
Build a spin input

Build a spin input

Comments
6 min read
Customer logos marquee

Customer logos marquee

2
Comments 1
4 min read
Build an OTP input field

Build an OTP input field

6
Comments
6 min read
Create a custom cursor

Create a custom cursor

2
Comments 2
9 min read
Running flow

Running flow

2
Comments
5 min read
Typewriter

Typewriter

1
Comments
6 min read
Animate the caret in an input field

Animate the caret in an input field

1
Comments
7 min read
Blinking cursor

Blinking cursor

11
Comments 6
2 min read
Waiting for an element to become available

Waiting for an element to become available

2
Comments
4 min read
loading...