Tag: javascript

Coding, JavaScript, React, Software Development, Web Development

React Transition for Dummies | Difference between CSSTransition and Transition

Bounce, Fade, Animate 05/03/2019 11:56:52 PM Intro into React Transitions In case you are a newbie in the world of react transitions,  you should probably read this post (React Transitions for Dummies | Part 1 : Transition, Styled Components and RandomColor) before continuing. <Transition> If you want to animate a react component, wrap it with […]

Coding, JavaScript, React, Software Development, Web Development

React Transitions for Dummies | Part 1 : Transition, Styled Components and RandomColor

04/29/2019 12:49:21 AM Overview Simply learning on how to use the React Transition Group “Transition” component to make websites look awesome! Who is this for? This should be useful for those who are confused as I was and (to some extent) still am about component and page transitions especially in React. Why I wanted to […]

Coding, JavaScript, Software Development

What I learned today | Functional Javascript: Variables Scope and Closures

Remember the Book: Functional JavaScript   So chapter 3 right?…hm Scopes From my understanding, where a variable lives, while the extent of a scope means how long a variable holds a value. Global Scope This has the longest lifespan when you declare a variable without the var, you are defining a global variable (accessible to […]

Coding, JavaScript, Software Development

Interesting ways to manipulate the DOM using (vanilla) JavaScript Part 2

Hope you found the part 1 helpful.. Okay, let’s begin… Styling style property to access a specific style property e.g. border-width, use selection.style.borderWidth or for background-color backgroundColor. getProperty, setProperty, removeProperty methods get – takes in only one argument; returns the value of that property e.g. selection.getProperty(“background-color”) set – updates the value of a specific property; […]

Coding

Menu Icon with Transition without JS

  the Video / Tutorial https://www.youtube.com/watch?v=g3rodjSPfPI     These might interest you:React Transition for Dummies | Difference between…DropDown Menu with ONLY CSS and HTMLReact Transitions for Dummies | Part 1 : Transition,…I am learning Python in 2020 – Beginner – Making a…