Dynamic shadow
Learn how to create a shadow similar to box-shadow, but based on the colors of the element itself.
Code Articles
30 seconds of code contains a curated collection of code articles covering a wide range of development needs. The collection spans many topics, ranging from simple coding problems to theoretical concepts and development techniques.
-
CSS · -
JavaScript · Create a unit converter data structure in JavaScript
Learn how to create a unit converter data structure in JavaScript that can convert between any compatible units.
-
JavaScript · The case for trailing commas in JavaScript
Trailing commas are not without controversy. Here's why I think you should use them.
-
JavaScript · Create an array of partial sums in JavaScript
Create an array of partial sums, using
Array.prototype.reduce()andArray.prototype.slice(). -
JavaScript · Merge sort
Sort an array of numbers, using the merge sort algorithm.
-
JavaScript · Serialize specific properties from a JSON object
Have you ever wanted to serialize an object but only include certain keys? Turns out JavaScript provides an easy way to do this!
-
JavaScript · Join a JavaScript array into a string, with locale-sensitive separators
Learn how to leverage
Intl.ListFormatto join an array into a string, with appropriate separators. -
JavaScript · Check if a number is prime in JavaScript
Learn how to check if a number is prime and how to generate prime numbers up to a given number in JavaScript.
-
JavaScript · How can I initialize 2D array in JavaScript?
Learn how to initialize a 2D array in JavaScript in a handful of different ways.
-
JavaScript · Group array elements based on a function
Group the elements of an array based on the given function, producing an object with the grouped values.
-
JavaScript · Get, set or add styles to an HTML element with JavaScript
Learn how to retrieve and manipulate the styles of an HTML element easily and efficiently with JavaScript.
-
JavaScript · How can I listen for an event only once in JavaScript?
Learn how to add an event listener that is executed at most once.
-
JavaScript · Calculate the Euclidean distance in JavaScript
Use JavaScript's
Math.hypot()to calculate the Euclidean distance between two points. -
JavaScript · Debounce a JavaScript function and return a promise
Easily create a debounced function that returns a promise.
-
JavaScript · Set operations in JavaScript
Explore how you can apply mathematical set operations to JavaScript
Setobjects and arrays. -
JavaScript · Check if a numeric array is sorted in JavaScript
Efficiently check if a numeric array is sorted in ascending or descending order in JavaScript.
-
JavaScript · JavaScript array filtering tips
A few tips and tricks to help you filter arrays in JavaScript more efficiently.
-
Git · A guide to Git stashing
Learn all you need to know about Git stashing, including how to stash changes, apply, list, and delete stashes.
-
Git · Customize Git using aliases for common operations
Increase your productivity and reduce your cognitive load by creating aliases for many common git operations.
-
CSS · Hide element offscreen
Hide an element completely (visually and positionally) in the DOM while still allowing it to be accessible.
-
CSS · How can I ensure the footer is always at the bottom of the page?
Make sure the footer stays at the bottom of the page, instead of floating up when the content is too short.
-
React · React usePortal hook
Create a portal, allowing rendering of children outside the parent component, with this custom hook.
-
JavaScript · Word wrap a JavaScrip string
Wrap a string to a given number of characters using a string break character in JavaScript.
-
JavaScript · Perform math operations on arrays of numbers in JavaScript
Learn how to work with arrays of numbers in JavaScript, performing common math operations such as sum, average, product and more.