(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 |