Illustration Style Website - Speed Design and Code ( HTML & CSS )
Illustration Style Website - Responsive Speed Design and Code
Hey Guys! I just want to say a huge thank you to all of you that's subscribed to my channel, we just hit 100 subscribers! I plan on continuing to provide variety content on my channel focusing on Web design, Ui/Ux and front-end developement! I appreciate the support and Let's try to hit a 1000 subs this year! That'd be awesome! Once again - Thanks everyone for the support. :D
Today i have a speed design and code video for you guys for an Analytics Company. This website is created using Flat style illustrations, This is my first time doing a speed design + code - Took me about ~2 - 2.5 hrs to complete this. I hope you like this speed art to code video, have a great day and I'll see you in the next one!
This is not the most efficient way of coding, and i may have repeated a few lines in some classes by mistake - but it get's the job done for now :D. And i have added the responsive part for mobile - if you would like to have it responsive for mid size screens, use the same process and change the layout to your liking. To follow my code use 0.25 speed. Enjoy! Please like and share this video if you enjoyed it - and don't forget to hit subscribe - I post new videos every week! :)
#speedcode #uidesign #designmedium
Source Code: https://github.com/TheDesignMedium/illustration-style-website
Subscribe: https://www.youtube.com/channel/UCz-1_EkgB8In_DsS2hYaeWw?view_as=subscriber?sub_confirmation=1
Social:
Dribbble: https://dribbble.com/TheDesignMedium
Instagram: https://www.instagram.com/thedesignmedium/
Illustrations used from : https://undraw.co/illustrations
They have some really sweet Illustrations - and is completely free to use for personal and commercial projects! I recommend checking it out for your design projects!
Software used:
Design: Adobe XD
Code : Visual Studio Code
Music provided by NCS:
Track: floatinurboat - Spirit of Things [NCS Release]
https://www.youtube.com/watch?v=LY1ik-Do_MU
-----------------------------
Track: Floatinurboat x Chris Linton - Holding On [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/X5n9OwR6taQ
Free Download / Stream: http://ncs.io/HoldingOnYO
--------------------------------
Song: Ship Wrek, Zookeepers & Trauzers - Vessel [NCS Release]
Watch: https://youtu.be/PXf4rkguwDI
Download/Stream: http://ncs.io/VesselCr
Видео Illustration Style Website - Speed Design and Code ( HTML & CSS ) канала Design Medium
Hey Guys! I just want to say a huge thank you to all of you that's subscribed to my channel, we just hit 100 subscribers! I plan on continuing to provide variety content on my channel focusing on Web design, Ui/Ux and front-end developement! I appreciate the support and Let's try to hit a 1000 subs this year! That'd be awesome! Once again - Thanks everyone for the support. :D
Today i have a speed design and code video for you guys for an Analytics Company. This website is created using Flat style illustrations, This is my first time doing a speed design + code - Took me about ~2 - 2.5 hrs to complete this. I hope you like this speed art to code video, have a great day and I'll see you in the next one!
This is not the most efficient way of coding, and i may have repeated a few lines in some classes by mistake - but it get's the job done for now :D. And i have added the responsive part for mobile - if you would like to have it responsive for mid size screens, use the same process and change the layout to your liking. To follow my code use 0.25 speed. Enjoy! Please like and share this video if you enjoyed it - and don't forget to hit subscribe - I post new videos every week! :)
#speedcode #uidesign #designmedium
Source Code: https://github.com/TheDesignMedium/illustration-style-website
Subscribe: https://www.youtube.com/channel/UCz-1_EkgB8In_DsS2hYaeWw?view_as=subscriber?sub_confirmation=1
Social:
Dribbble: https://dribbble.com/TheDesignMedium
Instagram: https://www.instagram.com/thedesignmedium/
Illustrations used from : https://undraw.co/illustrations
They have some really sweet Illustrations - and is completely free to use for personal and commercial projects! I recommend checking it out for your design projects!
Software used:
Design: Adobe XD
Code : Visual Studio Code
Music provided by NCS:
Track: floatinurboat - Spirit of Things [NCS Release]
https://www.youtube.com/watch?v=LY1ik-Do_MU
-----------------------------
Track: Floatinurboat x Chris Linton - Holding On [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/X5n9OwR6taQ
Free Download / Stream: http://ncs.io/HoldingOnYO
--------------------------------
Song: Ship Wrek, Zookeepers & Trauzers - Vessel [NCS Release]
Watch: https://youtu.be/PXf4rkguwDI
Download/Stream: http://ncs.io/VesselCr
Видео Illustration Style Website - Speed Design and Code ( HTML & CSS ) канала Design Medium
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
AWESOME PARALLAX CAROUSEL | Adobe XD TutorialParallax Animation Tutorial using HTML | CSS | RellaxJSAnimated Website using Parallax.js and GSAP (HTML & CSS)Website UI Prototype Animation in Adobe XD - Beats Web RedesignFinance App UI in React NativeParallax Travel Website UI Design and Prototyping in Adobe XD [Speed Process]Responsive Portfolio Website Tutorial | HTML and CSSResponsive Website Design with scroll animations | HTML and CSS TutorialWeb UI Design - Parallax Animation Tutorial | Adobe XDTravel App UI in React NativePortfolio Website Design in Adobe XD | Speed ArtAdobe XD Design and Prototype TutorialTravel App UI Design in Adobe XDShared Element Transitions with React Navigation 5 | Blog AppBeats Website Redesign in Adobe XD | TutorialPhotographer Portfolio Landing Page UI Design | Adobe XD Speed ArtWeb UI Design with a Parallax Slider | Adobe XDMovie Streaming App UI in React NativeWebsite Landing Page UI Design in Adobe XD | Speed Process