tanaikech

Upload Files to Google Drive using Javascript

News

At October 11, 2019, I published a Javascript library to to run the resumable upload for Google Drive. When this is used, the large file can be uploaded. You can also use this js library.

Description

This is a sample script for uploading files to Google Drive using Javascript. The files are uploaded by Drive API v3. gapi.client.drive.files.create() can create an empty file on Google Drive. But it cannot directly upload files including contents. I think that this might not be able to upload files and metadata with the multipart/related, although this might be resolved by the future update. So now, as one of workarounds, I use using XMLHttpRequest.

• This sample uses gapi.
• Before you use this, please enable Drive API at API console and carr

developit

🐻 valoo

just the bare necessities of state management.

Usage

Hotlink it from https://unpkg.com/valoo.

See Interactive Codepen Demo.

adapowers

Code of Conduct

Our mission is to foster connections among content professionals who are interested in creating more ethical and inclusive user experiences together. Sharing of content and personal projects related to our mission is acceptable and encouraged.

The Ethical Content Slack group is dedicated to providing a harassment-free experience for everyone. We do not tolerate harassment of participants in any form.

This code of conduct applies to every member of the Ethical Content Slack group. Anyone who violates this code of conduct may be sanctioned or expelled from the Ethical Content Slack group at the discretion of the admin team.

Ethical Content Slack group members are responsible for knowing and abiding by these rules.

SaraVieira

import App from './components/app';
import { h, render } from 'preact';
import { default as renderToString } from 'preact-render-to-string';
import { ServerStyleSheet } from 'styled-components'

if(typeof window === undefined) {
    const sheet = new ServerStyleSheet()
    const html = renderToString(sheet.collectStyles(<App />))
    const styleTags = sheet.getStyleTags() // or sheet.getStyleElement()
}

Heydon

// Elements with `data-observe` toggle `data-visible`
// between `true` and `false`

if ('IntersectionObserver' in window) {
  const callback = (entries, observer) => {
    entries.forEach(entry => {
      entry.target.setAttribute('data-visible', entry.isIntersecting)
    })
  }
  

developit

state-machine-component

A tiny (265 byte) utility to create state machine components using two pure functions.

🔥 JSFiddle Demo

Usage

The API is a single function that accepts 2 pure functions as arguments:

kitten

With styled-components into the future

Preprocessing is dead, long live preprocessing!

This is a CFP for ReactiveConf 2017's open call for Lightning talks. If you'd like to see this talk become a reality, please ⭐ star this gist. #ReactiveConf

daneden

How to remap the caps lock key to the emoji selector on Mac

1. Go to System Preferences -> Keyboard -> Modifier Keys...
2. Change “Caps Lock” to “No action”
3. Install Seil
4. Change the Caps Lock key in Seil to keyCode 80 (F19)
5. Install Karabiner
6. Open Karabiner and go to Misc & Uninstall -> Open private.xml
7. Copy the contents of this gist's example to the XML file and save
8. In Karabiner, go to Change Keys -> Reload XML

jesperronn

Converting a Word Document to Markdown in One Move

The Problem

A lot of important government documents are created and saved in Microsoft Word (*.docx). But Microsoft Word is a proprietary format, and it's not really useful for presenting documents on the web. So, I wanted to find a way to convert a .docx file into markdown.

Installing Pandoc

On a mac you can use homebrew by running the command brew install pandoc.

The Solution

justinmc

var gulp = require('gulp');

var clean = require('gulp-clean');
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');

var bases = {
 app: 'app/',