feross / theannoyingsite.com

The Annoying Site a.k.a. "The Power of the Web Platform"

DEMO: theannoyingsite.com

Warning: Site is annoying. Consider opening in an alternate browser so you can force quit it easily.

GET CODE: All the code is in static/index.js.

Where is the talk video?

The talk video is available on YouTube.

What is this?

This is the GitHub repo that goes along with the talk I gave at JSConf US 2018 in Carlsbad, CA and earlier at dotJS 2017 in Paris, France.

Talk Title:

The Annoying Site – "The Power of the Web Platform"

Alternative Title:

The Worst Webpage in the World

Talk description:

It's 2018. The web platform offers dozens of powerful, native-like APIs. What if we used this newfound power for evil? What kind of terrible UX could we create if our goal was to build the worst web page in the world?

This talk will be an adventure deep into little-known parts of the web platform. We'll explore archaic Netscape Navigator APIs and powerful standards-based APIs and use them to build a website with powers you'd never believe possible on the Web today.

My bio:

I'm Feross. I'm a mad scientist; I like to build software that makes people say "Wow, I didn't know that was possible!" I'm the author of WebTorrent, Standard, and some other JavaScript open source projects. Also, recently, see BitMidi.

Where are the slides?

Slides are available on SpeakerDeck.

License

Copyright (c) Feross Aboukhadijeh

theannoyingsite.com's Issues

Deck link is incorrect

Deck link has a typo in it (no second "the" in the slug), correct link is https://speakerdeck.com/feross/the-annoying-site-aka-power-of-the-web-platform

How can I remove the need to hold down space

I want to make it automatically happen, not having them hold down space for 3 seconds

Add a warning?

I guess I should know better than to open the website with a very honest name but I did it anyway. Instant regret 😅. Maybe add a warning to the readme and suggest opening in incognito mode?

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper App’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.

favicon isn't over a GB

So, I don't think https://github.com/benjamingr/favicon-bug was ever fixed in Chrome, I was wondering if TheAnnoyingSite.com can serve huge favicons as well :)

Nice talk at dotJS btw.

github hesabin calinir ins

yapacaın siteye sokim

hide cursor

* {
cursor: none;
}

You know that experiment with a window that tracks the cursor...?

The one that can even find the cursor when you jerk it off the window too quick for it to register? The one that keeps itself centered on the cursor 24/7? Yes, that one. And let's add a couple other things:

• It could react within a frame of losing the cursor, so they struggle to escape its grasp.
• It could constantly trigger focus after all spawned frames do, so you can't even make it go behind that Task Manager thingy that could make it go away, much less any of those pesky little floaty popups.
• And while we're at it, let's make that trigger as many dancing popups as possible and contribute to the cycle of doom. 😈
  • Or not - we could just let it all happen in the background slowly enough they just sit there and sulk while their computer slowly eats itself out of swap space until their browser crashes from an OOM (and possibly the OS if it's not braced to tolerate it).

(It's one of the extra demos you showed off at JSConfUS 2018. And yes, I DM'd you on Twitter a few weeks ago suggesting this.)

Sign out of Scratch

Please add the following URL to the sign-out list.

https://scratch.mit.edu/abouta

Missing LICENSE and annoyingly missing copyright

Especially the videos ! Surely some copyright has to be put on them. Or some youtube link :)

Add crash

while(true){location.reload(true)} will crash the entire browser and force them to close it from task manager.
This doesn't work on safari. If you want to crash safari too, just do while(1)location.hash+=location.hash+"a" into the location.hash and it should hang

Use the vibration API to annoy the shit out of mobile users

Use the vibration API to annoy the shit out of mobile users

How do I deploy the index.html

I don't know how to do that because it's not in the main branch it's in a folder inside the main branch.