| const eleventyVue = require("@11ty/eleventy-plugin-vue"); | |
| module.exports = function(eleventyConfig) { | |
| // Use Defaults | |
| eleventyConfig.addPlugin(eleventyVue); | |
| // OR, Use your own options | |
| eleventyConfig.addPlugin(eleventyVue, { | |
| // Directory for single file components (defaults to includes folder) | |
| componentsDirectory: "", |
| export async function getUser(token: string) { | |
| const headers = new Headers(); | |
| const bearer = "Bearer " + token; | |
| headers.append("Authorization", bearer); | |
| const options = { | |
| method: "GET", | |
| headers: headers | |
| }; | |
| const graphEndpoint = "https://graph.microsoft.com/beta/me"; |
There are so many great GIFs out there and I want to have copies of them. Twitter makes that harder than it should be by converting them to MP4 and not providing access to the source material. To make it easier, I made a bash pipeline that takes a tweet URL and a filename, extracts the MP4 from that tweet and uses ffmpeg to convert back to GIF.
brew install ffmpegapt install ffmpeg
| (function() { | |
| let canvas = document.querySelector('canvas'); | |
| // Optional frames per second argument. | |
| let stream = canvas.captureStream(25); | |
| var options = {mimeType: 'video/webm; codecs=vp9'}; | |
| let recorder = new MediaRecorder(stream, options); | |
| let blobs = []; | |
| function download(blob) { | |
| var url = window.URL.createObjectURL(blob); |
Originally based on the stock Android browser (AOSP), 2012.
"It was around early 2013 when we made [the decision to move to Chromium]. We shipped our first Chromium-based browser in one of the Galaxy S4 models released later in 2013." (Source)
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.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| Note: Some older devices such as the Galaxy S III did not get the Chromium based browser with | |
| the update to Android 4.2 or later. When Samsung later introduced the Galaxy S3 Neo it did get | |
| the new browser. | |
| Note: With the Android 4.3 release and version 1.5 of the Chromium browser, Samsung did not | |
| enable WebAudio API for the Note 3. All other devices did get the WebAudio API. | |
| Note: Samsung did not update the browser version with the upgrade from Android 4.3 to 4.4, | |
| but did add getUserMedia and WebRTC functionality. |
| module.exports = function(grunt) { | |
| // Configuration | |
| grunt.initConfig({ | |
| pkg: grunt.file.readJSON('package.json'), | |
| concat: { | |
| dist: { | |
| src: [ | |
| 'source/js/libs/*.js', // All JS in the libs folder |
A current list of styleguide genorators useful for creating your own "bootstrap".