Skip to content
chanwookmin edited this page Feb 22, 2016 · 85 revisions

Welcome to the hacking-the-browser wiki!

The class syllabus is here.

Table of Contents

Week 1

Week 1 Homework

  1. Create a “responsive” web page or codepen that responds to some unexpected aspect of the browsing experience. You can build on one of the demos we worked on in class (battery, geolocation, motion/orientation), or come up with something else. Possible examples are a page whose display changes based on battery level, or distance moved since opening the page, or proximity to some physical location, or when tilted totally on its side. Be ready to share your work. Since not all sites will be viewable live in class (if they involve time or location change, e.g.), include screenshots of your site in different scenarios.
  2. Find an existing site to share. Something that pushes the boundaries of the web, in your opinion. We will look at a few of these in class.

Please add your name and a link to your homework below:

*Corbin - [Glitch] - (http://stevejr.net/)

Week 2

Week 2 Homework

  1. Make a bookmarklet that works against the user. It might make links harder to see/click (change color, move them around), remove form elements, put image/div on top of page, etc, make it less informative/useful. Interpret this how you like. It can be a bookmarklet that works generically on (most) sites, or one that is tailored for a specific site.
  2. Find an interesting bookmarklet in the wild. Reverse-engineer it (see earlier slide about this) and be ready to explain how it works (as well as you can).

Add a link to your homework below:

Week 3

Slides

Homework

  1. Turn last week’s bookmarklet into a Chrome Extension
  2. Either:
    • Improve #1 by using what we learned today to make it do something new
    • Make an extension that helps the user somehow
  3. Find an interesting extension in the wild and:
    • look at its manifest.json to figure out how it works
    • decide which category it is

Add a link to your week 3 homework below:

Clone this wiki locally