: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 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

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.