Webflow University 2.0: Learn web design, development, and time travel — visually

We built a time machine, traveled to the future, and brought back all the tools we need to teach web design and development, visually. Announcing Webflow University 2.0: it’s just like 1.0, but with a higher version number. Explore the future: ———- Learn web design and development:

HTML and CSS for beginners – Webflow web design tutorial

If you’re new to web design, it’s vital that you understand the differences between HTML and CSS and how they work together to present web content (HTML) and control how it’s displayed in browsers (CSS). In this video, you’ll gain that understanding, plus learn to use native browser tools to inspect and make changes to… Continue reading HTML and CSS for beginners – Webflow web design tutorial

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:

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

Advanced web typography (headings, text fills, inheritance, typography units) — web design tutorial

In this lesson, we’ll cover headings, text fills (knockout text using backgrounds or gradients), paragraphs, text inheritance, spans, typography units (including the all-new CH unit), and accessible, inclusive typography. Steps in the video: 00:00 – Introduction 01:04 – Headings 03:50 – Text fills (knockout text) 05:08 – Paragraphs & text inheritance 07:59 – Spans 09:14… Continue reading Advanced web typography (headings, text fills, inheritance, typography units) — web design tutorial