zachleat

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: "",

jgw96

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";

brianloveswords

gif-from-tweet

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.

Dependencies

• ffmpeg
  • macOS: brew install ffmpeg
  • Ubuntu/Debian: apt install ffmpeg

PaulKinlan

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

poshaughnessy

v1.x (v1.0: Chromium 18, v1.5 & v1.6: Chromium 28)

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)

• v1.0 preloaded in Galaxy S4
• v1.5 preloaded in Galaxy Note 3

paulirish

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.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

NielsLeenheer

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.

jonathantneal

CSS properties that trigger layout

1. border, border-collapse, border-width

• box-sizing
• float
• font, font-family, font-size, font-weight, line-height
• height
• letter-spacing
• margin
• max-height

bradfrost

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

VinSpee

Style Guide Generators

A current list of styleguide genorators useful for creating your own "bootstrap".

NodeJS

• KSS-Node
• Pattern Primer
• StyleDocco
• StyleDown