Push the boundaries of responsive web design | Editor X

Experience a new standard for web design on Editor X—the ultimate platform for professional creators. Build, launch and manage powerful websites with advanced design capabilities, integrated business solutions and a robust CMS. Streamline your workflow and encourage team collaboration with custom roles and permissions, shareable design libraries and more. Is your team ready? Watch the… Continue reading Push the boundaries of responsive web design | Editor X

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

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