My Settings

Make this site work the way you like it. Everything here is private to this browser — your choices stay on your device and aren't sent anywhere.

Power users who want to peek at or wipe the raw saved data can use Browser storage.

How the site looks and moves

Dark mode

Switch the whole site to a dark color theme. Easier on your eyes if you're reading at night, in a dim room, or for long study sessions. Off by default.

Text highlights

The SEBook and articles use yellow highlights to call out the key sentence in long sections. Turn this off if you'd rather read everything at the same visual weight (e.g. when printing or annotating yourself).

Motion

Some pages use small animations (fades, slides, transitions). Choose Follow system setting to respect your OS-level "reduce motion" preference, or pick Always reduce motion to keep this site calm regardless of OS settings — useful if motion makes you queasy or distracted.

Glossary underlines

Course-specific abbreviations like SOLID or TDD get a dotted underline so you can hover (or tap on mobile) for a quick definition. Turn this off if the underlines feel busy — the hover definitions still work.

Reading aloud and audio

Read-aloud button

Show the "Read aloud" button at the top of articles and SEBook pages. Click it and the page is read to you using your browser's text-to-speech voice — handy for studying on a walk, while cooking, or as an extra pass over dense material.

Read-aloud voice

Pick which voice the Read-aloud button uses. The voices available come from your browser and operating system — Chrome and Safari ship the largest selections, Firefox is more limited. If a voice sounds robotic, try a different one.

Voice choices depend on your browser and operating system.

Audio clip volume

Default volume for the inline audio clips that play short concept explanations on SEBook pages. Drop it lower if you're in a quiet room or studying with friends.

Audio clip speed

Default playback speed for inline audio clips. Bumping to 1.25x or 1.5x is a real time-saver on a re-listen — start at 1x, speed up once you're familiar with the material.

Tutorials and diagrams

Save my tutorial work

When this is on, the code you write in any tutorial — plus the step you're on — is saved automatically so you can close the tab and pick up exactly where you left off. Turn it off if you're using a shared computer and don't want your work to persist after you close the browser.

UML diagram color

The interactive UML diagrams across the site (class, sequence, state, …) use this color for their accents and edges. The default UCLA blue suits most people, but if you want higher contrast, use your school's color, or just want something fun, change it here.

Bookmarks, gym, and progress

SEBook bookmarks

Adds a small bookmark icon next to each SEBook page heading so you can save the spots you want to revisit (e.g. before an exam) and a sidebar listing them. Bookmarks live only in this browser.

SE Gym

Turn on your personal study gym — pick the quizzes and flashcard sets you want to drill, then the gym shuffles them into a workout. Great for spaced practice the week before an exam. Off by default; opt in here.

Track which questions trip me up

Lets the SE Gym keep a private tally of how often you see each quiz or flashcard question and how often you get it right. The gym then surfaces a "Difficult Questions" workout for the ones you keep missing. The data never leaves this browser.

What each tutorial remembers

Tutorial layout and breakpoints

Each tutorial separately remembers a few things you set on that tutorial: how you split the editor and output panes, which side panels you popped out, the breakpoints you placed in the time-travel debugger, and which debugger sections you expanded or collapsed.

Change these inside the tutorial itself — drag the splitters, click the popout buttons, set breakpoints on the gutter. To wipe a tutorial's memory and start fresh, open Browser storage and delete the entries for that tutorial.

Tutorial progress and code

When Save my tutorial work (above) is on, every tutorial saves the code you typed and the step you're on, so you can come back later and resume. The standalone Regex Crossword and other mini-tutorials save progress the same way.

Use the Save my tutorial work switch to control whether new work is saved. To erase already-saved progress for a specific tutorial, use Browser storage.