← Back toLatest

Written in 2021 ⏳

Dec

Intersperse element between elements

Wrap a number between two values

Nov

Convert an uint8 array to a base64 encoded string

Convert a base64 encoded string to an uint8 array

Format a string

Omit properties of a Svelte component

Oct

Generate an array of alphabet characters

Check if a character is a digit

Prevent the page from scrolling to an element when it is focused

Go to the previous directory

Jul

Repeat an array

Jun

Prepend a line number to each line of a text document

Pick random lines from a text document

May

Remove duplicate lines of a text document

Reverse the order of lines of a text

Remove empty lines of a text document

Replace all tab characters with spaces

Sort lines of a text document in the alphabetical order

Count the number of words in a string

Normalize the ratio of a number in a range

Calculate the linear interpolation between two numbers

Share recommendation Visual Studio Code extensions

Pick the first and last items of an array

Find the root NPM package to update

Escape CSS class names

Create a big file on Linux

Compose multiple React providers

Avoid using the <b>, <i>, <s> and <u> tags

Avoid using multiple <h1> tags per page

Avoid skipping heading levels

Avoid boolean parameters

Skip questions when creating a package.json file

Quickly type color variables

List branches sorted by most recent commit date

Fold CSS declarations with region markers

Do not mix styles of an element with its container

Round a number to the nearest multiple of a given value

Inverted corners

Concave corners

Apr

Specify the doctype

Use DocumentFragments when adding a big list of elements

Access local webpack dev servers from external devices

Get the position of an element relative to the document

Check if a string consists of a repeated character sequence

Sort an object by its properties

Remove all null and undefined properties from an object

Initialize the current date but set time to midnight

Find the index of the minimum item of an array

Find the index of the maximum item of an array

Clear all cookies

Use multiple SSH keys for different GitHub accounts

Pick given properties from a JSON representation

Omit values of HTML boolean attributes

Pick a random property of an object

Count the occurrences of a character in a string

Zigzag timeline

Use the datetime attribute when displaying dates, times

Persist Console logs between page refreshes

Open all links in new tabs

Create a multiline strings

Check if a date occurs in the current year

Lazy loading images with the loading attribute

Highlight text with the mark element

Force the browsers to download new favicon

Create a custom emoji cursor

Get the total number of days in a year

Get all arrays of consecutive elements

Generate a random sign

Check if user scrolls to the bottom of the page

Check if a value is base64 encoded

Check if a value is base58 encoded

Check if a value is base32 encoded

Check if a value is a business identifier code

Check if a string is an octal number

Check if a string is a MongoDB ObjectId

Calculate the midpoint between two points

Transform values from a JSON representation

Create shapes with the clip path property

Convert Fahrenheit to Celsius

Check if a rectangle overlaps other one

Check if a rectangle contains other one

Calculate the angle of a line defined by two points

Validate an input value with the pattern attribute

Prevent browsers from asking to translate

Generate an unique and increment id

Convert radians to degrees

Check if a point is inside a rectangle

Calculate the distance between two points

Copy the base64 data of an image

Three dimensions card

Cast a value as an array

Folder structure

Mar

Move the cursor to any position in a macOS command

Locate an element with a given selector

Display links in the print mode

Avoid invisible text when loading a font

Add a subject to a mailto link

Start a simple web server on macOS

Smooth scrolling with pure CSS

Prevent anchor links from disappearing behind a sticky header

Create an one-time event handler

Use Array.includes for multiple conditionals

Ignore case sensitivity in a CSS attribute selector

Combine styles with the :is pseudo-class selector

Prevent macOS from going to sleep

Combine Google font requests

Watch a variable's value with live expressions

Load given characters in a Google font request

Avoid using CSS @import

Generate a hash of a string

Create a file of any size

View print stylesheets with Chrome DevTools

Capture a screenshot without shadow on macOS

Style index numbers of list items

Shorten import paths in Webpack

Open a package's homepage or repo

Center an element vertically and horizontally

Shorten import paths in TypeScript

Increase or decrease CSS values with Chrome DevTools

Append leading zeros to ordered list items

Always use noopener or noreferrer for links opened in new tabs

View a file in a different branch without switching the branch

Truncate long text

Save a few bytes when checking the existence of module

Move the screenshot area on macOS

Hide an element with Chrome DevTools

Create a function that accepts a single parameter

Style list items with special characters

Number headings and subheadings automatically

Copy screenshots to the clipboard on macOS

Add keyboard shortcuts

Swap two array items

Create a function that accepts a single argument

Create an array with conditional elements

Keep the calculation of a magic number

Create a polyfill

Do not use magic numbers when manipulating strings

Replace multiple if statements with a lookup table

Unpack a property of an object with different name

Run the last command as the root user

Checkout the previous branch

Remove duplicate values in an array

Get indices of a value in an array

Toggle hidden files on macOS

Shorten codes with the comma operator

Quick query elements in the Console

Pure collapsible element

Log the full object in NodeJS

Copy the full path of a file on macOS

Always put the footer at the bottom

Add a line break between inline elements

Write CSS rules for Firefox only

Show the first letter only

Do not use submit to name a submit button

Access the selected node in the Console

Use CSS fallback properties

Reuse the current color

Pass an array as function arguments

Format a number as a currency string

Find scrollable elements

Create a line-on-sides heading

Make a table with equal column widths

Prevent a string from being escaped

Log a variable to the console using conditional breakpoints

Inspect an element shown on hover

Filter file types of a file input

Create a download link

Accept any numbers of parameters

Feb

Ignore items from array destructuring

Use short-circuits conditionals

Pretty format JSON

Log an array to the Console

Log a value to the Console

Get the current timestamp

Replace multiple if statements with a single switch statement

Use the strict equality operator when comparing variables

Return an object in an arrow function quickly

Manage multiple boolean flags

Log a variable in an arrow function

Create an object with dynamic keys

Get the timezone string

Get the last date in the month of a date

Get the first date in the month of a date

Get the current quarter of a date

Get all subsets of an array

Check if a flat array has duplicate values

Check if a date is a weekend

Check if a date is a weekday

Use negative nth-child and nth-last-child

Show a placeholder for an empty list

Set content for an empty link

Separate list items

Remove the border from the last navigation item

Enforce required parameters

Create an autocomplete list with the datalist element

Create a descending list of numbered items

Conditional logging in the Console

Check if the browser supports for an element attribute

Visualize elements on page with the outline style

Use underscores to represent a number

Use the wbr tags to represent path

Use template literal to concatenate strings

Use an underscore to name unused argument

Trim the spaces before parsing a number

Track the focused element with Chrome DevTools

Swap two variables

Style broken images

Put special operators at the beginning of a function

Prevent the default behavior with jQuery event handler

Prefix class name with js to manipulate with javascript

Override the behavior of instanceof

Get rid of escaping quotes with template literal

Copy a long variable from the Console

Avoid to use colons and periods in the id attribute

Always pass the radix to parseInt

Add an icon to external links

Wrap arrow function body in parentheses

Use string literals for the TypeScript enum values

Remove a property from an object

Merge different arrays

Indicate img elements that miss alt attribute

Get characters of a string

Do not add custom methods to primitive objects

Convert string to number

Decapitalize a string

Swap case of characters in a string

Get all n-th items of an array

Convert 3 digits color to 6 digits color

Add AM PM suffix to an hour

Serialize form data

Convert URL parameters to object

Jan

Get random items of an array

Get a random item and remove it from an array

Sort an array of items by given key

Find the minimum item of an array by given key

Find the maximum item of an array by given key

Get type of a variable in string

Immutably rename object keys

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