Канал: Angela Design

Figma Interactive Components | Figma Variants Tutorial

Figma Interactive Components | Figma Variants Tutorial

Figma Hover | Figma Button Hover Effect with Smart Animate

Figma Hover | Figma Button Hover Effect with Smart Animate

Responsive React Cards | Mobile First Shopping Cards

Responsive React Cards | Mobile First Shopping Cards

Loading Animation HTML CSS

Loading Animation HTML CSS

Figma After Delay Animation | Overlay Prototype

Figma After Delay Animation | Overlay Prototype

Image Gallery Blur Hover Effect | Figma Prototype to HTML CSS

Image Gallery Blur Hover Effect | Figma Prototype to HTML CSS

Dropdown Navigation Menu with Flexbox

Dropdown Navigation Menu with Flexbox

Notification Pop Up | Custom Alert HTML CSS JS

Notification Pop Up | Custom Alert HTML CSS JS

Animating Tab Bar | HTML CSS JS Tutorial

Animating Tab Bar | HTML CSS JS Tutorial

Figma Dropdown Menu with Variants | Figma Prototype Tutorial

Figma Dropdown Menu with Variants | Figma Prototype Tutorial

React Cards with Props | UI Card Design with React JS

React Cards with Props | UI Card Design with React JS

Stylized Table Design from Figma to HTML CSS | Table from Scratch

Stylized Table Design from Figma to HTML CSS | Table from Scratch

Create a modal from scratch | HTML CSS & JavaScript

Create a modal from scratch | HTML CSS & JavaScript

Sign Up Form HTML CSS | Create a Sign Up Form with Animated Input Fields

Sign Up Form HTML CSS | Create a Sign Up Form with Animated Input Fields

React Counter | Simple Counter with React Hooks

React Counter | Simple Counter with React Hooks

Search Box Animation from Scratch | Search Icon to Input Field Animation

Search Box Animation from Scratch | Search Icon to Input Field Animation

Input Animations with HTML and CSS | Input Label Animation

Input Animations with HTML and CSS | Input Label Animation

Responsive Navigation Bar Only CSS | Mobile First Design

Responsive Navigation Bar Only CSS | Mobile First Design

Add Button Animation from Scratch | HTML CSS Vanilla JS | Code Explained

Add Button Animation from Scratch | HTML CSS Vanilla JS | Code Explained

Styled Table Design with HTML & CSS | Dribbble UI Design to Code

Styled Table Design with HTML & CSS | Dribbble UI Design to Code

Profile Image Hover Effect | HTML CSS Tutorial

Account Creation with Basic Validation Part 2 | Figma Design to HTML CSS JS | Vanilla Javascript

Account Creation with Basic Validation Part 2 | Figma Design to HTML CSS JS | Vanilla Javascript

Account Creation with Basic Validation Part 1 | Figma UI Design to HTML CSS JS Tutorial

Account Creation with Basic Validation Part 1 | Figma UI Design to HTML CSS JS Tutorial

Image Gallery from Scratch | CSS Grid & Flexbox | HTML & CSS with Hover Effects

Image Gallery from Scratch | CSS Grid & Flexbox | HTML & CSS with Hover Effects

Sidebar Menu using HTML CSS JS | Figma Design to Code | Expandable Side Navigation Bar Explained

Sidebar Menu using HTML CSS JS | Figma Design to Code | Expandable Side Navigation Bar Explained

Indeterminate Loading Animation | HTML CSS Tutorial

Indeterminate Loading Animation | HTML CSS Tutorial

Animating News Article Cards | CSS Grid & Flexbox

Animating News Article Cards | CSS Grid & Flexbox

Simple Increment and Decrement Counter | Vanilla JavaScript Project Explained

Simple Increment and Decrement Counter | Vanilla JavaScript Project Explained

Figma Smart Animate | Animation Tutorial with Tab Bar

Figma Smart Animate | Animation Tutorial with Tab Bar

