- Видео 718
- Просмотров 19 409 714
Jesse Showalter
США
Добавлен 5 июн 2009
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.
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.
Design with CSS Grid Layout
Join us in this detailed tutorial as we dive into the world of Penpot CSS Grid Layout. We'll start with the basics, exploring the fundamental aspects of the grid system in Penpot. Then, we'll move onto the advanced features, showing you how to leverage these tools to create complex and visually appealing designs. Finally, we'll build a Bento Layout from scratch, demonstrating the power and versatility of Penpot CSS Grid Layout,. Whether you're a beginner or an experienced designer, this video is packed full of tips and tricks to enhance your Penpot skills. Don't forget to like, comment, and subscribe for more content like this!... Remember to Subscribe goo.gl/6vCw64
Try penpot: penpot.app...
Try penpot: penpot.app...
Просмотров: 3 323
Видео
My Design Tech Stack
Просмотров 7 тыс.День назад
In this video, I will be discussing and demonstrating my current tech stack. This includes a variety of tools such as Figma, Framer, Protopie, Nucleo, Jitter, and Notion, among others. These tools help me streamline my workflow, increase productivity, and manage various aspects of my projects. I will also be sharing how I use the Notion Calendar and Tidycal to keep track of all my meetings. Tun...
How Freelancers Can Get Paid for High-Fi Prototypes
Просмотров 3,1 тыс.14 дней назад
In this video, we explore how freelancers can leverage the power of ProtoPie - a high fidelity prototyping tool that's a notch above Figma, Principle, and After Effects for complex interactions and device functionality. We delve into its ease of use, cost-effectiveness, and the value it can bring to your freelance work. Learn how ProtoPie can enhance your portfolio, help you charge higher rates...
Master Spacing in UI Design 💪
Просмотров 20 тыс.14 дней назад
Join us in this video as we delve into the art of mastering spacing in UI design. We'll share key tips and strategies, such as embracing the 8pt grid for consistent and precise spacing, understanding the basics of spacing, and how to effectively use white space. This video will provide you with the knowledge you need to create a harmonious and visually appealing user interface. Don't miss out o...
Zeplin + Figma | Is this the dream team?
Просмотров 4,2 тыс.28 дней назад
Join us as we dive into the world of design delivery, exploring the differences and benefits of two major tools: Figma Dev mode and Zeplin Figma. We'll discuss collaboration, process creation, and the idea of a single source of truth. You'll learn how to use Figma and Zeplin together to optimize your workflow and unite your team. We'll also help you determine which toolset is right for your spe...
Learn Bubble.io in 30 Minutes
Просмотров 10 тыс.Месяц назад
Let me guide you through the basics of Bubble.io a powerful platform for building web applications without coding. Learn how to create stunning layouts, implement CRUD functionality, and integrate plugins for community and payment features. Whether you're a beginner or an experienced developer, this video will provide you with valuable insights and practical tips to help you build your own app ...
Framer Crash Course
Просмотров 14 тыс.Месяц назад
In this tutorial, we'll cover the basics of using Framer, a powerful tool for designing and building websites without coding. We'll start by setting up site styles, then move on to building a landing page from scratch. You'll learn how to create dynamic components and make your website responsive for all devices. We'll also dive into the exciting world of animations, showing you how to bring yo...
Multiple Revenue Streams for Creatives w/John D. Saunders
Просмотров 1,2 тыс.Месяц назад
In this RUclips video, John D Saunders discusses multiple revenue streams for creatives. He explores various strategies and methods to generate income outside of traditional avenues. From affiliate marketing to freelance work, John shares valuable insights and tips to help creatives diversify their revenue streams and maximize their earning potential. ... Remember to Subscribe goo.gl/6vCw64 🤝 /...
Amateur vs Pro UI Design | with examples
Просмотров 29 тыс.Месяц назад
In this video, we explore what separates top-tier UI design that attracts clients and lucrative positions from junior-level designs that struggle to gain traction. We'll examine a range of UI design samples, crafted by both novices and professionals, to guide you on your journey towards becoming a first-rate designer. From login & signup interfaces to dashboards and web apps, join us as we delv...
The top 5 Framer features that you should know
Просмотров 22 тыс.2 месяца назад
Discover the top 5 features of Framer that convinced. We'll guide you through using Stacks, Components, Variants and States, Animations, Responsive visible breakpoints, and starting from a template for easy customization. Plus, we've included a bonus feature: the new custom cursor! Whether you're a seasoned Framer user or just starting out, this video is packed with tips to help you get the mos...
How to Master Figma and Design 10X FASTER!
Просмотров 27 тыс.2 месяца назад
In this video, we'll be diving into how to design fast. Learn about advanced tips, tricks, and strategies to increase your design speed and efficiency. From using a design system or UI Kit, leveraging auto layout for everything, to understanding components and grids, we'll cover it all. Don't miss out on learning how to 10x your speed and become a more efficient designer. ... Remember to Subscr...
Raising your Rates & Getting Better Clients w/John D. Saunders
Просмотров 8022 месяца назад
John D. Saunders as he discusses the important topic of raising your rates as a designer. Learn valuable insights and strategies on how to confidently increase your pricing and value as a creative professional. Whether you're a freelancer, agency owner, or aspiring designer, this video will provide you with practical tips and advice to help you navigate the process of setting and negotiating yo...
From Full-time to Freelance w/John D. Saunders
Просмотров 1,6 тыс.2 месяца назад
From Full-time to Freelance w/John D. Saunders
This is The Future of Design | Dan Mall
Просмотров 1,9 тыс.2 месяца назад
This is The Future of Design | Dan Mall
Why You're Actually Afraid of Design Systems with Dan Mall
Просмотров 1,5 тыс.3 месяца назад
Why You're Actually Afraid of Design Systems with Dan Mall
Building a Design System w/Dan Mall
Просмотров 2,6 тыс.3 месяца назад
Building a Design System w/Dan Mall
Do We Need a Design System? Dan Mall
Просмотров 4,7 тыс.3 месяца назад
Do We Need a Design System? Dan Mall
Building Responsive UI Components in Figma
Просмотров 25 тыс.4 месяца назад
Building Responsive UI Components in Figma
SALES | The most important skill that most designers don't have
Просмотров 2,2 тыс.4 месяца назад
SALES | The most important skill that most designers don't have
Sitemaps for Websites with Octopus.do
Просмотров 8 тыс.5 месяцев назад
Sitemaps for Websites with Octopus.do
Relume AI Website Builder | $3,000 an hour
Просмотров 325 тыс.6 месяцев назад
Relume AI Website Builder | $3,000 an hour
Build a Landing Page without Code | Wix Studio for Beginners
Просмотров 13 тыс.6 месяцев назад
Build a Landing Page without Code | Wix Studio for Beginners
Build a Six-Figure Freelance Business | Steal My Process
Просмотров 7 тыс.6 месяцев назад
Build a Six-Figure Freelance Business | Steal My Process
ProtoPie vs. Figma: Which should you use for advanced prototypes?
Просмотров 9 тыс.7 месяцев назад
ProtoPie vs. Figma: Which should you use for advanced prototypes?
Yooooooo if only I could use the rest of Framer we'd be SET lol jk you got a whole course I'm currently plugging along with 💪
Many of these examples look great on desktop, but how well do they transfer to mobile? It seems like mobile is a lot easier to use if it is flat, minimalist and, well, kind of boring.
Sir I want to build OTT streaming resizeable app like Netflix and prime video but my streaming app is free can you make a playlist on this topic how to create streaming app on figma, protopie or framer or any free website from login page to favorites page and search option and download page and other important pages with prototype
Insane! Thanks a lot
Awesome content Jesse 💙
Is there UIZARD plugin for webflow ?????
Great!
Jesus loves yall❤
Jesus loves you ❤❤❤
Bento is my favourite
Great explanation Jesse, it really helped me. Thanks for making this.
She is sooOoOOoo extra 😅 .. but i dont hate it surprisingly 🫶 I think she is naturally super extra and actually enthusiastic about her work. That sincerity comes thru.. a bit less extra and a bit more speed w less pauses and less stretching of some syllables to the moon, she’d be a delight to watch 👩🍳 🤌🏼❤
someone needs to @ fortnite for this
@JesseShowalter this is great content. Can you refer me to someone who I could hire to execute on what you outlined in the video to build a website for my solar company? TIA
Wait. You did Visily, not Uizard.
Thank you for giving out the amazing value you are indeed a real gem ❤❤
Very helpful, interesting and nice and quick!
this tool is a game changer !
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!
He looks like charlie puth❤❤❤😂😂
Are we abandoning Figma already?
This helps a lot thanks! (I’m doing homework and need to understand ui)
If you give the details about my the icons ,you use steps by steps.❤
Awesome!!!
Hi there, I followed all your steps but everytime that I enter dynamic text under the Input functionality, it appears as “Lorem ipsum” on the preview page. Will that appear as a placeholder even in the final version of my app?
Penpot needs more love
I never liked adobe business model or the acquiring of Figma by Adobe. I’ll use Penpot to design a few web apps, and most likely I’ll jump ship
Thanks so much. This video made alot of things clearer to me
Didnt know Penpot but so basically this is a free Figma..?👀😱
Been using Protopie for years and super love it also wish the Basic tier was available when I first encounter Protopie
Hallelujah! Thank you for this! :)
This does not work. Thanks for nothing.
Protopie my beloved one of my fave tools to use
We'll see what the future brings :) The last time I tested PenPot was a year ago. A lot has changed since then. I like it more and more :) I'm more yes than no :) Thanks Jasee for that explain!
Love to see you mention this. We're witnessing a change of guard and so many people are NOT ready for a post-figma world ;) - of course the main reason is not css-grid but rather "self-host" here but still great to see.
Really Wow🎉
Great video, thanks!
Jesse is the GOAT
Thank you so much! This helped me a lot
Nothing of this works.Is this suposte to be funny or something?
Super useful tutorial! 🙌🏼 I am currently using Webflow but Framer is a very good surprise (possibility to drop content outside the canvas?? and edit variants directly?!) 😱 The customization and micro interactions possibilities are insane. And maybe even easier to use for clients than Webflow? Definitely going to learn more!
Using these to help design a speculative prototype application for my graduate school assessment! Thanks a bunch 💜
So shitty trends, bruh
Dude why don't you remove your face? I wanted to see what is going on on the website, not your simp-face
Interesting video, currently I'm studying Human Centered Design. For a deep dive in UX Laws, I'm watching your videos which are a big help
Thank you for explaining everything so clearly. Everything is very clear. Like for the explanation.
great video bro, quick question how are you changing the numbers like gap etc with out clicking the box and manually increasing? is it arrow keys?
Spacing is so important! I can’t stress it enough
Thanks Jesse, awesome tutorial. I was surprised as I couldn't paste effects on other frames even after copying and trying multiple times.