Skip to content

Instantly share code, notes, and snippets.

View lisaross's full-sized avatar
:shipit:
Focus!

Lisa Ross lisaross

:shipit:
Focus!
View GitHub Profile
export const mapsToken = 'Your Google Maps API token';
export const weatherToken = 'Your OpenWeatherMap API token';
export const fromPhoneNumber = 'Your Twilio phone number';
export const twilioSid = 'Your Twilio SID';
export const twilioToken = 'Your Twilio token';

Keybase proof

I hereby claim:

  • I am lisaross on github.
  • I am lisaross (https://keybase.io/lisaross) on keybase.
  • I have a public key ASCcjSK3gX9Fej_wjxcf2CJhqDQVm6d2bVuY1lIthgivYwo

To claim this, I am signing this object:

@lisaross
lisaross / dark.md
Created March 19, 2019 14:30 — forked from a7madgamal/dark.md
Dark mode for Slack on MacOS
  1. Close slack
  2. Open this file /Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js
  3. Append this to it
document.addEventListener('DOMContentLoaded', function() {
 $.ajax({
   url: 'https://cdn.rawgit.com/laCour/slack-night-mode/master/css/raw/black.css',
   success: function(css) {
 $("").appendTo('head').html(css);
@lisaross
lisaross / what-forces-layout.md
Created February 18, 2019 17:44 — forked from paulirish/what-forces-layout.md
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
  • elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
  • elem.getClientRects(), elem.getBoundingClientRect()
/**
* Retrieves all the rows in the active spreadsheet that contain data and logs the
* values for each row.
* For more information on using the Spreadsheet API, see
* https://developers.google.com/apps-script/service_spreadsheet
*/
function readRows() {
var sheet = SpreadsheetApp.getActiveSheet();
var rows = sheet.getDataRange();
var numRows = rows.getNumRows();
@lisaross
lisaross / monolog.php
Created September 6, 2018 19:50 — forked from mamchenkov/monolog.php
Example use of Monolog logger
<?php
// Before: composer require monolog/monolog
// composer autoloader
require_once 'vendor/autoload.php';
// Shortcuts for simpler usage
use \Monolog\Logger;
use \Monolog\Formatter\LineFormatter;
use \Monolog\Handler\StreamHandler;
@lisaross
lisaross / gulpfile.js
Created September 4, 2018 01:23 — forked from rc1/gulpfile.js
A single gulpfile which can be configured via run scripts. Puts configuration over code, contradicting the goal of gulp. But handy when you need to do the same thing over and over again quickly.
// Modules
// =======
//
// gulp gulp-plumber gulp-concat gulp-if gulp-rename gulp-sourcemaps browser-sync gulp-csso gulp-less gulp-autoprefixer gulp-uglify gulp-babel babel-preset-es2015 gulp-jade git://github.com/oroce/gulp-jade-php#v2.0.0-0 gulp-sass
// Gulp
// ----
var gulp = require( 'gulp' );
var gulpif = require( 'gulp-if' );
var concat = require( 'gulp-concat' );
@lisaross
lisaross / gulpfile.js
Created September 3, 2018 17:14 — forked from martincarlin87/gulpfile.js
Example gulpfile for PHP, SASS, Watching, Minifying, Optimising, Live Reload and Deploying
var gulp = require('gulp');
var gutil = require('gulp-util');
var argv = require('minimist')(process.argv);
var prompt = require('gulp-prompt');
var rsync = require('gulp-rsync');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require('browser-sync');
var useref = require('gulp-useref');
@lisaross
lisaross / workbox.md
Created August 30, 2018 23:52 — forked from addyosmani/workbox.md
Workbox recipes

Workbox runtime caching recipes

Your Service Worker script will need to import in Workbox and initialize it before calling any of the routes documented in this write-up, similar to the below:

importScripts('workbox-sw.prod.v1.3.0.js');
const workbox = new WorkboxSW();

// Placeholder array populated automatically by workboxBuild.injectManifest()

Keybase proof

I hereby claim:

  • I am lisaross on github.
  • I am lisaross (https://keybase.io/lisaross) on keybase.
  • I have a public key whose fingerprint is A77B 524D 8684 33DA F3B4 E762 95F0 09F7 A345 321C

To claim this, I am signing this object: