20230329

How to use Inspect Element to improve your design reviews! πŸ”



Using Inspect Element to look at code in a browser will help you give better feedback when you're reviewing the build of a page you designed. This makes your feedback more specific, and can improve your relationship with the developer by speaking a bit more of their language. This video is for those of you that have a basic understanding of HTML and CSS. Check out my recent video on that if you need to start from there!: https://youtu.be/GS6yDN2vPTU πŸš€ CharliMarieTV is powered by Figma! https://ift.tt/OKzgFYm Figma is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :) TIMESTAMPS: 00:00 Why use code to review your site design? 01:21 How to open up the Inspect Element menu πŸ“œ 02:26 Figuring out specific values 04:30 Editing code classes (and benefits) 🌟 Creating a marketing site design system in Figma: https://youtu.be/nU0WXM6hhmw Please remember to click subscribe if you'd like to see more of my videos. -------------------------------- // WANT TO SUPPORT MY CHANNEL? Become a ✨channel member✨ and get a cool icon next to your name in livestream chats, plus priority replies to your comments. Just click 'Join' (it's next to the subscribe button) Or, if you like, you can put something in my tip jar right here: https://ift.tt/NDIc9U2 Sharing my videos or recommending my channel to a design friend is also very much appreciated! :) -------------------------------- // ABOUT ME I'm Charli and I'm designer from New Zealand currently living in Valencia, Spain. I’m the Creative Director at a remote tech company called ConvertKit and I post videos about the design projects I work on and the tools I use, as well as vlogs of my life as a designer. I regularly livestream what I'm working on in Coworking Club streams. Welcome to the channel! Please subscribe and say hi in the comments, and maybe we'll see you in the live chat on the next stream. πŸ’¬ Twitter: https://twitter.com/charliprangley πŸ“· Instagram: https://ift.tt/SRi459q -------------------------------- // MORE Join my free weekly marketing design newsletter: https://ift.tt/iI1KrL9 Buy my hand written font, Grayscale: https://ift.tt/hUcLBVl Book a mentoring session with me: https://ift.tt/ZREoO4i My site & blog: https://charlimarie.com Design Life podcast: https://designlife.fm Inside Marketing Design podcast: https://ift.tt/l10hFYw -------------------------------- // TECH & TOOLS πŸ“Ή Get links to all the tech hardware I use to make my videos (and the art on my gallery wall!) right here: https://ift.tt/aAXozK8 πŸ’» Software I use: Webflow (no-code website builder)*: https://ift.tt/EeD1WI7 Premiere Pro (video editing)*: https://ift.tt/aEqAKFR Adobe Audition (audio recording)*: https://ift.tt/EntU93r After Effects (intro animation)*: https://ift.tt/YJV8iUa Figma (web design): https://ift.tt/OKzgFYm Photoshop (thumbnails)*: https://ift.tt/lH3Uxhs ConvertKit (marketing platform): https://ift.tt/q1ruER3 Riverside (podcast interview recording)*: https://ift.tt/dAo5pcf Music in this video from Epidemic Sound*: https://ift.tt/GNykRoz Video captions by Rev (very cost effective service! I recommend)*: https://ift.tt/eWu9L64 Intro & end card animation by Austin Saylor: https://ift.tt/8hWmEMg Editing by BelΓ©n Albiol https://ift.tt/AJGU17W (or sometimes by me!) Links marked with a * are affiliate links. I can't believe you read the whole description box! You get a ⭐️


View on YouTube.

No comments:

Post a Comment

Ad