ASMR Programming - Portfolio Card Design - No Talking
Welcome to AsmrProg! 🚀 In this comprehensive tutorial, we dive deep into the art of crafting stunning Card UI designs using the dynamic trio of HTML, CSS, and JavaScript. Whether you're a beginner looking to elevate your web development skills or a seasoned pro seeking new techniques, this video has something for everyone.
🔍 What You'll Learn:
The fundamental structure of Card UI components
Crafting visually appealing designs with CSS styling
Implementing interactive features with JavaScript
Responsive design principles for seamless adaptation across devices
Best practices for optimizing performance and accessibility
💡 Why Card UI Matters:
Card-based layouts have become a cornerstone of modern web design, offering a versatile solution for presenting content in an engaging and organized manner. From social media feeds to e-commerce product listings, mastering the art of Card UI design opens doors to creating dynamic and user-friendly interfaces.
🛠️ Tools Used:
HTML: Building the foundation of our Card UI structure
CSS: Styling to add aesthetic appeal and enhance user experience
JavaScript: Adding interactivity and functionality to our cards
Source Code : https://github.com/AsmrProg-YT/Modern...
Responsive Portfolio Designs Playlist : • Responsive Personal Portfolios Coding
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript Coding
Keyboard Info : Skyloong GK61 Pro
Keyboard Link : https://skyloongtech.com/skyloong-gk6...
Skyloong Instagram : / skyloong_official
Email : [email protected]
Facebook : / skyloongvip
Youtube : / @skyloong
Web Design Coding Bootcamp Playlist : • ASMR Web Design Bootcamp
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
Video Contents :
00:00 - Intro
00:35 - Warming hands
00:40 - Main codes
01:03 - Adding icons
01:25 - Adding fonts
01:47 - Header
03:20 - Main styles
05:37 - Header styles
08:50 - About
10:45 - About styles
13:31 - Tabs container
14:34 - Tabs container styles
18:25 - Tabs content
22:32 - Content styles
26:13 - JS codes
28:18 - Comments styles
31:06 - Final Result
Asmr Game Coding Playlist : • JavaScript Game Coding
Other Video's :
Coding IOS (Iphone) Calendar : • ASMR Programming - Coding IOS (Iphone...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Coding IOS (IPhone...
Coding a Snake Game : • ASMR Programming - Coding a Snake Gam...
Movie Guide App Coding : • ASMR Programming - Movie Guide App Wi...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Coding IOS (IPhone...
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
Смотрите видео ASMR Programming - Portfolio Card Design - No Talking онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь AsmrProg 14 Март 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 21,45 раз и оно понравилось 69 людям.