Responsive Side Navigation Bar with HTML & CSS | Flexbox Navbar

Responsive Side Navigation Bar with HTML & CSS | Flexbox Navbar

Button Animation with HTML CSS JS | CSS Keyframe Animation

Button Animation with HTML CSS JS | CSS Keyframe Animation

Build Recipe Cards from Scratch | CSS Grid & Flexbox

Build Recipe Cards from Scratch | CSS Grid & Flexbox

Heart SVG Animation | HTML CSS Hover Animation

Heart SVG Animation | HTML CSS Hover Animation

Side Navigation Bar with Hover Effects | Pseudo Elements Tutorial

Side Navigation Bar with Hover Effects | Pseudo Elements Tutorial

Animating Popup Tooltip Only HTML CSS

Animating Popup Tooltip Only HTML CSS

Pseudo Elements with Font Awesome Icons

Pseudo Elements with Font Awesome Icons

Build Blog Article Cards from Scratch | Complete Figma to HTML CSS Tutorial

Build Blog Article Cards from Scratch | Complete Figma to HTML CSS Tutorial

Sign Up Form | Figma to HTML CSS

Sign Up Form | Figma to HTML CSS

Figma UI Design Tutorial | Sign Up Page

Figma UI Design Tutorial | Sign Up Page

Responsive Photo Gallery without media queries

Responsive Photo Gallery without media queries

Figma to HTML CSS | Responsive Get Started Page with Pseudo Elements

Figma to HTML CSS | Responsive Get Started Page with Pseudo Elements

Figma Web Design Tutorial | Figma UI Design

Figma Web Design Tutorial | Figma UI Design

Responsive CSS Grid No Media Queries

Responsive CSS Grid No Media Queries

CSS Animation | Loading Animation with Keyframes

CSS Animation | Loading Animation with Keyframes

Figma to HTML & CSS | Pseudo Elements & Flexbox

Figma to HTML & CSS | Pseudo Elements & Flexbox

Create HTML with JS | createElement()

Create HTML with JS | createElement()

Dark Mode Toggle | HTML CSS JS Tutorial

Dark Mode Toggle | HTML CSS JS Tutorial

Responsive Profile Card with Flexbox

Responsive Profile Card | Figma to HTML & CSS

Custom Switch Full Tutorial | Only HTML & CSS

Custom Switch Full Tutorial | Only HTML & CSS

Flexbox Navbar Tutorial | Only HTML & CSS

Flexbox Navbar Tutorial | Only HTML & CSS

Neumorphism Button | HTML & CSS

Neumorphism Button | HTML & CSS

Hamburger Menu to Close Icon | CSS Animation

Hamburger Menu to Close Icon | CSS Animation

Awesome Button Hover Effect | Only HTML & CSS

Awesome Button Hover Effect | Only HTML & CSS

Incoming Call Animation | CSS Animation Tutorial

Incoming Call Animation | CSS Animation Tutorial

Animated Navigation Bar Tutorial | HTML & CSS

Animated Navigation Bar Tutorial | HTML & CSS

Cool Loading Dots Animation | CSS Tutorial

Cool Loading Dots Animation | CSS Tutorial

Complete Website in HTML & CSS | Responsive CSS Grid, Flexbox & CSS Variables | Sketch to Code

Complete Website in HTML & CSS | Responsive CSS Grid, Flexbox & CSS Variables | Sketch to Code

Page Transitions for App Designs | UX Prototyping Tutorial

Page Transitions for App Designs | UX Prototyping Tutorial

Responsive CSS Grid Tutorial

Responsive CSS Grid Tutorial

Custom Dropdown Menu Animation | Origami Studio Tutorial

Custom Dropdown Menu Animation | Origami Studio Tutorial

CSS Grid Crash Course | Beginners Tutorial

CSS Grid Crash Course | Beginners Tutorial

Figma Tutorial Side Menu

Figma Tutorial Side Menu

