:doodle { @grid: 1x80 / 100% 8rem; position: absolute; top: 60px; left: 0; z-index: 0; } @keyframes slide-in 0% { transform: translateY(-100%); } 100% { transform: traslateY(0); } } :hover { opacity: 1; } transition: opacity .2s ease-in-out; animation: slide-in .25s ease-in-out; opacity: @pick(.06, .12, .18, .24, .3, .36); background: @pick(var(--doodle-1, #7492E6), var(--doodle-2, #8f72C3), var(--doodle-3, #9C66B3), var(--doodle-4, #BA4D95), var(--doodle-5, #DC3C75)); height: @rand(15%, 100%); margin: 0 .2rem;

👀 Sign up for email newsletter or use this RSS feed to get notified of new blog posts!🔥

How to capitalize a string in Javascript

How to uppercase the first letter of a string in JavaScript? there are many ways to capitalize a string to make the first character uppercase, let's see how to do it using plain Javascript

How to sort an array of objects by a property value in JavaScript

Let's find out how to sort an array of objects by a property value

How to get the first n items in an array in Javascript

How do you get just the first n items of an array? Just use the built-in slice() method that comes with each array instance

How to empty an array in Javascript

How do you empty an array? let's see how to clear it and empty all its elements

Javascript Check Empty Object

Find out how to check if a variable with an object is empty or not

Javascript in Operator

Learn the basics of the JavaScript in Operator.

Javascript Logical Operators

Learn the basics of the JavaScript Logical Operators

Javascript Template Literals

Introduced in ES2015, Template Literals offer a new way to declare strings, but also some new interesting constructs which are already widely popular

Javascript Destructuring Object and Arrays

Learn the basics to use the destructuring syntax to work with arrays and objects in JavaScript

Javascript Spread Operator

Learn the basics of the JavaScript Spread Operator