: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!πŸ”₯

Javascript Ternary Operator

Learn the basics of the JavaScript Ternary Operator

Javascript Variables

A variable is an assigned to an identifier, so you can reference and use it later in your program. Learn how to declare variables in JavaScript

Javascript Falsy Values

It is important to know fundamentals to understand why Javascript does the things it does. You will know why things aren’t working, know the falsy values will help you to debug and you will become a better developer.

Javascript Object Lookups

We are going to see how object lookups can sometimes be used as a more maintainable alternative to if and switch statements.

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