This gist contains the source code in my video series about Realtime Database triggers. You can watch the three parts here:
index.ts contains the Cloud Functions code, and dialog.ts contains the script to run
Carlos Araya caraya
🙈
caraya
/ article-template.css
Created
March 20, 2019 04:52
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Monospaced font for code samples */ | |
| @font-face { | |
| font-family: "notomono_regular"; | |
| src: url("../fonts/notomono-regular.eot"); | |
| src: url("../fonts/notomono-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notomono-regular.woff2") format("woff2"), url("../fonts/notomono-regular.woff") format("woff"), url("../fonts/notomono-regular.ttf") format("truetype"), url("../fonts/notomono-regular.svg#notomono_regular") format("svg"); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| /* Regular font */ | |
| @font-face { |
caraya
/ lazy-video-loader.js
Created
March 5, 2019 22:12
— forked from benrobertsonio/lazy-video-loader.js
Lazy Loading Video Based on Connection Speed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class LazyVideoLoader { | |
| constructor() { | |
| this.videos = [].slice.call(document.querySelectorAll('.hero__bgvideo')); | |
| // Abort when: | |
| // - The browser does not support Promises. | |
| // - There no videos. | |
| // - If the user prefers reduced motion. | |
| // - Device is mobile. | |
| if ( |
caraya
/ README.md
Created
February 24, 2019 05:16
— forked from CodingDoug/README.md
Realtime Database triggers with Cloud Functions for Firebase - source
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| \documentclass[12pt, letterpaper, titlepage]{article} | |
| % font size could be 10pt (default), 11pt or 12 pt | |
| % paper size could be letterpaper (default), legalpaper, executivepaper, | |
| % a4paper, a5paper or b5paper | |
| % side could be oneside (default) or twoside | |
| % columns could be onecolumn (default) or twocolumn | |
| % graphics could be final (default) or draft | |
| % | |
| % titlepage could be notitlepage (default) or titlepage which | |
| % makes an extra page for title |
This Gist acompanies my post: WP-CLI: Remote WP Management
caraya
/ lettering.html
Created
November 1, 2018 01:53
— forked from adactio/lettering.html
A quick'n'dirty way of doing some lettering.js stuff without jQuery.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Test</title> | |
| <style> | |
| .slogan span:nth-child(odd) { | |
| color: red; | |
| } | |
| </style> | |
| </head> |
caraya
/ install.sh
Last active
August 13, 2018 04:17
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/env bash | |
| echo "\n\n Checking if package.json exists" | |
| if [ -f package.json ] | |
| then | |
| echo "\n\n package.json exists." | |
| else | |
| echo "\n\n package.json doesn't exists... creating" | |
| npm init --yes | |
| fi |
caraya
/ package.json
Created
April 19, 2018 05:45
— forked from surma/package.json
Boilerplate for quick one-off TypeScript projects. Just run `npm start`
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "tsquickstart", | |
| "version": "1.0.0", | |
| "description": "Boilerplate for quick one-off TypeScript projects. Just run `npm start`", | |
| "scripts": { | |
| "init": "test -f tsconfig.json || (tsc --init -t ESNext -m ESNext && npm install)", | |
| "start": "npm run init && concurrently \"npm run watch\" \"npm run serve\"", | |
| "serve": "http-server", | |
| "watch": "tsc -p . --watch", | |
| "build": "tsc -p ." |
A Pen by Carlos Araya on CodePen.
- DOM (manipulation) oriented
- Graphical/visualization (canvas, WebGL, or SVG related)
- D3.js