Тёмный
Jesse Showalter
Jesse Showalter
Jesse Showalter
Подписаться
Jesse Showalter shares Digital Design & Web Development videos each week focusing on tools, techniques, projects, and more to help creative people make amazing things. If you're an aspiring Web Designer, UI Designer, or Front-End Developer who is interested in creating awesome things in pixels and code, make sure to subscribe for helpful training videos.

The channel focuses on topics such as web design and development including but not limited to HTML, CSS, Sass, Javascript, Design Principles, User Experience, Interface Design, MODX, Open Source Stuff and more. Please subscribe and say hi in the comments so we can all be a happy internet family.
Framer 3D Transforms
10:10
Месяц назад
Design with CSS Grid Layout
15:05
Месяц назад
My Design Tech Stack
9:38
Месяц назад
Master Spacing in UI Design 💪
10:23
Месяц назад
Learn Bubble.io in 30 Minutes
28:45
2 месяца назад
Framer Crash Course
34:49
2 месяца назад
Amateur vs Pro UI Design | with examples
20:46
2 месяца назад
How to Master Figma and Design 10X FASTER!
12:10
3 месяца назад
Figma Dev Mode 🤯
14:26
3 месяца назад
This is The Future of Design | Dan Mall
4:10
4 месяца назад
AI tools for UI Designers 🛠
8:57
4 месяца назад
Building a Design System w/Dan Mall
4:28
4 месяца назад
Do We Need a Design System? Dan Mall
3:52
4 месяца назад
Web & UI Design Trends for 2024
10:17
5 месяцев назад
Color Theory in UI Design
13:21
5 месяцев назад
Building Responsive UI Components in Figma
24:01
5 месяцев назад
Feedback and Bug Reports with Jam
4:56
5 месяцев назад
Sitemaps for Websites with Octopus.do
9:49
6 месяцев назад
Relume AI Website Builder | $3,000 an hour
19:59
7 месяцев назад
Комментарии
@moazelsawaf2000
@moazelsawaf2000 5 часов назад
Thank you so much ❤
@barrybadr1nath557
@barrybadr1nath557 6 часов назад
Are you using the free version or one with the payment option? With the free plan, you cannot keep up with everything you’re teaching.
@ThuanSuBa
@ThuanSuBa 6 часов назад
Really cool video, hope I can find it sooner!! __ Summary by AskTube Chrome extension (BETA) The 60 30 10 Rule: A Guideline for Balanced Color Use in Mobile UI Design. Learn how to use color effectively in your mobile UI design projects, creating a mature, seamless, and non-distracting user experience. This video explores the 60 30 10 rule, a guideline for balancing color usage in UI design, and provides examples of its application. Introduction to the 60 30 10 Rule 📊 00:00 The 60 30 10 rule is a guideline for using color in mobile UI design, ensuring a mature, seamless, and non-distracting user experience. Understand how to use color effectively in your UI design projects. Understanding the 60 30 10 Rule 📝 01:27 The 60 30 10 rule consists of three blocks of color: 60% neutral or base color, 30% primary or secondary color, and 10% call-to-action color. Applying the 60 30 10 Rule in UI Design 🎨 02:46 A design example demonstrates how the 60 30 10 rule can improve the color usage in a UI design, creating a more mature and seamless design. Real-World Examples of the 60 30 10 Rule 📈 03:52 Explore various examples of the 60 30 10 rule in action, showcasing different design approaches and color palettes. Breaking the Rule and Creating Beautiful Designs 🎯 04:32 Discover how designers can creatively break the 60 30 10 rule to create unique and visually appealing designs. Conclusion and Final Thoughts 🙏 05:55 Recap the importance of balanced color usage in mobile UI design and the relevance of the 60 30 10 rule in creating a seamless user experience.
@AE_804
@AE_804 День назад
Who watch this video in 2024 like👇
@blacklightentertainment758
@blacklightentertainment758 День назад
Naa bro your content is just amazing, it’s like you personally want the best for us❤
@3litepker
@3litepker 2 дня назад
Tried the first two so far and they suck. They're super superficial and basic designs even when you specify exactly what you want.
@BrooksMorrow-gm8hj
@BrooksMorrow-gm8hj 2 дня назад
Thank you for creating the video - likes Unequivocally !!!!
@gabrielceslov3618
@gabrielceslov3618 2 дня назад
So many steps just to build something so simple. I understand Flash was propriety software, but I could have done all this in Flash in less than half hour. Including the animation and music.
@sc2419
@sc2419 3 дня назад
Only thing I hate about Framer, is the localization pricing ... outrageous!
@ashokseebaruth
@ashokseebaruth 3 дня назад
💯
@JosephDicdican
@JosephDicdican 3 дня назад
Kudos to this great content, it is straight to the point, easy to understand. And gives good practices specially on the CSS Flexbox. Totally agree on that! 🍻
@kishorekumar8216
@kishorekumar8216 4 дня назад
thanks for providing a clear explanation of components jesse. lots of love from India ❤
@ysnerbdj
@ysnerbdj 4 дня назад
Why I don't have constrains
@user-gt7kb9kp3j
@user-gt7kb9kp3j 4 дня назад
Eisai ligo baklavas
@AJ-vy4yu
@AJ-vy4yu 4 дня назад
Nitpick: the intro song is too loud or your voice is too low volume. My ears went boom. But other than that great video😀
@white_men_sek4878
@white_men_sek4878 4 дня назад
comming from designing UI/UX for games as a game designer, your videos provide good tips and tricks how to handle or watch for in general for UI/UX topics
@UnleashTheCharge
@UnleashTheCharge 4 дня назад
From which website every ui ux designer get their needed materials in best pixels
@Freddyfoxburg
@Freddyfoxburg 4 дня назад
May be this helps for your perfect font pairings : Cottorway pro with Open sans, Quinn display font with any sanserif.
@Aestheticdesignz
@Aestheticdesignz 4 дня назад
Is there any figma plug-in? Like figma to webflow!...?
@aouadicharaf1038
@aouadicharaf1038 5 дней назад
❤❤❤
@millidesignux
@millidesignux 5 дней назад
Thank you for such a great tutorial and for showing us how to create our own sections from scratch! Massively helpful for understanding how to make your designs responsive and I managed to follow along and complete everything myself 😊Only part I couldn't replicate was the 3D scroll at the end, when I entered 15 in the X area, I don't see a 3D effect on my image, it just scales up and down? But this was so so helpful though as a complete beginner and thank you very much again! 🙏🏼
@millidesignux
@millidesignux 5 дней назад
Also when I try to expand my nav bar on mobile/desktop versions, it appears as a scrollable container, not just part of the page, how can I fix this? Thanks! 🙏🏼
@SamiraSattarSimin
@SamiraSattarSimin 5 дней назад
thank you so much..this was really helpful. All this time my spacing was messed up
@lienchase2301
@lienchase2301 5 дней назад
How to Penpot a website to Webflow? I am trying out Penpot until realizing it doesn't seem to be integrated with any other apps.
@daveo_123
@daveo_123 6 дней назад
I’ve been doing some bubble dev and I wish I watched this before starting. As someone without web design experience I learned this as I went with a lot of rework. This was a great foundation
@Ocean_ofthoughts
@Ocean_ofthoughts 6 дней назад
Can we use this color rule in Reports, social media posts, or other places?
@JesseShowalter
@JesseShowalter 6 дней назад
Can be used as a general Rule of thumb in most places
@SenseiVraj
@SenseiVraj 6 дней назад
Nicely done work bro I loved it please make full video on it to understand full Framer.
@JesseShowalter
@JesseShowalter 6 дней назад
I’m doing a full 6 part live series soon, stay tuned
@mhe311324
@mhe311324 6 дней назад
Does Superhuman take an existing email like outlook and integrate to respond etc. as it was still located in outlook.
@mimkaf7
@mimkaf7 7 дней назад
The best explanation of auto layout I’ve seen in youtube👌🏼
@JesseShowalter
@JesseShowalter 6 дней назад
Wow, thanks!
@bane00147
@bane00147 7 дней назад
hi good morning how can i use relume to copy an entire website and make some changes where i see fit ?
@anathomas6504
@anathomas6504 7 дней назад
This man is forever hustling. I’m working towards gaining the confidence I need to be like him. He’s an inspiration to a long term unemployed, career switcher. ❤ his course is amazing btw guys.
@ekoflexofficial3903
@ekoflexofficial3903 7 дней назад
i like your video but i HATE your thumbnail. i just hate it. why do you need to do a crazy face to make people click? Your content is great you don't need to do this. look the face of the guy from framer university (ie: Framer Trick: Convert 2D Elements into Interactive 3D): just a normal and a honest face look. very sorry for the comment but you don't need this clickbait face. Thanks for your content anyway.
@JesseShowalter
@JesseShowalter 3 дня назад
Thanks for the feedback 😊
@PrasunOnYoutube
@PrasunOnYoutube 8 дней назад
Can you do a similar video of choosing ui colours for light and dark mode
@LWHITEBMG
@LWHITEBMG 8 дней назад
Hey Jesse! Please reply lol I would appreciate the clarity. I love your content, as a new UX designer I've improved tremendously since watching your videos. I have a question regarding Framer, can I design, build a website and transfer a website all within framer? Or do I have to use figma first then transfer it over to Webflow then Framer?
@JesseShowalter
@JesseShowalter 6 дней назад
Framer is a self contained platform. You can love from Figma to Framer or just design and develop straight in Framer
@jswanson859
@jswanson859 8 дней назад
Good information. Thanks for sharing. I have a question and maybe an idea for a future video. Can you build a Framer site and then add code for payments or other functions that need very secure functions? I'm thinking of building a site in Framer and then passing it off to a developer for more of these high security options. I know I could also dig into the Framer site to find this out but since you amke such great videos, I'd love to see your thoughts and process. Thanks.
@JesseShowalter
@JesseShowalter 6 дней назад
Yes you can, you can insert custom code and create code components
@jswanson859
@jswanson859 3 дня назад
@@JesseShowalter Fantastic! Thanks for responding.
@observer3359
@observer3359 8 дней назад
Dude stop disappearing
@magicja
@magicja 8 дней назад
What is the path of least resistance? That is what I care about. Boxes, circles, trialngles....oh my!
@carlmccormick4499
@carlmccormick4499 8 дней назад
Decent video fella nice one!
@BrahimBrahim-pw2te
@BrahimBrahim-pw2te 8 дней назад
boycott wix
@janinasaumer7695
@janinasaumer7695 8 дней назад
Really great and helpful video :) Now it's easy to start prototyping!
@alstroemerialigtu
@alstroemerialigtu 9 дней назад
Great tutorial! Thanks :)
@asmahabib3504
@asmahabib3504 10 дней назад
AI tools have transformed my design workflow, making it faster and more innovative. Exploring these top tools has significantly boosted my creativity and productivity. Highly recommend giving them a try! #jedaai #ai
@Dogvibes1868
@Dogvibes1868 11 дней назад
such a great tutorial, really awesome content and education! the poor sound quality made it very difficult for me to keep watching however. The plosives are so rough I feel like my ears are pounding. Wish you could have edited the sound more.
@UriyahGonzalez
@UriyahGonzalez 11 дней назад
Everything is clear. Brief and clear. No water. Thank you)
@telagathotiveeraiah8805
@telagathotiveeraiah8805 11 дней назад
nice video jesse
@fahadkhalid4671
@fahadkhalid4671 11 дней назад
😮
@audreymartingreen2228
@audreymartingreen2228 12 дней назад
thank you man, i use to make simple websites out of WIX . i think i can start with this exp to jump into UI/UX builder, anybody here share the same exp with me? and Good content man! thanks again
@arunn3874
@arunn3874 12 дней назад
hey. i like the shapes graphics for each law but it would be great if you put down some examples. this made the video not follow the 2nd law
@blacklightentertainment758
@blacklightentertainment758 13 дней назад
your content is quick and understandable, you make look all very simple , I love your work , I love you brother , wherever you are. Beginners like us need you , please don't stop making more of this
@pacomedtej
@pacomedtej 13 дней назад
I love this content, you speak so secure!
@analuiza2677
@analuiza2677 13 дней назад
These tips are amazing! Thanks so much 😊