: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(#7492E6, #8f72C3, #9C66B3, #BA4D95, #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!🔥

Javascript Array Bifurcate

This is a pattern to split the values from an array into two groups based on a condition, if is truthy the corresponding element belongs to the first group, otherwise it belongs to the second group.

Javascript Array Chunk

We are going to divide or chunk the array into many smaller arrays or subarrays where each one is of a specified length size.

Javascript Object literal conditional properties

We constantly coming up against adding conditional properties to an Object, we are going to use the spread operator and the short-circuit evaluation to deal with it an elegant way.

Javascript Array of Unique Values

Handling array duplicates can be tricky. There are multiple ways to remove duplicates from an array, we are going to take a look of Set constructor and a couple of implementatios of indexOf(), filter(), and forEach() methods.

Javascript Replace All Occurrences of a String

How to replace all ocurrences of a string in Javascript? Lets see 2 easy ways with replace() and split() with join() methods

Javascript Clean Code

A professional developer will write the code thinking about your later self, for your 'co-workers' or just 'the other guy' and not just for the machine. If you worry about how the code it is written and not only if it work or not then you care about the clean code

List of 28 Javascript Arrays Methods you should know

Arrays in Javascript provide a lot of methods. To make things easier, I will share a useful list with 28 JavaScript Array methods you should know.

Javascript Basic of Array

Arrays in JavaScript are high-level list-like objects with a length property and integer properties as indexes.