SuperHi FM

Search:

Catalog Cart About Sign in

Visual Design + Branding

Designing For Screens: Part 2

Chapter 07

Designing For Screens: Part 2

Links + downloads

Chapter URL

Videos

Lesson 01

Week 7 Introduction

Lesson 02

Designing with Code Introduction

Lesson 03

What is a website, anyway?

Lesson 04

Content and Style in Figma

Lesson 05

HTML + CSS

Lesson 06

Adding Links

Lesson 07

Grouping Tags

Lesson 08

Intro to CSS Grid

Lesson 09

Intro to Flexbox

Lesson 10

Fixed Positioning

Lesson 11

Hover States

Lesson 12

Responsive Design + Media Queries

Lesson 13

SEO + Accessibility Basics

Lesson 14

Developer Review: The Beach Collective

Lesson 15

Mobile Best Practices: Interactions

Lesson 16

Mobile Best Practices: Adapting Your Content

Lesson 17

Mobile Best Practices: Images

Lesson 18

Mobile Best Practices: Typography

Lesson 19

Mobile Best Practices: Navigation

Lesson 20

Project: Mobile Grid + Getting Started with Figma Mirror

Lesson 21

Project: Mobile Navigation

Lesson 22

Project: Mobile Hero + Sticky Nav

Lesson 23

Project: Setting up Mobile Type Scale

Lesson 24

Project: About Section

Lesson 25

Project: Blog + Designing Lists for Mobile

Lesson 26

Project: Quote

Lesson 27

Project: Donate + Designing Mobile Carousels

Lesson 28

Project: Get Involved + Designing Mobile Grids

Lesson 29

Project: Mobile Logo Garden

Lesson 30

Project: Finishing Mobile Homepage

Lesson 31

Project: Donation Screen + Mobile Form UI

Lesson 32

Finishing Up with a Mobile Prototype

Lesson 33

Designer Spotlight — Carolyn Zhang

Page Turner is an app that helps you find, collect, and share books you love. You can get curated book recommendations based on your interests. Use our wireframes as a starting point to design your own mobile onboarding flow!

Homework 01

Designing a mobile onboarding flow

SuperHi FM

Want some ambient music in the background? Play our radio station!

Capstone Project

Next: Chapter 08

Capstone Project

Designing For Screens: Part 1

Back: Chapter 06

Designing For Screens: Part 1

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

This week you’ll take your desktop web designs and optimize them for mobile. We also have a guest lecturer this week, Rik (coder, teacher and SuperHi CEO!) to talk us through how to design with code in mind and work better with developers.

Page Turner is an app that helps you find, collect, and share books you love. You can get curated book recommendations based on your interests. Use our wireframes as a starting point to design your own mobile onboarding flow!

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes