Tutorials and resources to master Responsive Design

Explore the principles of responsive design, ensuring your websites and applications look great on any device. Discover articles, tutorials, and tips that will help you create adaptable and user-friendly interfaces that enhance the user experience.

Latest posts

A website headline selected by a cursor next to a graph of increasing conversion rates
A website headline selected by a cursor next to a graph of increasing conversion rates

Web Design

Webflow Announces Built-In A/B Testing: Meet "Optimize"

Designer Sam Anthony faces the camera pointing over his shoulder at a bunch of icons for Framer Plugins, including HubSpot, Notion and Unsplash.
Designer Sam Anthony faces the camera pointing over his shoulder at a bunch of icons for Framer Plugins, including HubSpot, Notion and Unsplash.

Web Design

9 Best Framer Plugins: Fall Event 2024

A mobile mockup next to the Figma logo showing a navigation bar UI design and menu working responsively on a mobile phone.
A mobile mockup next to the Figma logo showing a navigation bar UI design and menu working responsively on a mobile phone.

Web Design

Step-by-Step: Creating a Navigation Bar in Figma

The words make your site responsive next to a 3D mockup of a mobile phone with the Sam Anthony Design website open
The words make your site responsive next to a 3D mockup of a mobile phone with the Sam Anthony Design website open

Responsive Design

Top 3 Responsive Design Tips in Framer

A picture of Sam Anthony next to the Creator Tools logo and the Contra logo
A picture of Sam Anthony next to the Creator Tools logo and the Contra logo

Graphic Design

Best Tools for Creators (Contra Awards)

Sam pointing at a glowing UI design with glassy neon visual effects. Sam looks shocked.
Sam pointing at a glowing UI design with glassy neon visual effects. Sam looks shocked.

Web Design

Web & UI Design Trends (2024)

Video tutorials

The thumbnail for the video 'Why I'm not worried about AI 🫶 #webdesign #freelance'.

Why I'm not worried about AI 🫶 #webdesign #freelance

6K views views

The thumbnail for the video 'So what do I do? I design. #webdesign #branding'.

So what do I do? I design. #webdesign #branding

63 views views

The thumbnail for the video 'This AI SEO Feature Could Save Web Designers Hours'.

This AI SEO Feature Could Save Web Designers Hours

6K views views

The thumbnail for the video 'Wix Headless just changed how I build frontends #webdev #claudecode'.

Wix Headless just changed how I build frontends #webdev #claudecode

4K views views

The thumbnail for the video 'I Planned an Entire Website with Wix Studio’s AI Sitemap Generator'.

I Planned an Entire Website with Wix Studio’s AI Sitemap Generator

16K views views

The thumbnail for the video 'I Created a Freelancer App Without Writing Any Code'.

I Created a Freelancer App Without Writing Any Code

22K views views

Templates

A screenshot of the desktop hero section of the Framer template showing screenshots of an AI tool in use on the page, next to a large headline, buttons and statistics about the SaaS product.

AI SaaS Template for Framer - Design dotAI Website

A sleek AI SaaS Framer template built for startups and AI-driven platforms. Featuring animations, interactive elements, and a futuristic design, perfect for showcasing cutting-edge AI software with clarity and impact.

$59

$49

Ava Framer photography portfolio template hero section on a laptop, showing a fashion photographer’s homepage with a full-screen editorial portrait and elegant serif headline

Ava Framer Photography Portfolio Template

Ava is a Framer portfolio template crafted for photographers, visual artists, and creative studios with an editorial aesthetic, cinematic layouts, immersive galleries, and subtle animations.

$99

$59

Three landing page hero sections on a gradient background

Modern, Editable Hero Section Templates for Figma

Fully editable hero section templates for Figma. Drag and drop into your designs, or use as a starting point.

£25

£8

Recommended tools

The Dribbble logo
The Dribbble logo

Dribbble

Showcase design work, find job opportunities, and connect with creatives.

The Figma logo
The Figma logo

Figma

Design and prototype interfaces collaboratively in real-time.

The Framer logo
The Framer logo

Framer

Create stunning interactive websites with no-code.

Google Search Console logo
Google Search Console logo

Google Search Console

Monitor and optimize website performance in Google search results.

The Kompa or Blocs logo
The Kompa or Blocs logo

Kompa

Beautiful prebuilt elements to build your site fast

The Webflow logo
The Webflow logo

Webflow

Create custom websites with visual design and code flexibility.