Tips & Tricks
Finding ways to improve and optimize your code takes a lot of time, research and energy. Level up your coding skills one step at a time with this collection of quick tips and tricks.
Use JavaScript for loops if you need to break out early
Iteration in JavaScript can be done a handfuld of ways, most often using array methods, but sometimes a
forloop is the best option.JavaScript, Array · Jun 12, 2021
Minimize DOM access in JavaScript
Increase your JavaScript code's performance when working with the DOM by leveraging this simple trick.
JavaScript, Browser · Jun 12, 2021
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, String · Sep 14, 2022
CSS easing variables
Learn how to use the
cubic-bezier()class of easing functions and create beautiful animations that stand out.CSS, Animation · Jun 12, 2021
Style links without a class
A short summary of your story up to 180 characters long.
CSS, Visual · Nov 23, 2022
Prevent a string from being escaped in JavaScript
Strings in JavaScript can be escaped in various ways. But how do you prevent a string from being escaped? Here's a handy trick for that.
JavaScript, String · Jun 17, 2021
Create your own query selector shorthand in vanilla JavaScript
Ever wanted to create your own jquery-like query selector shorthand? Here's how!
JavaScript, Browser · Jun 12, 2021
How to swap two variables in JavaScript
Learn how to swap the values of two variables in JavaScript using a single line of ES6 code.
JavaScript, Variables · Jun 12, 2021
2 ways to format a string in Python
Learn two ways to format a string in Python with this quick tip.
Python, String · Jun 12, 2021
The perfect duration for CSS transitions
Learn how to make your CSS transitions feel perfect when users interact with elements on the page with this simple tip.
CSS, Interactivity · Jun 12, 2021
Why should line-height be unitless in CSS?
You might have heard that
line-heightshould be unitless, but do you know why?CSS, Layout · Nov 27, 2022
Use clamp() in CSS for responsive typography
Implement responsive typography with the CSS clamp() function.
CSS, Visual · Dec 28, 2022
Select any link with CSS
You can use a CSS pseudo-class selector to style all links in a page, without worrying if they have been visited or not.
CSS, Visual · Mar 6, 2022
Lazy load images in HTML
Discover how to improve your website's performance by implementing lazy loading for images using a native HTML attribute.
HTML, Image · Jun 12, 2021
Select the focused DOM element with JavaScript
Here's a quick and easy way to select the currently focused DOM element in JavaScript.
JavaScript, Browser · Oct 23, 2022