# webdev

Cover image

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.

Link
Cover image

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.

Link
Cover image

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.

Link
Cover image

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.

Link
Cover image

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.

Link
Cover image

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.

Link
Cover image

Making an animated nav component - WotW

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

Link
Cover image

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.

Link
Cover image

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.

Link
Cover image

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.

Link
Cover image

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.

Link
Cover image

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.

Link
Cover image

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.

Link