SuperHi FM

Search:

Catalog Cart About Sign in

Javascript for Designers

Type Checker

Chapter 03

Type Checker

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Introduction to Type Checker

Lesson 02

Setting up our project

Lesson 03

Adding project layout

Lesson 04

Setting up our options

Lesson 05

Events

Lesson 06

Adding the keyup event

Lesson 07

What is this?

Lesson 08

Adding fallback text

Lesson 09

Two way typing with Javascript

Lesson 10

Adding a range tag

Lesson 11

Hooking Javascript up with our range tag

Lesson 12

Changing the line-height

Lesson 13

How to work with checkboxes

Lesson 14

Adding Google Fonts to our project

Lesson 15

Changing the typeface with a select box

Lesson 16

Changing the font weight

Lesson 17

How to think about changing the colors

Lesson 18

Adding Javascript events to multiple things

Lesson 19

Highlighting the selected color

Lesson 20

Styling inputs

SuperHi FM

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

Jenna Buchholz

Next: Chapter 04

Jenna Buchholz

Plant Life

Back: Chapter 02

Plant Life

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

In this chapter, we make an interactive website that lets you play with text and typography live in the browser. We discuss how to work with form tags such as text inputs, sliders, checkboxes and select boxes in order to make different type settings customizable, such as the font, size, and colors.

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