- 91
- 77 610
UI UNIVERSITY
India
เข้าร่วมเมื่อ 13 เม.ย. 2023
Welcome to UI University!! This channel is for learning and mastering UI Design and Development.
UI Design Tutorial :
📅 Monday, Wednesday and Friday.
UI Development Tutorial :
📅 Tuesday, Thursday and Saturday.
ROAD TO 10K SUBSCRIBERS ❤️ SUBSCRIBE OUR CHANNEL
For Enquiry : jeejucoding@gmail.com
UI Design Tutorial :
📅 Monday, Wednesday and Friday.
UI Development Tutorial :
📅 Tuesday, Thursday and Saturday.
ROAD TO 10K SUBSCRIBERS ❤️ SUBSCRIBE OUR CHANNEL
For Enquiry : jeejucoding@gmail.com
Design a Modern Portfolio Website in Figma | Step-by-Step Tutorial
In this tutorial, we'll walk you through the process of designing a sleek and modern portfolio website using Figma. From setting up your workspace to creating eye-catching layouts and interactive prototypes, you'll learn essential design techniques and best practices. Whether you're a beginner or looking to refine your skills, this step-by-step guide will help you build a stunning portfolio that stands out. Follow along and transform your design ideas into a professional, visually appealing website!
Figma link : www.figma.com/design/mi5vt38r7KwxFpA6NmCLjZ/portfolio?node-id=0-1&t=TsdbvaZc2HhdPs5e-0
#figmadesign
#portfoliodesign
#webdesign
#uiux
#designtutorial
#figmatutorial
#moderndesign
#webdesigninspiration
#uxdesign
#graphicdesign
#figmacommunity
#designprocess
#creativedesign
#webdevelopment
#designtips
Figma link : www.figma.com/design/mi5vt38r7KwxFpA6NmCLjZ/portfolio?node-id=0-1&t=TsdbvaZc2HhdPs5e-0
#figmadesign
#portfoliodesign
#webdesign
#uiux
#designtutorial
#figmatutorial
#moderndesign
#webdesigninspiration
#uxdesign
#graphicdesign
#figmacommunity
#designprocess
#creativedesign
#webdevelopment
#designtips
มุมมอง: 97
วีดีโอ
Building a Creative Agency Website with HTML, CSS & jQuery: Step-by-Step Guide
มุมมอง 9014 วันที่ผ่านมา
🚀 Learn how to design and develop a professional Creative Agency website using HTML, CSS, and jQuery! In this step-by-step tutorial, we'll walk you through the entire process, from setting up your project to adding interactive elements with jQuery. Whether you're a beginner or looking to sharpen your web development skills, this video is perfect for you. 🔍 What You'll Learn: Structuring your we...
Figma Tutorial: Build a Professional Photography Website from Scratch
มุมมอง 2.2K14 วันที่ผ่านมา
In this tutorial, I'll guide you through the process of designing a stunning photography website from scratch using Figma. Whether you're a beginner or an experienced designer, this step-by-step guide will help you create a professional and visually appealing website to showcase your photography portfolio. Figma File : www.figma.com/design/RTVh0R8ScrjWhcCDlZJZfG/Photography-Website?node-id=0-1&...
Create Modern Website UI Design From Scratch In Figma | Full Website UI Design in Figma
มุมมอง 1.1K21 วันที่ผ่านมา
Welcome to our comprehensive tutorial on designing a modern website UI from scratch using Figma! Whether you're a beginner looking to get started or an experienced designer aiming to refine your skills, this video has something for everyone. Figma Link : www.figma.com/design/JEvGMLUALWI2hFYRtIBRcX/Creative-Agency?m=auto&t=yM0uSKPpkZoKiSt4-6 #figma #uidesign #webdesign #modernui #figmatutorial #...
Figma Pet Shop UI Design: Easy and Effective Techniques
มุมมอง 58028 วันที่ผ่านมา
Welcome to our in-depth tutorial on designing a stunning Pet Shop UI in Figma! Whether you're a beginner or an experienced designer, this video will guide you through the entire process of creating a beautiful and functional user interface for a pet shop application. Figma File : www.figma.com/design/wbssWf2otyYk7kpMzvSc6p/DOG-Website?m=auto&t=G2Q882JOt1gPGz7N-6 #uidesign #figma #petshopdesign ...
Figma Design Tutorial: Build a Modern Education Website
มุมมอง 492หลายเดือนก่อน
Welcome to our in-depth tutorial on designing a modern education website in Figma! In this video, we will take you through the entire design process, from initial wireframes to a polished, responsive website. Perfect for both beginners and experienced designers looking to enhance their skills. Figma Link : www.figma.com/design/Qz39enS6lKJ5tGaV6y99Uc/Education-Website?node-id=0-1&t=lcBglGk0rXCKZ...
Master Slider Animations: A Step-by-Step Guide for Beginners Using HTML CSS JS
มุมมอง 111หลายเดือนก่อน
🎨 Master Slider Animations: A Step-by-Step Guide for Beginners Using HTML, CSS, and JavaScript 🎨 Welcome to this comprehensive tutorial where we dive into the art of creating stunning slider animations using HTML, CSS, and JavaScript! Whether you're a complete beginner or just looking to sharpen your web design skills, this video will guide you through every step of the process. In This Video, ...
How to Build a Stunning GTA Website Using HTML & CSS || Theme Website Tutorial for Beginners
มุมมอง 278หลายเดือนก่อน
🚀 Welcome to UI UNIVERSITY! 🚀 In this tutorial, we dive into the exciting world of web development by creating a GTA-themed website from scratch using only HTML and CSS. Whether you’re a complete beginner or looking to sharpen your skills, this video will guide you through every step of the process to help you design a sleek and professional GTA-inspired site. 🌟 What You’ll Learn: How to set up...
Figma Tutorial: How to Expand Your Design Gallery
มุมมอง 58หลายเดือนก่อน
Learn how to expand your gallery in Figma with this easy step-by-step tutorial! Whether you need more space for your designs or want to organize your projects better, this guide will show you how. Figma File : www.figma.com/design/MHDV4vyGqwNOGYHrOBWvQ5/Ben10-Design?node-id=0-1&t=eH0L5FRzlHfypdyo-1 #figma #figmatutorial #graphicdesign #designinspiration #uiux #uxdesign #uidesign #designworkflow...
Figma Design Tutorial: Pet Website UI/UX
มุมมอง 317หลายเดือนก่อน
Welcome to our comprehensive tutorial on designing a stunning pet website using Figma! Whether you're a beginner or an experienced designer, this video will guide you through each step of the process, ensuring you create a beautiful and functional website for pet lovers. Figma link : www.figma.com/design/77GY2OpyKBN5hT60ofSyi9/Pets-website?node-id=0-1&t=TIfFsnDQPqB0Mc10-1 #figma #webdesign #pet...
Create Stunning Product Animations with Figma
มุมมอง 165หลายเดือนก่อน
Welcome to our comprehensive tutorial on creating stunning product animations using Figma! Whether you're a beginner or a seasoned designer, this video will walk you through the process of bringing your designs to life with smooth, professional animations. Figma Source File : www.figma.com/design/Fe8bmXNF8hI6zcX5HTZTZc/Airpods-Design?t=8Qdy1sLSAxw5YaZP-1 #figmaanimation #productanimation #figma...
How to Animate Your Personal Portfolio in Figma
มุมมอง 713หลายเดือนก่อน
Welcome back to my channel! In this video, I'll guide you through the process of creating a stunning personal portfolio using Figma, complete with dynamic animations. This tutorial is perfect for designers and creatives looking to showcase their work in a professional and engaging way. Figma Source File : www.figma.com/design/adjX1jnxBXnVcEN4HtStaT/Personal-Portfolio?m=auto&t=35R0tdDgzxfM2G0V-6...
Text Animation in Figma: Easy Rolling Effect Tutorial
มุมมอง 1212 หลายเดือนก่อน
Welcome to UI UNIVERSITY! In this quick tutorial, learn how to create a captivating text rolling animation in Figma in just 6 minutes. Whether you're a beginner or an experienced designer, this technique will add dynamic flair to your projects. #figmaanimation #textanimation #designtutorials #motiongraphics #graphicdesign #figmatips #digitaldesign #animationtutorials #uiuxdesign #rolling Figma ...
How To Create A Vertical Slider Effects Using HTML CSS And JavaScript
มุมมอง 7752 หลายเดือนก่อน
Welcome to our tutorial on creating a stunning slider with crazy effects using HTML, CSS, and JavaScript! In this video, we'll guide you step-by-step through the process of building an eye-catching slider that will enhance any website. Whether you're a beginner or an experienced developer, you'll find this tutorial easy to follow and packed with useful tips and tricks. What you'll learn: Settin...
UX/UI Design Tutorial in Figma - Design Modern Website from Scratch
มุมมอง 1.1K2 หลายเดือนก่อน
Welcome to our comprehensive tutorial where you'll learn how to design a modern website from scratch using Figma! Whether you're a beginner or looking to sharpen your design skills, this step-by-step guide is perfect for you. 🌟 In this video, you'll learn: 1. Introduction to UX/UI Design 2. Setting up your workspace in Figma 3. Creating wireframes and prototypes 4. Designing visually appealing ...
Responsive Contact Form Using HTML & CSS
มุมมอง 4562 หลายเดือนก่อน
Responsive Contact Form Using HTML & CSS
How To Create 3D Banner Section Using Figma 😨!
มุมมอง 1242 หลายเดือนก่อน
How To Create 3D Banner Section Using Figma 😨!
How To Make A Website Header Using HTML And CSS Step By Step | Web Design In HTML & CSS
มุมมอง 1102 หลายเดือนก่อน
How To Make A Website Header Using HTML And CSS Step By Step | Web Design In HTML & CSS
Figma Parallax Effect: A Complete Tutorial for Designers
มุมมอง 1092 หลายเดือนก่อน
Figma Parallax Effect: A Complete Tutorial for Designers
How To Make Animated Website Design Using HTML And CSS Step By Step
มุมมอง 1852 หลายเดือนก่อน
How To Make Animated Website Design Using HTML And CSS Step By Step
Image Slider Tutorial: Easy Steps for Beginners to Create Stunning Slideshows | Donuts Slider🍩
มุมมอง 602 หลายเดือนก่อน
Image Slider Tutorial: Easy Steps for Beginners to Create Stunning Slideshows | Donuts Slider🍩
3D infinite Image Slider using CSS | No JavaScript
มุมมอง 1052 หลายเดือนก่อน
3D infinite Image Slider using CSS | No JavaScript
How To Design CSS Filter Card Effect Using Html and CSS | No JavaScript
มุมมอง 702 หลายเดือนก่อน
How To Design CSS Filter Card Effect Using Html and CSS | No JavaScript
Designing Stunning Image Carousels in Figma: A Complete Guide
มุมมอง 812 หลายเดือนก่อน
Designing Stunning Image Carousels in Figma: A Complete Guide
How To Make Login & Registration Form Using HTML And CSS & JS Step By Step
มุมมอง 8302 หลายเดือนก่อน
How To Make Login & Registration Form Using HTML And CSS & JS Step By Step
Create a Stunning Website Slider UI with Interactive Prototypes | Figma
มุมมอง 6293 หลายเดือนก่อน
Create a Stunning Website Slider UI with Interactive Prototypes | Figma
How To Make A Portfolio Website Using HTML CSS JS | Complete Responsive Website Design🎨
มุมมอง 893 หลายเดือนก่อน
How To Make A Portfolio Website Using HTML CSS JS | Complete Responsive Website Design🎨
Creating Stunning Image Comparison Slider in Figma: Step-by-Step Guide!
มุมมอง 1163 หลายเดือนก่อน
Creating Stunning Image Comparison Slider in Figma: Step-by-Step Guide!
Creating Responsive Website || Responsive Nav Bar || Web Development Project Part-1
มุมมอง 693 หลายเดือนก่อน
Creating Responsive Website || Responsive Nav Bar || Web Development Project Part-1
How to Create a Modern Responsive Website: Step-by-Step Tutorial for Beginners || Part - 2
มุมมอง 973 หลายเดือนก่อน
How to Create a Modern Responsive Website: Step-by-Step Tutorial for Beginners || Part - 2
Thanks
Goooooood
It-lll Be Good If You Made It Responsive
Sure!! Stay Tuned😊
Excellent. It would be nice to see in the next video how to code this page. Thank you.
Thanks a lot❤.. Stay tuned for upcoming vedio
i want to use this in a react app but jsQuery.js is giving errors please solve issue
@@santushtmatra2631 okay I will help.. what error showing here?
how did you add poppin font ?
@@todayanalysis4355 we are using Google Fonts
good work bro
@@todayanalysis4355 thank you 😊
Why you Don't Use Grid System ??
@@user-rt6hm5sm5r because flex 💪 also same system that's why I am not using grid.. flex is very easy for responsive code
code source please
@@KomiigorEpou please check description box please open GitHub
This is not mobile responsive.
@@miracle_chuks yes, it's only for windows
your designs are really creative, keep posting dude
Thank you so much 😀
Give all images and PNG bro
www.figma.com/design/77GY2OpyKBN5hT60ofSyi9/Pets-website?m=auto&t=p361C4VWAIOWQnNJ-6 plz check this figma link bro!
Nice work sir 👏 Bur the js Query isn't working 😢 And that's all that's remaining 😢😞
Let me check
@@uiuniversity thank you sir 🙏
Me too
u overuse the flexbox brother,
Yes That's Easy to make design
Great work, we need more
Sure😍!! Thank a lotz
Actually im confused ... Can we use this whole for a website ... And if we can can you please guide me a little
Yes ofcourse! you can use this design for a website. Which section u can't understand?
Bro jeeju coding vala font family konsa he please muje chaiye vo btado
Jeeju Coding is a logo of this design. "Jeejucoding" Font family is Montserrat classic.
Thank you ❤
You're welcome 😊
Bro it's not working, I followed what you exactly did in the video, and I also checked the comments here and went to your github for jQuery.. why is still not working? Please reply TT I really need it rn. Thanks!
dear I will get back to you soon. wait for my response 👍
Let me check
❤
❤️✌️
Thanks so much bro❤❤❤❤
Welcome 😊
🤩💥🔥
🤩❤️
Wonderful ❤
Thank you ✨❤
Wonderful ❤
❤️
please post more ui design videos
okay 👍
Nice work bro, i hope one day ill be able to code like this amazing slide by my self, keep up the good work.
Thanks a lot bro❤️ Definitely u will be able to code like this..🙌
good work
Thank You
Awesome work bro ❤❤
Thank you so much bro❤️
Coder : 🗡.. 😂
Developer : 🙆🏻♂
Cool
😎✌️
@@uiuniversity bro create for me creative responsive said with burger menu html and CSS online i don't know js . Please please please . You are cool
Bro plz guide me how to find HD quality images
Bro Please check description here is file source file link and there u will get these all images.. Thank you
@@uiuniversity Thanks, bro and also create a full course about UI design
Woahhh 😍
Thank You
the javascript has some errors i think. could you please look into it, since the animations are dependant on it
Okay sure!! i will check
I wanna follow along, where do I get the vegetable pictures?
Please check the description. The Figma source file is there. Happy Designing
It was incredible! Congratulations.
Thank you so much!
can you show how to turn the photos into a link please ??? I tried but didnt work... btw great job !!!
I think you can do this by selecting the photo using javascript or jquery and adding an event listener which redirects to the link upon clicking the photo
Awesome work bro ❤❤
Thank you so much 😀 Stay Connected!!!
Is responsive website
Not Responsive, But If you need very easy to make this website to responsive!
Hello. I put all the code and the images don't rotate. Greetings!!!
Which part?
@@uiuniversity Hello. Thank you very much for worrying. I tell you that when I write "active" in image 4, it enlarges and occupies almost the entire width of the screen. Another thing, when I click on the photos, they don't rotate. They don't move at all, with "active", or without "active". Greetings.
Mine too dosnt respond to click@@horaciomanuliwd
The jQuery dosent work to me.. i did every thing you did... can you explain more how to active this ?@@uiuniversity
how can i add jQuery.js file?
Go to goggle and type jQuery download
awesome work bro
Thanks ✌️
Can you post a photo file?❤
Please Check GitHub Repo
Fabulous❤
bro you not full video uplord the java script
its not work all work but second image not big in click effect why
may be you have not created jQuery.js file.
its not work
Can you please check GitHub repo.
Useful content☺
Thank you 🙂
Very nice tutorial on creating various navigation bar designs. Thank you for sharing. The github link to the 10header repository indicates "This repository is empty." Would appreciate you adding the source code for the various navbar designs.
Thank you so much for your support! Let me check
Please Check Now
Thank you.