Small web things

Thing 1 - Spring slider

0

0

0

Thing 2 - Infinite slider

0

Thing 3 - A game of chance

For each of the rows of checkbox pairs, choose one to click. One is safe. The other is not. See how far you can make it.

-

Thing 4 - CSS Editor with zero JS

This section contains zero javascript; the editor below the box is an html <style> tag with the "style_block" class applied to it. The css for that id showed in the editor box makes it visible, and adding the HTML attribute "contenteditable" makes it editable.

Thing 5 - JS Editor with zero JS

Read the paragraph inside the script editor below for an explanation; basically the same thing as above but this time we need to re-eval the code to make it run.

Thing 6 - Iframe Inception

This usually wouldn't work but we can use JS to grab the full HTML for the document and inject it into the iframe instead of just setting the source of the iframe to "window.location.href"

Thing 7 - Toy calculator

Thing 8 - Mini JS console

This section uses a script to hijack the windows console object to add a listner that reports to this box. So any errors or console messages from the entire site will report here. You can try using your browsers developer tools to send a console.log message and it will show up here. Or use the input box below. Note: Currently doesen't capture stuff other than log, warn and error. Console.table doesen't work for example(but it would be easy to add).

Thing 9 - The 2FA Game

You know when your using 2FA and you need to quickly enter your auth code from your phone to you computer before it expires? Thats what this game is.

Thing 10 - Checkbox ripple display

Thing 11 - Gravity Slider

Thing 12 - Speed match

Click the start button, and a 3 second countdown will start. When it ends, the checkbox grid on the left will show the pattern you have to copy over to the grid on the right. PRO TIP: zoom in so the game fills your whole screen

Best:

Time:

Thing 13 - Morse Code

Use the button below. Long press for dash, quick tap for dot