← Back toLatest

Written in 2020 ⏳

Dec

Find the index of the last matching item of an array
Convert decimal to binary recursively
Create cartesian product

Oct

<> vs React.Fragment

Sep

encodeURI vs encodeURIComponent
word-break: break-all vs word-wrap: break-word
for ... in vs for ... of
margin vs padding
<div> vs <section>
arrow vs regular function
function declaration vs function expression
border-box vs content-box
clientY vs pageY

Aug

script async vs script defer
Map vs WeakMap
event bubbling vs capturing
const enum vs enum
literal union type vs string enums
string vs String
concat vs push
interface vs type
*.d.ts vs *.ts
const vs readonly
function vs property in interface
Object vs Map
Generate a random IP address
variable === undefined vs typeof variable === "undefined"
Truncate a number at decimal
Get the number of a character in a string
Convert a letter to associate emoji
slice vs splice

Jul

Generate a random string using Node crypto module
Calculate the number of months between two dates
display: none vs [hidden]
undefined vs void
substr vs substring
++value vs value++
method in class constructor vs prototype
Box handler
hasOwnProperty vs in
style="width: ___" vs width="___"

Jun

naturalWidth vs width
clientHeight vs offsetHeight vs scrollHeight
Convert cookie to object
DOMContentLoaded vs load
stopImmediatePropagation vs stopPropagation
instanceof vs typeof
event.preventDefault vs return false
currentTarget vs target
Check if an array is empty
Get the base URL without any parameters
<button> vs <input type="button" />
<b>, <i> vs <strong>, <em>
null vs undefined
mouseenter vs mouseover
keydown vs keypress vs keyup
double quotes vs single quote
const vs let vs var
border vs outline
nodeName vs tagName
key vs keyCode vs which
Replace the first given number of characters of a string with another character
Count by the properties of an array of objects
Get the first defined and non null argument
Count the occurrences of array elements
Count the occurrences of a value in an array
string.charAt(i) vs string[i]
object.property vs object["property"]
Object.getOwnPropertyNames() vs Object.keys()
Number() vs parseInt()
delete obj.property vs obj.property = undefined
Check if a string is a hexadecimal number
Check if a string is a hexadecimal color
Check if a string contains only ASCII characters
Check if a string contains only letters and numbers
Strip ANSI codes from a string
Check if a string contains only letters
Check if a value is a string
Trim some character
Check if a number is in a given range
Group an array of objects by a key
Object.is() vs ===
== vs ===
array = [] vs array.length = 0
argument vs parameter
apply vs call
Extract values of a property from an array of objects
Trim slashes at the beginning and the end of a string

May

Redirect the page to HTTPS if it is in HTTP
Trim the file extension from a file name
Unescape HTML special characters
Truncate a string at full words
Escape HTML special characters
Truncate a number to a given number of decimal places without rounding
Get the value of a cookie
Convert a number to equivalent characters
Convert the name of an Excel column to number
display: none vs opacity: 0 vs visibility: hidden
class vs id
alt vs title
addEventListener() function vs on property
Swap the rows and columns of a matrix
parentElement vs parentNode
Normalize vs Reset CSS
Element vs Node
:active vs :focus
Decode a JWT token
Find the closest number from an array
Get the yesterday date
Get the tomorrow date
Sort an array of numbers
Shuffle an array
Check if multiple objects are equal
Calculate the factorial of a number
Create an object from the pairs of key and value
Check if a string is a palindrome
Sort the characters of a string in the alphabetical order
Round a number to a given number of digits
Memoize a function
Get the length of a string in bytes
Get the day of the year from a date
Get the arrays of digits from a number
Generate an array of random integers in a given range
Convert degrees to radians
Convert a string to camelCase
Check if a string contains upper case characters
Check if a string contains lower case characters
Calculate Fibonacci numbers
Add an ordinal suffix to a number
Unzip an array of arrays
Uncurry a function
Normalize file path slashes
Invert keys and values of an object
Curry a function
Convert seconds to hh:mm:ss format
Convert a Windows file path to Unix path
Convert a string to PascalCase
Check if a value is an async function
Check if a value is a generator function
Check if a value is a function
Check if a URL is absolute
Check if a path is relative
Check if a value is a regular expression
Zip multiple arrays
Split an array into chunks
Shallow copy an object
Pick a subset of properties of an object
Partition an array based on a condition
Partially apply a function
Omit a subset of properties from an object
Logical xor operator
Get the value at given path of an object
Execute a function once
Check if a value is an object
Check if a value is a plain object
Flip the arguments of a function
Delay the evaluation of a function
Convert snake_case to camelCase
Convert camelCase to kebab-case and vice versa
Compose functions from left to right
Compare two arrays regardless of order
Check if an array is subset of other array
Check if an array contains a value matching some criterias
Replace multiple spaces with a single space
Remove falsy values from array
Get union of arrays
Get the intersection of arrays
Detect Internet Explorer browser
Convert Celsius to Fahrenheit
Check if a string contains only digits
Check if all array elements are equal to a given value
Calculate the mod of collection index
Identity function
Create an empty function
Compose functions
Clone an array
Check if two strings are anagram
Check if a number is positive
Check if a number is negative
Wait for an amount of time
Format a date for the given locale
Check if an object is a Promise
Check if an array is not empty
Check if a value is nil
Check if a number is odd
Check if a number is even
Subtract arguments
Multiply arguments
Get the weekday of a date
Get the month name of a date
Generate a random UUID
Generate a random integer in given range
Generate a random floating point number in given range
Generate a random boolean
Compare two arrays
Clamp a number between two values
Check if a date is today
Calculate the sum of arguments
Calculate the remainder of division of arguments
Calculate the division of arguments
Calculate the average of arguments
Convert an array of objects to a single object
Convert a string to URL slug
Scroll an element to ensure it is visible in a scrollable container
Detect the dark mode
Create a custom scrollbar
Check if the code is running in the browser
Validate a Gregorian date
Uppercase the first character of each word in a string
Remove spaces from a string
Make the first character of a string lowercase
Encode a URL
Position an element absolutely to another element
Check if an element is visible in a scrollable container
Run Promises in sequence
Detect dark mode
Check if the code is running in the browser
Check if the code is running in NodeJS
Flatten an array
Emulate a dice throw

Apr

Find the length of the longest string in an array
Scroll to an element smoothly
Detect mobile browsers
Check if the touch events are supported
Easing functions
Check if the touch events are supported
Show or hide table columns
Get the direction of the text selection
Detect internet explorer browser
Attach event handlers inside other handlers
Prefix an integer with zeros
Get the value of a param from a URL
Generate a random string with given length
Generate a random string from given characters
Convert an array of strings to numbers
Compute the greatest common divisor between two numbers
Check if a value is a number
Show a custom context menu at clicked position
Drag to scroll
Select the text content of an element
Save and restore the text selection
Get the selected text
Copy highlighted code to the clipboard
Toggle an element
Swap two variables
Strip HTML from a given text
Sort an array of dates
Show an element
Scroll to top of the page
Reverse a string
Replace an element
Replace all line breaks with br elements
Repeat a string
Reload the current page
Redirect to another page
Merge two arrays
Insert given HTML before an element
Insert given HTML after an element
Insert an element before other one
Insert an element after other one
Hide an element
Go back to the previous page
Get the unique values of an array
Get the sum of an array of numbers
Get the selected text
Get the rank of an array of numbers
Get the number of days in given month
Get the file name from a URL
Get the file extension from a file name
Get the current timestamp in seconds
Get the average of an array
Get all siblings of an element
Get a random item from an array
Generate a random hex color
Find the minimum item of an array
Find the maximum item of an array
Extract year, month, day, hour, minute, second and millisecond from a date
Empty an array
Detect macOS browser
Create an empty map that does not have properties
Create an array of numbers in the given range
Create an array of cumulative sum
Convert rgb color to hex
Convert hex to rgb
Convert a string to number
Convert a date to YYYY-MM-DD format
Compare two dates
Check if an object is empty
Check if an object is an array
Check if an element is focused
Check if an element is a descendant of another
Check if all items in an array are equal
Check if a year is leap year
Check if a string is upper case
Check if a string is lower case
Check if a string contains whitespace
Check if a number is a power of 2
Check if a given integer is a prime number
Check if a date is between two dates
Calculate the number of difference days between two dates
Zoom an image
Prevent body from scrolling when opening a modal
Scroll to an element
Print an image
Create a range slider
Show a loading indicator when an iframe is being loaded
Create an image comparison slider
Create resizable split views
Drag and drop table column
Drag and drop table row
Calculate the mouse position relative to an element
Press Shift and Enter for a new line
Drag and drop element in a list
Distinguish between left and right mouse clicks

Mar

Show a ghost element when dragging an element
Allow to enter particular characters only
Check if an element is in the viewport
Paste as plain text
Swap two nodes
Paste an image from the clipboard
Count the number of characters of a textarea
Upload files with Ajax
Submit a form with Ajax
Serialize form data into a query string
Export a table to csv
Scale a text to fit inside of an element
Insert given HTML after or before an element
Resize an image
Detect mac OS browser
Strip HTML from a given text
Prevent the default action of an event
Get size of the selected file
Check if the native date input is supported
Highlight an element when dragging a file over it
Detect if an element is focused
Sort a table by clicking its headers
Communication between an iframe and its parent window
Resize columns of a table
Placeholder for a contenteditable element
Make a resizable element
Make a draggable element
Determine the height and width of an element
Detect if the caps lock is on
Calculate the size of scrollbar

Feb

Resize the width of a text box to fit its content automatically
Toggle password visibility
Toggle an element
Put cursor at the end of an input
Measure the width of given text of given font
Get the default value of a CSS property
Change the website favicon
Select the text of a textarea automatically
Get the first scrollable parent of an element
Check if an element is scrollable
Create one time event handler
Copy text to the clipboard
Check if an element is a descendant of another
Resize an iframe to fit its content
Replace broken images
Redirect to another page
Preview an image before uploading it
Go back to the previous page
Get the size of an image
Get the position of an element relative to another
Get or set the document title
Download a file
Get the position of an element relative to the document
Scroll to top of the page
Reload the current page
Prepend to an element
Load a JavaScript file dynamically
Load a CSS file dynamically
Get the document height and width
Detect clicks outside of an element
Trigger an event
Show or hide an element
Set CSS style for an element
Get siblings of an element
Get, set and remove data attributes
Get, set and remove attributes
Get or set the HTML of an element
Get CSS styles of an element
Attach or detach an event handler
Append to an element
Wrap an element around a given element
Unwrap an element
Select the children of an element
Select an element or list of elements
Replace an element
Remove an element
Remove all children of a node
Loop over a nodelist
Insert an element after or before other element
Get the text content of an element
Get the parent node of an element
Get the closest element by given selector
Execute code when the document is ready
Create an element
Clone an element
Check if an element has given class
Check an element against a selector
Add or remove class from an element

Jan

Triangle buttons
Arrow buttons
Watermark
Full background
Lined paper
Curved background
Stamp border
Nested dropdowns
Status light
Fading long section

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