SuperHi FM

Search:

Catalog Cart About Sign in

Nomad Sun – Part 2

Chapter 05

Nomad Sun – Part 2

Links + downloads

Chapter resources

Videos

Lesson 01

Week intro + overview

Lesson 02

Reintroducing design systems

Lesson 03

Responsive design using tachyons

Lesson 04

Adding responsive widths

Lesson 05

Styling our header using responsive tools

Lesson 06

What is tachyons suited for?

Lesson 07

What are functions?

Lesson 08

Writing our first function

Lesson 09

Formatting our date nicely with a function

Lesson 10

Cutting down repeated code

Lesson 11

Displaying an image attachment

Lesson 12

Responsive styles for image attachments

Lesson 13

Storing + getting data using objects

Lesson 14

Displaying + styling image captions

Lesson 15

What are arrays?

Lesson 16

Creating our gallery custom fields

Lesson 17

Adding the gallery component

Lesson 18

Organising components into files

Lesson 19

Displaying gallery images in our theme

Lesson 20

Styling the gallery images

Lesson 21

Creating custom widths for images

Lesson 22

Styling the text component

Lesson 23

Organising our gallery into a component file

Lesson 24

Using WP_Query for improved queries

Lesson 25

Excluding the current post from a loop

Lesson 26

Typographic styling for the explore section

Lesson 27

Aspect ratio boxes using tachyons

Lesson 28

Dropping in our social sharing links

Lesson 29

Adding the homepage components

Lesson 30

Adding the footer component + styles

Lesson 31

Introducing page transitions

Lesson 32

Using barba.js for page transitions

Lesson 33

A design once-over with tweaks

Lesson 34

Adding the remaining Hong Kong content

Lesson 35

Preparing + putting our website online

Lesson 36

Connecting a custom domain

Lesson 37

Thinking about performance

Lesson 38

Optimising images

SuperHi FM

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

Alter Ego – Part 1

Next: Chapter 06

Alter Ego – Part 1

Nomad Sun – Part 1

Back: Chapter 04

Nomad Sun – 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

Our second and final week building Nomad Sun, we’ll explore responsive design systems, working with galleries, using functions, animating page transitions and optimising our websites for maximum performance.

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