Get SuperHi Unlimited, our brand new membership service, at a 40% off early-bird price!

SuperLibrary

Come for the courses, stay for the creative insights and helpful advice. Our ever-expanding collection of articles and tutorials will help you make, build, learn and grow your career.

Working

Code

Design

Project Management

All

Code

AdviceArticleInterviewTutorialAll types

Why Learning React is a Really Great Idea

Why is React such a powerful frontend framework? SuperHi's content lead Faith chats to the creators of our Intro to React.js course, Isabel and Ryan.

Exploring Shaders for the Web with Rik

SuperHi's content lead Faith McAllister chats to our founder, Rik Lomas, about our new Shaders for the Web short course.

Intermediate

17:52

How to Add International Times with Timezones to Your Website

Using the Luxon Javascript library, we'll learn how to add multiple times with their respective timezones to a website!

Beginner

09:14

How to Make an Overlay Logo with an Outline Effect Using CSS

On the POL Studio website, there's a great design effect where the logo appears both over and under the content. In this tutorial, we'll learn how to recreate this overlay outline effect.

Intermediate

27:46

How to Make a 3d Book Using Three.js That Rotates When You Scroll Down a Web Page

In this tutorial, we'll learn how to make a 3d book using Three.js based on the awesome designs of the New Aesthetic 2 website (https://newaesthetic.xyz/)

Intermediate

21:38

How to Add Panning to a Gallery with CSS and Javascript

In this tutorial, we'll create a smooth panning gallery from scratch using CSS and Javascript.

Advanced

22:02

How to Add a Water Ripple Effect to Website Images Using WebGL and Shaders

In this tutorial, we'll learn how to add a water ripple and wave effect to images using WebGL shaders.

Beginner

13:53

How to Make a Javascript Accordion

In this tutorial, we'll learn how to create an "accordion" menu feature with Javascript, which is a design feature for letting your users show and hide relevant content, popularly seen on things like FAQs.

Intermediate

24:33

How to Make a Custom Mouse Cursor with Text Hover and Trail Effects with HTML, CSS and Javascript

In this tutorial, we'll use HTML, CSS and Javascript to add a mouse trail effect to our websites and then how to add in a hover effect where hidden text is revealed!

Intermediate

19:46

Exploring Shaders for the Web with Rik

SuperHi's content lead Faith chats to our founder, Rik, about our Shaders for the Web short course.

How to Land Your First Job in Tech

Struggling to land a job in tech? SuperHi teacher Lou has compiled some handy resources and key tips to give you the best chance of getting hired.

How to Debug Your Website: A Beginner's Guide

So you've broken your code and the solution refuses to reveal itself. What next? Try these tools and methods to help uncover where things might have gone wrong.

Ask a Designer #12: Shall I Change My Career Path to Save My Creativity?

Nika offers advice to a creatively-deprived developer pondering a career change to product design.

How to Build a Greener Web

What does it mean to build a sustainable website? Nika spotlights two founders who are taking an eco approach.

Ask a Designer #8: How do I Keep Up With Changing Software and Jargon?

Nika writes about how to keep up with the fast-changing tools in design.

How to Add a Dynamic Social Share Image to a Shopify Theme

Learn how to add social share images to Shopify themes!

Ready to Learn to Code? How to Get Started, Get Unstuck and Stay Motivated

Plus, learn what the five common mistakes people make when learning to code are.

A Quickstart Guide to Programming Languages and How to Choose the Right One

Digital projects depend heavily on the correct choice of coding language, so learn to pick the right ones.

Calling All Creatives: Why You Should (And Shouldn't) Learn to Code

There's a secret in the tech industry. Even though the internet has become more complex and noisy, learning to code is a lot easier than you think.

Ask a Coder #1: How Do I Do Well in a Coding Test?

SuperHi's CEO Rik Lomas dishes on how to do well in a coding interview.

How Coding Became My Self Care

Maybe it's not about balance: maybe self care is about whatever you need to keep going, to keep doing, to say all the things you want to say.

Intermediate

27:37

How to Make a 3d Waving Flag Using Three.js, WebGL and Javascript

In this tutorial, we add a moving 3d flag, as seen on Yuta Takahashi's website, using the Javascript library, Three.js, to our website.

Beginner

22:40

How to Let Users Change the Color Scheme of Your Website

In this tutorial, we'll let our users change the background color of our portfolio website using HTML, CSS + JS as seen on the SVA Masters of Branding website

Ask a Project Manager #1: What Should Developers Know About Project Management?

Rachel walks us through how developers need to know about project management to run healthier, happier projects.

Beginner

17:48

How to Make an AR Fashion Filter for Instagram

In this tutorial, we'll talk about how to work with Spark AR, Facebook's tool for making a fashion-style filter mask for Instagram and Facebook camera. No code needed!

Intermediate

31:46

Mouse Move Glitch Collage Using HTML Canvas

As seen on the Azab site (or when you win at Solitaire), it's fairly straight forward to create a glitch-style collage that draws the image again and again whenever your user moves their mouse. In this video, we build up how to make a site that has a HTML canvas slideshow that reveals each image on click and has a tweening movement.

Beginner

05:07

How to Turn Any Web Page into an App with Nativefier

Sometimes it'd be nice to have an app instead of a browser tab for a web service, but that site may not have a native Mac or Windows app. Using Nativefier command line tool, we can make our own app in just a few minutes!

Beginner

02:58

Parallax Overlapping Sections Using Sticky Positioning

On the Friends With Benefits site, there's a great effect where each section sticks to the top of the page and other sections overlap it in a parallax style. In this tutorial, we talk about how it was achieved.

Intermediate

17:39

Smooth Movements with Javascript

When we're working with CSS and Javascript, sometimes we want to be able to add smooth movements that feel more natural. In this tutorial, we talk about how to rethink your Javascript code to create a weighted speed so any moving object feels a lot more natural and real

Intermediate

18:34

How to Make an Interactive Rotating 3d Cube with CSS and Javascript

In the ideology.press site, there's a floating 3d book that rotates and follows your mouse around the page. Using six flat images, we talk about how to turn those images into a digital interactive cube.

Beginner

11:06

How to Make a Cut out Design Effect with CSS Blend Modes

On the Ways Of Knowing Cities site, there's a clever cut out style effect where the background shows through text. We talk how about to make your own similar effect, firstly using a normal design program, then by using CSS's screen blend mode.

Jump to page:

12 3