Phuoc Nguyen

4 min read

Phuoc Nguyen

Apr 5 '24

Lazy load a video

#webdev #javascript #react #typescript

5

3 min read

Phuoc Nguyen

Apr 4 '24

Lazy load an iframe

#webdev #javascript #react #typescript

10

4 min read

Phuoc Nguyen

Apr 3 '24

Lazy load a background image

#webdev #javascript #react #typescript

7

4 min read

Phuoc Nguyen

Apr 2 '24

Lazy load an image

#webdev #javascript #typescript #react

5

7 min read

Phuoc Nguyen

Apr 1 '24

Create a reusable component for IntersectionObserver

#webdev #javascript #react #typescript

6 min read

Phuoc Nguyen

Mar 29 '24

Create a reusable hook for IntersectionObserver

#webdev #javascript #react #typescript

5 min read

Phuoc Nguyen

Mar 28 '24

Use the IntersectionObserver API in React

#webdev #javascript #react #typescript

4 min read

Phuoc Nguyen

Mar 27 '24

An introduction to the IntersectionObserver API

#webdev #javascript #react #tutorial

9 min read

Phuoc Nguyen

Mar 26 '24

Check if an element is visible in the viewport

#webdev #javascript #react #tutorial

7 min read

Phuoc Nguyen

Mar 23 '24

Practical examples of using IntersectionObserver with React

#webdev #javascript #react #tutorial

1 min read

Phuoc Nguyen

Mar 21 '24

Clipboard API fallback

#webdev #javascript #learning #tutorial

5 min read

Phuoc Nguyen

Mar 20 '24

Check if the Clipboard API is supported

#webdev #javascript #learning #tutorial

2 min read

Phuoc Nguyen

Mar 19 '24

How to read and write data to the clipboard

#webdev #javascript #learning #tutorial

2 min read

Phuoc Nguyen

Mar 18 '24

Align items in a grid

#webdev #css #learning #tutorial

5 min read

Phuoc Nguyen

Mar 16 '24

Center align the main content and left align the sidebar

#webdev #css #learning #tutorial

5 min read

Phuoc Nguyen

Mar 14 '24

Display grid items in the same area

#webdev #css #learning #tutorial

5 min read

Phuoc Nguyen

Mar 13 '24

Create a holy grail layout

#webdev #css #learning #tutorial

6 min read

Phuoc Nguyen

Mar 12 '24

Create a vertical timeline

#webdev #css #tutorial #learning

7 min read

Phuoc Nguyen

Mar 11 '24

Create an event calendar

#webdev #css #learning #tutorial

11

7 min read

Phuoc Nguyen

Mar 8 '24

Create a Gantt chart

#webdev #css #learning #tutorial

7 min read

Phuoc Nguyen

Mar 7 '24

Create a macOS calculator layout

#webdev #css #tutorial #learning

5 min read

Phuoc Nguyen

Mar 6 '24

Remove empty cells from the calendar

#webdev #css #tutorial #learning

3 min read

Phuoc Nguyen

Mar 5 '24

Position items in a grid

#webdev #css #learning #tutorial

5 min read

Phuoc Nguyen

Mar 4 '24

Build a calendar

#webdev #css #learning #tutorial

5 min read

Phuoc Nguyen

Mar 1 '24

Create a sticky footer

#webdev #css #learning #tutorial

4 min read

Phuoc Nguyen

Feb 29 '24

Create a split-screen layout

#webdev #css #tutorial #learning

3 min read

Phuoc Nguyen

Feb 28 '24

Create a horizontal divider with centered text

#webdev #css #learning #tutorial

4 min read

Phuoc Nguyen

Feb 27 '24

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

#webdev #css #tutorial #learning

1 min read

Phuoc Nguyen

Feb 26 '24

Build a REST client

#webdev #javascript #tutorial #learning

9 min read

Phuoc Nguyen

Feb 25 '24

Simplify document cookies management

#webdev #javascript #learning #tutorial

7 min read

Phuoc Nguyen

Feb 22 '24

Build a SQL query builder

#webdev #javascript #tutorial #learning

7 min read

Phuoc Nguyen

Feb 21 '24

Discover the power of a revocable Proxy

#javascript #webdev #tutorial #learning

5 min read

Phuoc Nguyen

Feb 20 '24

Say goodbye to callback hell

#webdev #javascript #tutorial #learning

5 min read

Phuoc Nguyen

Feb 19 '24

Implement the Singleton pattern

#webdev #javascript #tutorial #learning

7

5 min read

Phuoc Nguyen

Feb 13 '24

Cache function invocation results

#webdev #javascript #tutorial #learning

8 min read

Phuoc Nguyen

Feb 7 '24

Use JavaScript Proxy to warn of unknown properties

#webdev #javascript #tutorial #learning

4 min read

Phuoc Nguyen

Feb 2 '24

Create a LocalStorage polyfill for non-browser environments

#javascript #webdev #tutorial #learning

6 min read

Phuoc Nguyen

Jan 31 '24

Access array items using negative indices

#javascript #webdev #tutorial #learning

1

4 min read

Phuoc Nguyen

Jan 29 '24

Combine Proxy traps with the Reflect API

#webdev #javascript #tutorial #learning

8 min read

Phuoc Nguyen

Jan 26 '24

Overload the in operator

#webdev #javascript #tutorial #learning

4 min read

Phuoc Nguyen

Jan 24 '24

Implement private properties in a JavaScript class

#javascript #webdev #tutorial #learning

5 min read

Phuoc Nguyen

Jan 22 '24

Use JavaScript Proxy to protect internal properties

#javascript #webdev #tutorial #learning

4 min read

Phuoc Nguyen

Jan 19 '24

JavaScript Proxy vs Object.defineProperty

#webdev #javascript #tutorial #learning

5 min read

Phuoc Nguyen

Jan 18 '24

Create a Proxy wrapper

#tutorial #javascript #webdev #learning

4 min read

Phuoc Nguyen

Jan 16 '24

An introduction to JavaScript Proxy

#webdev #javascript #tutorial #learning

5 min read

Phuoc Nguyen

Jan 16 '24

Practical examples of using JavaScript Proxy

#javascript #webdev #tutorial #learning

1 min read

Phuoc Nguyen

Jan 15 '24

Make an element take up the entire page

#tutorial #javascript #webdev

6 min read

Phuoc Nguyen

Jan 14 '24

Select the direct children of an element

#webdev #javascript #beginners #tutorial

1 min read

Phuoc Nguyen

Jan 13 '24

Prevent scrolling behind a fixed header

#css #webdev #javascript #tutorial

4 min read

Phuoc Nguyen

Jan 10 '24

Avoid using default exports

#webdev #javascript #typescript

99

28

4 min read

Phuoc Nguyen

Jan 9 '24

Build a spin input

#tutorial #javascript #webdev

6 min read

Phuoc Nguyen

Jan 8 '24

Customer logos marquee

4 min read

Phuoc Nguyen

Jan 7 '24

Build an OTP input field

#javascript #webdev #tutorial

6

6 min read

Phuoc Nguyen

Jan 6 '24

Create a custom cursor

9 min read

Phuoc Nguyen

Jan 4 '24

Running flow

#tutorial #webdev #css #animation

5 min read

Phuoc Nguyen

Jan 3 '24

Typewriter

#tutorial #webdev #javascript #animation

6 min read

Phuoc Nguyen

Jan 3 '24

Animate the caret in an input field

#tutorial #javascript #webdev

7 min read

Phuoc Nguyen

Jan 2 '24

Blinking cursor

#tutorial #javascript #webdev

12

6

2 min read

Phuoc Nguyen

Jan 2 '24

Waiting for an element to become available

#tutorial #webdev #javascript