filmov
tv
How to code a Dribbble Design from Image to HTML/CSS
Показать описание
Hey! In this video we try to create an interface design based on an image found on Dribbble using plain vanilla CSS & HTML.
RELATED LINKS:
TIMESTAMPS:
0:00 Intro
0:20 Inspiration
1:20 Adding the screens
4:00 Starting Screen One
20:20 Starting Screen Two
36:00 Summary
37:21 Part Two
37:57 Colour Picker
38:13 Finished UI
39:01 Cat
39:30 Screen Two Explained
40:15 Scroll Box
44:37 Absolute & Relative
45:00 Final Thoughts
MY ONLINE COURSE:
** Join my community on Skillshare by starting any of my classes or following my profile for the latest classes & updates, this is also the best place to get more in-depth content & development support **
FIND ME ONLINE:
MY MINIMAL SETUP:
RELATED LINKS:
TIMESTAMPS:
0:00 Intro
0:20 Inspiration
1:20 Adding the screens
4:00 Starting Screen One
20:20 Starting Screen Two
36:00 Summary
37:21 Part Two
37:57 Colour Picker
38:13 Finished UI
39:01 Cat
39:30 Screen Two Explained
40:15 Scroll Box
44:37 Absolute & Relative
45:00 Final Thoughts
MY ONLINE COURSE:
** Join my community on Skillshare by starting any of my classes or following my profile for the latest classes & updates, this is also the best place to get more in-depth content & development support **
FIND ME ONLINE:
MY MINIMAL SETUP:
0:46:25
How to code a Dribbble Design from Image to HTML/CSS
0:08:43
From Dribbble to Code: How to Convert Design to HTML & CSS Tutorial
0:38:41
👨🏽💻 Let's clone a dribbble design using FLUTTER ♡
0:04:33
Remaking a Dribbble Design (Speed Coding) | SwiftUI, Xcode
0:14:04
Coding a Dribbble Design || Supreme Burger Web Design || Html, CSS and JavaScript
0:19:17
From Dribbble to Code #1
0:27:31
Code A Dribbble Design #2: Coding up the page [HTML, CSS & Bootstrap]
0:28:19
Code A Dribbble Design #1: Planning and creating the building blocks [HTML, CSS & Bootstrap]
0:46:50
Make FullStack Dribble Clone Using NextJs | Part - 7 🔥 (Image Component)
0:05:42
Invest more | Dribbble shot to code - Speed coding #1
0:11:05
5 levels of UI skill. Only 4+ gets you hired.
0:43:34
#1 - Recreating Dribbble shots from scratch with HTML/CSS
0:26:00
Dribbble Design to Flutter App: Part 1
0:14:10
Full Page Website Scroll Animation for Dribbble
0:15:27
Dribbble design to HTML 5 in 15 minutes (For beginners)
0:19:10
Create a Dribbble-Like Swiping Animation with HTML & CSS
0:32:28
Dribbble Coding Series Two/Frontend Dev Demo [HTML, SCSS, Node, Figma]: Ep 1
0:10:54
Code A Dribbble Design #3: Finishing up the project [HTML, CSS & Bootstrap]
0:00:42
How to make better #dribbble shots by keeping your main thumbnail simple #visualdesign
0:09:14
Animate your Figma designs in mins for Dribbble (Jittter)
0:12:23
BEHIND THE CODE: The one who started Dribbble with 50 T-shirts
0:01:01
React Responsive Navbar - Dribbble Navbar Clone
0:06:15
Dribble vs Behance | Which one is right for you?
0:00:25
Remaking this dribbble design #shorts #swiftui #xcode
Комментарии