The currentColor CSS keyword
The currentColor CSS keyword is a nifty alternative to custom properties for simple use cases.
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 · -
CSS · Why should line-height be unitless in CSS?
You might have heard that
line-heightshould be unitless, but do you know why? -
CSS · Style links without a class
A short summary of your story up to 180 characters long.
-
CSS · CSS inherited properties cheatsheet
A quick reference for inherited CSS properties.
-
JavaScript · Common regular expressions
A collection of regular expressions that can be used to solve common problems.
-
JavaScript · Typechecking JavaScript arrays with Array.isArray()
Make sure to use the correct method when checking if a JavaScript object is an array.
-
Web development · The benefits of writing
Writing about a topic can often sound boring or worthless. But there are significant benefits to doing it from time to time.
-
JavaScript · Optimize dynamically added object properties
Dynamically adding object properties can be pretty slow in some cases. Here's how to optimize it.
-
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.
-
JavaScript · How delays work in JavaScript timing functions
Did you know that the delay of
setTimeout()andsetInterval()is merely a suggestion? -
JavaScript · Select the focused DOM element with JavaScript
Here's a quick and easy way to select the currently focused DOM element in JavaScript.
-
CSS · CSS Reset
A short, opinionated CSS reset to make your websites look great everywhere.
-
HTML · Resource Preloading Cheat Sheet
Preloading content is one of many ways to improve your website's performance.
-
Web development · Technical debt
Learn what technical debt is, its causes and symptoms, and how to deal with it.
-
JavaScript · Can I validate an email address in JavaScript?
Email address validation can be much trickier than it sounds. Here's why and my advice on how to approach this problem.
-
JavaScript · Negative index in JavaScript array
Ever wanted to use negative indices in JavaScript arrays? Here's a simple way to do it using a Proxy.
-
JavaScript · JavaScript array filtering tips
A few tips and tricks to help you filter arrays in JavaScript more efficiently.
-
JavaScript · How can I check for a blank value in JavaScript?
JavaScript doesn't have a built-in way to check if a value is blank, but it's easy to create one.
-
JavaScript · Convert decimal number to hexadecimal
Ever needed to convert a decimal number to hexadecimal? Here's a quick and easy way to do it.
-
JavaScript · How can I check if a JavaScript array includes a specific value?
Checking if an array includes a specific value is pretty straightforward, except when it comes to objects.
-
JavaScript · Convert a string to a boolean
Have you ever tried to convert the string representation of a boolean to an actual boolean value? Here's a simple way to do it.
-
JavaScript · JavaScript property enumerability
Property enumerability dictates how JavaScript object properties behave in different scenarios.
-
HTML · What is the difference between async and defer in script loading?
Understanding how to correctly load your JavaScript files can significantly improve your web application's performance.
-
JavaScript · Get the last element of a JavaScript array
Array destructuring can be leveraged in many different ways. Here's one of them.