(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| /* | |
| Copy this into the console of any web page that is interactive and doesn't | |
| do hard reloads. You will hear your DOM changes as different pitches of | |
| audio. | |
| I have found this interesting for debugging, but also fun to hear web pages | |
| render like UIs do in movies. | |
| */ | |
| const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |
| // Query matches | |
| https://frinkiac.com/api/search?q=duffman | |
| // returns | |
| // [{"Id":1823368,"Episode":"S13E21","Timestamp":297339},{"Id":1667129,"Episode":"S12E15","Timestamp":1250166}] | |
| // Get a matching caption using the returned array | |
| // e = Episode, t = Timestamp | |
| http://frinkiac.com/api/caption?e=S07E04&t=244026 |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| .navbar | |
| .caret | |
| .label | |
| .table | |
| .img-responsive | |
| .img-rounded | |
| .img-thumbnail | |
| .img-circle | |
| .sr-only | |
| .lead |