# webdev

Minimalistic nav menu with Vue.js and GSAP - WotW

In this post, I'll show you the process I took to make an animated menu using Vue.js and TweenMax.

Posted March 28 2019 9 min read.

Making an interactive password validator - WotW

In this tutorial we create a real-time password validator that shows a checklist of the requirements for the password to be accepted.

Posted July 31 2018 10 min read.

Link

Making an animated slider - WotW

In this posts I'll show you how to make an animated temperature slider that changes it's color depending on the selected degrees.

Posted July 12 2018 9 min read.

Link

Making a 3D facing widget - WotW

This time we'll create a card component that rotates in 3D space to look like it is facing the user's cursor.

Posted July 4 2018 5 min read.

Link

Cards hover animation - WotW

In this tutorial I'll show you how to create a nice expanding animation when the mouse cursor hovers over a set of card elements.

Posted June 19 2018 7 min read.

Link

Making a scrolling card list - WotW

In this post I explain how you can animate a vertical list to make it look like the items end up fading into the horizon.

Posted May 23 2018 8 min read.

Link

Making an animated nav component - WotW

In this tutorial I'll be explaining the process of making a colorful animated navigation control.

Posted May 16 2018 6 min read.

Link

How I made a fluid layout component - WotW

This post explains how can you achieve creating a two column layout that changes it's width when a button is pressed.

Posted May 9 2018 6 min read.

Link

How to make an animated "Wizard" component - WotW

In this tutorial I go through the process of creating a component that can guide users into a multiple steps tour.

Posted April 25 2018 7 min read.

Link

Animated card slider with Vue & GSAP - WotW

In this post I explain the process to create a card gallery slider that can be browsed with drag and drop inputs.

Posted April 18 2018 8 min read.

Link

Making a submit button with loader - WotW

A step by step tutorial on how to make a submit button that morphs into a circular loader.

Posted April 11 2018 6 min read.

Link

How I made a smiley toggle control — WotW

In this post I show you step by step how to create a unique animated toggle control, using Vue.jsand some CSS animation tricks.

Posted April 4 2018 4 min read.

Link

Debugging a "production only" bug

In this posts I go through the process that took for me to debug a really difficult to catch production bug.

Posted March 8 2018 3 min read.

Link