Spacing on the web (padding, margin, and Occam's square) — web design tutorial

Learn the ins and outs of padding and margin to set spacing on web elements. We’ll use practical design examples to demonstrate how to add space inside and outside of cards, images, headings, buttons, and Occam’s square. 00:00 – Introduction 00:44 – Padding & margin on one side 01:43 – Padding & margin on both… Continue reading Spacing on the web (padding, margin, and Occam's square) — web design tutorial

Top web design trends for 2021

In this video, Charli, from the YouTube channel CharliMarieTV, goes over her top 5 #webdesign trends for 2021. Find the full list of 21 web design trends for 2021 on the #Webflow blog here: Check out Charli’s channel here: ———- Get started with Webflow: Join the Webflow Community:

Exact Steps to Sell Web Design + Website Projects

Join my “Legends” group coaching program: Exact Steps to Sell Web Design + Website Projects Important links: ➤ Download my FREE 111-Page Web Design Business Guide: ➤ Check out the Fox Web School Legends Coaching Program: ➤ Connect with me on Instagram: In this video: If you have any questions on any of the content… Continue reading Exact Steps to Sell Web Design + Website Projects

Design & Code With Me Ep. 1 — Building My Personal Website | Day Of A Software Engineer & Designer

Check out Episode #2 of this series here: Design & Code Vlog (Episode #1) | Today I will be building the first iteration of my personal website, and bringing you along my journey. Make sure you stay tuned until the end of the video to see the final results! Check out Episode 2 of this… Continue reading Design & Code With Me Ep. 1 — Building My Personal Website | Day Of A Software Engineer & Designer

Web Design Tutorial For Beginners Using Photoshop

Today’s video brings you a web design tutorial inside Photoshop CC where I’ll go over the whole process of taking an old landing page and turning it into a modern looking one, that has a pretty unique visual style. For more landing page design video tutorials check out this playlist: My Favourite Flat Illustration Design… Continue reading Web Design Tutorial For Beginners Using Photoshop

How to Wireframe a Website – Design. Build. Launch. Episode 1

Episode 1: Discovery & Wireframing. In this video we will start to wireframe are website using Adobe XD. This video is Episode 1 of Design. Build. Launch. a new series to design and build a website from scratch without writing any code. No code tools like Webflow are more powerful than ever, so in this… Continue reading How to Wireframe a Website – Design. Build. Launch. Episode 1

Web Design Vs. Web Development — What's The Difference?

There’s a lot of confusion surrounding the differences between web designers and web developers. To learn more, head to the blog for our full article: While there are some huge similarities between them, they have different processes, use different tools—and even have different salaries. In this video, starring Chloe from CareerFoundy’s curriculum team, we provide… Continue reading Web Design Vs. Web Development — What's The Difference?

Web Design Inspiration: 5 BEST WEBSITES JULY 2020

A roundup of the best websites for July 2020. Today I bring you some of my favourite web design inspiration for this month and my thoughts on what makes these websites so incredible. There’s something to be learned from the best website design in the world. So, not only are we going to enjoyably feast… Continue reading Web Design Inspiration: 5 BEST WEBSITES JULY 2020

Breakpoint basics and responsive design in Webflow — web design tutorial

In this lesson, you’ll learn: 1. Styling your site across different breakpoints 2. Add larger breakpoints 3. Scale the canvas 4. Override styles across different breakpoints 5. Clear overriding styles 6. Test responsiveness and fluidity Read on the blog: Steps in the video: 00:00 – Introduction 00:43 – Style across breakpoints 05:38 – Add breakpoints… Continue reading Breakpoint basics and responsive design in Webflow — web design tutorial