Loading Bar CSS Animation Tutorial

Loading Bar CSS Animation Tutorial

Figma Tutorial Overlay

Figma Tutorial Overlay

How to add Google Fonts to your Web Design

How to add Google Fonts to your Web Design

Figma Components Tutorial

Figma Components Tutorial

Create Hover Animations in CSS | HTML & CSS Tutorial

Create Hover Animations in CSS | HTML & CSS Tutorial

Horizontal & Vertical Scrolling | Figma Tutorial

Horizontal & Vertical Scrolling | Figma Tutorial

Loading Dots CSS Animation Tutorial

Loading Dots CSS Animation Tutorial

Exporting assets from Sketch to Zeplin | Zeplin Demo

Exporting assets from Sketch to Zeplin | Zeplin Demo

Nested Symbol Animation | App Interaction Design Tutorial

Nested Symbol Animation | App Interaction Design Tutorial

Nested Symbol Navigation Bar | Sketch Tutorial

Nested Symbol Navigation Bar | Sketch Tutorial

Circular Indeterminate ProgressBar | Android UX Tutorial

Circular Indeterminate ProgressBar | Android UX Tutorial

Android App Interaction Flow | Modal Tutorial

Android App Interaction Flow | Modal Tutorial

Circular Progress Bars | Animation Tutorial

Circular Progress Bars | Animation Tutorial

iOS Loader | App Prototype

iOS Loader | App Prototype

Sidebar Menu Animation | Android Prototyping

Sidebar Menu Animation | Android Prototyping

Horizontal Scrolling | App Carousel Tutorial

Horizontal Scrolling | App Carousel Tutorial

Scrolling Page View | App Design Tutorial

Scrolling Page View | App Design Tutorial

Add Logic to your UX Prototype | Sketch to Origami Tutorial

Add Logic to your UX Prototype | Sketch to Origami Tutorial

Repeating Animation Loop | Origami Studios Tutorial

Repeating Animation Loop | Origami Studios Tutorial

Sketch Symbols Tips | Sketch Tutorial

Sketch Symbols Tips | Sketch Tutorial

Button Hover Tutorial | Origami Studios

Button Hover Tutorial | Origami Studios

Hover Effect | Origami Studios Tutorial

Hover Effect | Origami Studios Tutorial

Introduction to p5.js | JavaScript Tutorial

Introduction to p5.js | JavaScript Tutorial

Intro to Color Styles | Sketch Tutorial

Intro to Color Styles | Sketch Tutorial

Sketch to Origami Tutorial | Interactive UX Prototyping

Sketch to Origami Tutorial | Interactive UX Prototyping

Interactive Buttons | UX Prototyping Tutorial

Interactive Buttons | UX Prototyping Tutorial

How to Create Text Styles | Sketch Tutorial

How to Create Text Styles | Sketch Tutorial

How to Design Input Fields UI | Account Creation Tutorial

How to Design Input Fields UI | Account Creation Tutorial

Nested Symbols | Sketch Tutorial

Nested Symbols | Sketch Tutorial

Create & Organize Complex Symbols | Sketch Table Tutorial

Create & Organize Complex Symbols | Sketch Table Tutorial

Intro to Sketch for Beginners | Tutorial for Sketch Basics

Intro to Sketch for Beginners | Tutorial for Sketch Basics

Zeplin Tutorial | Sketch to Zeplin Workflow

Zeplin Tutorial | Sketch to Zeplin Workflow

Origami Studio Intro Tutorial

Origami Studio Intro Tutorial

Open Style Lab - Xian

Open Style Lab - Xian

TOXO Prototype 3

TOXO Prototype 3

TOXO Prototype 1 & 2

TOXO Prototype 1 & 2

Thin Ice - Game Play

Thin Ice - Game Play

Sound Visualization

Sound Visualization

The Ragdoll

The Ragdoll

Making a Photograph - 3D Animation

Making a Photograph - 3D Animation