recent bookmarks

craft-redux: CRA teamplate for CRAFT https://github.com/stoyan/craft
Github repo
Name: craft-redux
Tagline: CRA teamplate for CRAFT https://github.com/stoyan/craft
Languages:
JavaScript = 4517 bytes
HTML = 1137 bytes
CSS = 440 bytes

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app) and [CRAFT](https://github.com/stoyan/craft).

---

If you are interested in this template - let me know - tweet me [@tuchk4](https://twitter.com/tuchk4) or [file an issue](https://github.com/tuchk4/craft-redux/issues/new) here.

I will add more features and tests.

---

```
npm i -g craftool
craft MyAppRedux https://github.com/tuchk4/craft-redux/archive/master.zip
```

## General Resources

Please read official Create React App guide and don't try to customize configs because I am sure that all your requirements are reachable in 100% without config customizing or ejecting.

<img src="http://i.imgur.com/ULoeOL4.png" height="16"/> [Why I love Create React App and don't want to eject](https://medium.com/@valeriy.sorokobatko/why-i-love-create-react-app-e63b1be689a3)

* [Create React App GitHub](https://github.com/facebookincubator/create-react-app)
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md)
* [Awesome Create React App](https://github.com/tuchk4/awesome-create-react-app)
* [Redux](http://redux.js.org/)
* [React Router](https://reacttraining.com/react-router/)
* [Reselect](https://github.com/reactjs/reselect)

### Redux

* [Redux Logger](https://github.com/evgenyrodionov/redux-logger)
* [Redux Thunk](https://github.com/gaearon/redux-thunk)
* compose with [Redux Chrome extension](https://github.com/zalmoxisus/redux-devtools-extension) for development env.

> [Displaying Map in state #124](https://github.com/zalmoxisus/redux-devtools-extension/issues/124)

> Import [`set.prototype.tojson`](https://www.npmjs.com/package/set.prototype.tojson) and [`map.prototype.tojson`](https://www.npmjs.com/package/map.prototype.tojson) for correct view of [`Map`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) and [`Set`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) structures at Redux Chrome extension.

---

App | Redux Chrome dev tools
----|---
![CRAFT Redux Screenshot](https://monosnap.com/file/X5rD3u7mubxRHpufXzIACNhzk5zVEs.png) | ![Alt text](https://monosnap.com/file/UWm0dSNy1zhO1dfey7kHtiezhPaZKk.png)

### `npm start`

Runs the app in development mode.<br>
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br>
You will see the build errors and lint warnings in the console.

<img src='https://camo.githubusercontent.com/41678b3254cf583d3186c365528553c7ada53c6e/687474703a2f2f692e696d6775722e636f6d2f466e4c566677362e706e67' width='600' alt='Build errors'>

### `npm test`

Runs the test watcher in an interactive mode.<br>
By default, runs tests related to files changes since the last...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
It's true what they say. You learn a lot about journalism when your institution is the subject of a story. Who jump…
from twitter
10 days ago by Palafo
The Terry Elliott Daily
The latest The Terry Elliott Daily! Thanks to
edtech  k12  from twitter
10 days ago by tellio
VimBox: Simple, Modern MacVim Configuration
Github repo
Name: VimBox
Tagline: Simple, Modern MacVim Configuration
Languages:
Vim script = 113239 bytes
Shell = 4790 bytes
JavaScript = 1050 bytes

<table width="100%">
<tr>
</tr>

<tr>
<td>
<h2>VimBox</h2>
Modern MacVim Configuration
<img src="dotVim/images/VimBox.png" height="256px" width="256px" />
</td>
<td>

<ul>
<li><h5>Mac Keyboard mappings</h5></li>
<li><h5>Familiar autocomplete behavior</h5></li>
<li><h5>JavaScript indentation and lint support</h5></li>
<li><h5>Snippets (with JavaScript examples)</h5></li>
<li><h5>Spacegray theme with matching app icon.</h5></li>
</ul>
</td>
</tr>
</table>

<br>

> VimBox with Atom inspired one-dark theme.

<img width="744px" height="642px" src="dotVim/images/VimBoxScreen_1488x1284.png" />

> VimBox's matching application icon

<img src="dotVim/images/iconScreenshot.png" />

Installation:
-------------
> Quickly try VimBox in place of your existing setup. Back up your existing vim files, and move them out of the way as instructed:

1. If you already have a vim setup, move it safely out of the way or back it up.

mv ~/.vim ~/.vim_backup #No trailing slashes to preserve symlinks!
mv ~/.vimrc ~/.vimrc_backup
mv ~/.gvimrc ~/.gvimrc_backup

2. You *Must* Install a [Recent Version of MacVim](http://macvim-dev.github.io/macvim/): (with python support)

# Alternatively, if you'd rather install via `brew`
brew install macvim --with-cscope --python --HEAD
brew linkapps # Put the app in your /Applications directory

3. Clone `VimBox` wherever you like to keep your github clones

# cd ~/github/ # Or wherever you like to keep github clones
git clone https://github.com/jordwalke/VimBox/
ln -s `pwd`/VimBox/dotVim ~/.vim # Link to the cloned vim config
ln -s `pwd`/VimBox/dotVimRc ~/.vimrc
ln -s `pwd`/VimBox/dotGVimRc ~/.gvimrc

4. Start `MacVim` that you just installed. It will prompt you to download the
plugins in the background. If you opt to do so, it may take a while to
startup but be patient.

5. `[Recommended]` Install the included vim-airline font so `VimBox` looks like
the screenshot with the `vim-airline` bar. From the command line:

open ./VimBox/dotVim/Fonts/InconsolataDz/Inconsolata-dz\ for\ Powerline.otf # Then click "Install Font"

6. Install up-to-date node.js if you want JS linting (http://nodejs.org/)

7. Make your MacVim use the VimBox icon (optional):

```lang=bash
open /Applications/
# Find the MacVim app icon and press `⌘+i` to open the information window
open ./dotVim/images
# drag the ApplicationIcon.icns onto the little icon in the information window
# and restart MacVim.
```


Features:
----------

#### Familiar Mac Key Commands

| Key | Action |
| ------------------------- |----------------------------------------------------------|
| `⌘+p` | Open Anything (`ctrl-p`) ...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
RT : The Gripsholm Lion, Gripsholm Castle, Södermanland
from twitter
10 days ago by bolstad
Twitter
RT @discoversweden: The Gripsholm Lion, Gripsholm Castle, Södermanland https://t.co/1f8EWmeSHg
via:packrati.us 
10 days ago by bolstad
Twitter
i'd forgotten that i used imgur occasionally a few years ago & logged into it & literally pushed back from my compu…
from twitter_favs
10 days ago by sextopus
react-redux-grid: A React Grid/Tree Component written in the Redux Pattern
Github repo
Name: react-redux-grid
Tagline: A React Grid/Tree Component written in the Redux Pattern
Homepage: http://react-redux-grid.herokuapp.com/
Languages:
JavaScript = 570915 bytes
CSS = 16151 bytes

# React-Redux Grid

[![npm version](https://badge.fury.io/js/react-redux-grid.svg)](https://badge.fury.io/js/react-redux-grid)
[![Build Status](https://travis-ci.org/bencripps/react-redux-grid.svg?branch=master)](https://travis-ci.org/bencripps/react-redux-grid)
[![Dependency Status](https://www.versioneye.com/user/projects/571b8782fcd19a0045441c8d/badge.svg?style=flat)](https://www.versioneye.com/user/projects/571b8782fcd19a0045441c8d)
[![npm](https://img.shields.io/npm/dm/react-redux-grid.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/react-redux-grid)
[![codecov](https://codecov.io/gh/bencripps/react-redux-grid/branch/master/graph/badge.svg)](https://codecov.io/gh/bencripps/react-redux-grid)
[![Gitter](https://img.shields.io/gitter/room/bencripps/react-redux-grid.svg?maxAge=2592000)](https://gitter.im/bencripps/react-redux-grid)
[![bitHound Dependencies](https://www.bithound.io/github/bencripps/react-redux-grid/badges/dependencies.svg)](https://www.bithound.io/github/bencripps/react-redux-grid/master/dependencies/npm)
[![bitHound Overall Score](https://www.bithound.io/github/bencripps/react-redux-grid/badges/score.svg)](https://www.bithound.io/github/bencripps/react-redux-grid)
[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/bencripps/react-redux-grid/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/bencripps/react-redux-grid/?branch=master)
[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/bencripps/react-redux-grid.svg)](http://isitmaintained.com/project/bencripps/react-redux-grid "Average time to resolve an issue")
[![Percentage of issues still open](http://isitmaintained.com/badge/open/bencripps/react-redux-grid.svg)](http://isitmaintained.com/project/bencripps/react-redux-grid "Percentage of issues still open")
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/bencripps/react-redux-grid/blob/master/docs/CONTRIBUTING.MD)

A Grid and Tree Component written in [React](https://facebook.github.io/react) using the [Redux](https://github.com/rackt/redux) Pattern with plenty of open source [examples](http://react-redux-grid.herokuapp.com/), and an [interesting backstory](https://medium.com/@itsBenCripps/open-sourcing-a-redux-component-bb82f260ff62#.evnov65ui).

![React Redux Grid](https://raw.githubusercontent.com/bencripps/react-redux-grid/master/demo/demo.gif)

## Features

* Flat List or Tree Structure :heavy_minus_sign: :evergreen_tree:
* Local and/or Remote Data Source
* Local and/or Remote Pagination
* Extensive Column Definitions :muscle:
* Draggable Column Width/Resizing
* Draggable Column Ordering
* Sortable Columns
* Grid Action Menus
* Bulk Action Toolbar
* Selection...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Niet-monogame gemeenschap eist 'op zijn minst' een week om deftig Valentijn te vieren - Het beleg van antwerpen
PARKING – Voor de romantische zielen onder ons is het weer zo ver. Overal ter lande maken verliefde koppeltjes zich op voor een intieme Valentijnsdag . Toch…
from instapaper
10 days ago by bkeetman
vanilla-tilt.js: A smooth 3D tilt javascript library.
Github repo
Name: vanilla-tilt.js
Tagline: A smooth 3D tilt javascript library.
Homepage: https://micku7zu.github.io/vanilla-tilt.js/index.html
Languages:
JavaScript = 29295 bytes

# vanilla-tilt.js

[![npm version](https://badge.fury.io/js/vanilla-tilt.svg)](https://badge.fury.io/js/vanilla-tilt)
[![ghit.me](https://ghit.me/badge.svg?repo=micku7zu/vanilla-tilt.js)](https://ghit.me/repo/micku7zu/vanilla-tilt.js)

A smooth 3D tilt javascript library forked from [Tilt.js (jQuery version)](https://github.com/gijsroge/tilt.js).

[View landing page (demos)](https://micku7zu.github.io/vanilla-tilt.js/)

### Usage

```html
<body>
<div class="your-element" data-tilt></div>

<!-- at the end of the body -->
<script type="text/javascript" src="vanilla-tilt.js"></script>
</body>
```

### Options
```js
{
reverse: false, // reverse the tilt direction
max: 35, // max tilt rotation (degrees)
perspective: 1000, // Transform perspective, the lower the more extreme the tilt gets.
scale: 1, // 2 = 200%, 1.5 = 150%, etc..
speed: 300, // Speed of the enter/exit transition
transition: true, // Set a transition on enter/exit.
axis: null, // What axis should be disabled. Can be X or Y.
reset: true // If the tilt effect has to be reset on exit.
easing: "cubic-bezier(.03,.98,.52,.99)", // Easing on enter/exit.
glare: false // if it should have a "glare" effect
"max-glare": 1, // the maximum "glare" opacity (1 = 100%, 0.5 = 50%)
"glare-prerender": false // false = VanillaTilt creates the glare elements for you, otherwise
// you need to add .js-tilt-glare>.js-tilt-glare-inner by yourself
}
```

### Events
```js
const element = document.querySelector(".js-tilt");
VanillaTilt.init(element);
element.addEventListener("tiltChange", callback);
```

### Methods
```js
const element = document.querySelector(".js-tilt");
VanillaTilt.init(element);

// Destroy instance
element.vanillaTilt.destroy();

// Get values of instance
element.vanillaTilt.getValues();

// Reset instance
element.vanillaTilt.reset();
```

### Install
You can copy and include any of the following file:

* [dist/vanilla-tilt.js](https://raw.githubusercontent.com/micku7zu/vanilla-tilt.js/master/dist/vanilla-tilt.js) ~ 6kb
* [dist/vanilla-tilt.min.js](https://raw.githubusercontent.com/micku7zu/vanilla-tilt.js/master/dist/vanilla-tilt.min.js) ~ 3.5kb
* [dist/vanilla-tilt.babel.js](https://raw.githubusercontent.com/micku7zu/vanilla-tilt.js/master/dist/vanilla-tilt.babel.js) ~ 8.5kb
* [dist/vanilla-tilt.babel.min.js](https://raw.githubusercontent.com/micku7zu/vanilla-tilt.js/master/dist/vanilla-tilt.babel.min.js) ~ 4.3kb

#### NPM

Also available on npm https://www.npmjs.com/package/vanilla-tilt

```
npm install vanilla-tilt
```

####...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
RT : This guy did a comparable analysis of Wonderbly vs. UK big children's publishers and you wouldn't believe what he f…
from twitter_favs
10 days ago by Fallingbadgers
avoriaz: 🔬 a Vue.js testing utility library
Github repo
Name: avoriaz
Tagline: 🔬 a Vue.js testing utility library
Homepage: https://eddyerburgh.gitbooks.io/avoriaz/content/
Languages:
JavaScript = 85559 bytes
Vue = 9151 bytes
TypeScript = 2326 bytes
Shell = 556 bytes

# avoriaz [![Build Status](https://travis-ci.org/eddyerburgh/avoriaz.svg?branch=master)](https://travis-ci.org/eddyerburgh/avoriaz)

> a Vue.js testing utility library

## Deprecation

This library will be deprecated once [vue-test-utils](https://github.com/vuejs/vue-test-utils) is released.

## Installation

```
npm install --save-dev avoriaz
```

## Documentation

[Visit the docs](https://eddyerburgh.gitbooks.io/avoriaz/content/)

## Examples

- [Example using karma and mocha](https://github.com/eddyerburgh/avoriaz-karma-mocha-example)
- [Example using karma and jasmine](https://github.com/eddyerburgh/avoriaz-karma-jasmine-example)
- [Example using Jest](https://github.com/eddyerburgh/avoriaz-jest-example)
- [Example using mocha-webpack](https://github.com/eddyerburgh/avoriaz-mocha-example)
- [Example using tape](https://github.com/eddyerburgh/avoriaz-tape-example)
- [Example using ava](https://github.com/eddyerburgh/avoriaz-ava-example)

##### Assert wrapper contains a child
```js
import { mount } from 'avoriaz'
import Foo from './Foo.vue'

const wrapper = mount(Foo)
expect(wrapper.contains('.bar')).to.equal(true)
```

##### Shallow render components
```js
import { shallow } from 'avoriaz'
import Foo from './Foo.vue'
import Bar from './Bar.vue'

const wrapper = shallow(Foo)
expect(wrapper.contains(Bar)).to.equal(true)
```

##### Assert style is rendered
```js
const button = wrapper.find('div > button .button-child')[0]
expect(button.hasStyle('color', 'red')).to.equal(true)
```

##### Assert method is called when DOM event is triggered
```js
const clickHandler = sinon.stub()
const wrapper = mount(Foo, {
propsData: { clickHandler }
})
wrapper.find('div .bar')[0].trigger('click')
expect(clickHandler.called).to.equal(true)
```

##### Assert wrapper contains text
```js
const title = wrapper.find('h1.title')[0]
expect(title.text()).to.equal('some text')
```

##### Inject globals
```js
const $route = { path: 'http://www.example-path.com' }
const wrapper = mount(Foo, {
globals: {
$route
}
})
expect(wrapper.vm.$route.path).to.equal($route.path)
```

##### Inject slots
```js
const wrapper = mount(Foo, {
slots: {
default: Foo
}
})
```

##### Set data
```js
wrapper.setData({
someData: 'some data'
})

expect(wrapper.vm.someData).to.equal('some data')
```

##### Update props
```js
wrapper.setProps({
someProp: 'some prop',
anotherProp: 'another prop'
})
```

For more examples, [see the docs](https://eddyerburgh.gitbooks.io/avoriaz/content/)
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
hyperapp: 1 KB JavaScript library for building web applications.
Github repo
Name: hyperapp
Tagline: 1 KB JavaScript library for building web applications.
Homepage: https://hyperapp.js.org
Languages:
JavaScript = 36093 bytes
TypeScript = 765 bytes

# <img height=24 src=https://cdn.rawgit.com/JorgeBucaran/f53d2c00bafcf36e84ffd862f0dc2950/raw/882f20c970ff7d61aa04d44b92fc3530fa758bc0/Hyperapp.svg> Hyperapp

[![Travis CI](https://img.shields.io/travis/hyperapp/hyperapp/master.svg)](https://travis-ci.org/hyperapp/hyperapp) [![npm](https://img.shields.io/npm/v/hyperapp.svg)](https://www.npmjs.org/package/hyperapp) [![Slack](https://hyperappjs.herokuapp.com/badge.svg)](https://hyperappjs.herokuapp.com "Join us")

Hyperapp is a JavaScript library for building web applications.

* **Minimal** — Hyperapp was born out of the attempt to do more with less. We have aggressively minimized the concepts you need to understand while remaining on par with what other frameworks can do.
* **Functional** — Hyperapp's design is inspired by [The Elm Architecture](https://guide.elm-lang.org/architecture). Create scalable browser-based applications using a functional paradigm. The twist is you don't have to learn a new language.
* **Batteries-included** — Out of the box, Hyperapp combines state management with a Virtual DOM engine that supports keyed updates & lifecycle events — all with no dependencies.

## Getting Started

Our first example is a counter that can be incremented or decremented. Go ahead and try it online [here](https://codepen.io/hyperapp/pen/zNxZLP).

```js
import { h, app } from "hyperapp"

const state = {
count: 0
}

const actions = {
down: value => state => ({ count: state.count - value }),
up: value => state => ({ count: state.count + value })
}

const view = (state, actions) => (
<div>
<h1>{state.count}</h1>
<button onclick={() => actions.down(1)}>-</button>
<button onclick={() => actions.up(1)}>+</button>
</div>
)

app(state, actions, view, document.body)
```

This example assumes you are using a JavaScript compiler like [Babel](https://babeljs.io) or [TypeScript](https://www.typescriptlang.org) and a module bundler like [Parcel](https://parceljs.org), [Rollup](https://rollupjs.org), [Webpack](https://webpack.js.org), etc. Usually, all you need to do is install the JSX [transform plugin](https://babeljs.io/docs/plugins/transform-react-jsx) and add the pragma option to your <samp>.babelrc</samp> file.

```json
{
"plugins": [["transform-react-jsx", { "pragma": "h" }]]
}
```

JSX is a language syntax extension that lets you write HTML tags interspersed with JavaScript. Because browsers don't understand JSX, we use a compiler to transform it into <samp>hyperapp.h</samp> function calls (hyperscript).

```jsx
const view = (state, actions) =>
h("div", {}, [
h("h1", {}, state.count),
h("button", { onclick: () => actions.down(1) }, "-"),
h("button", { onclick: () => actions.up(1) }, "+")
...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
injection-js: Dependency injection library for JavaScript and TypeScript in 5.1K. It is an extraction of the Angular's ReflectiveInjector which means that it's well designed, feature complete, fast, reliable and well tested.
Github repo
Name: injection-js
Tagline: Dependency injection library for JavaScript and TypeScript in 5.1K. It is an extraction of the Angular's ReflectiveInjector which means that it's well designed, feature complete, fast, reliable and well tested.
Languages:
TypeScript = 102709 bytes
JavaScript = 68 bytes

[![Build Status](https://travis-ci.org/mgechev/injection-js.svg?branch=master)](https://travis-ci.org/mgechev/injection-js)

# Dependency Injection

Dependency injection library for JavaScript and TypeScript in **5.2K**. It is an extraction of the Angular's dependency injection which means that it's feature complete, fast, reliable and well tested.

**Up-to-date with Angular 4.1**.

# Why not Angular version 5 and above?

Angular version 5 deprecated the `ReflectiveInjector` API and introduced `StaticInjector`. In short, the dependency injection in the newest versions of Angular will happen entirely compile-time so reflection will not be necessary.

However, if you want to use dependency injection in your Node.js, Vue, React, Vanilla JS, TypeScript, etc. application you won't be able to take advantage of `StaticInjector` the way that Angular will because your application won't be compatible with Angular compiler.

This means that **if you need dependency injection outside of Angular `@angular/core` is not an option. In such case, use `injection-js` for fast, small, reliable, high-quality, well designed and well tested solution.**

# How to use?

```
$ npm i injection-js --save
```

Note that for ES5 `Class` syntax and TypeScript you need a polyfill for the [Reflect API](http://www.ecma-international.org/ecma-262/6.0/#sec-reflection). You can use, for instance, [reflect-metadata](https://www.npmjs.com/package/reflect-metadata), or [`core-js` (`core-js/es7/reflect`)](https://www.npmjs.com/package/core-js).

## TypeScript

```ts
import 'reflect-metadata';
import { ReflectiveInjector, Injectable, Injector } from 'injection-js';

class Http {}

@Injectable()
class Service {
constructor(private http: Http) {}
}

@Injectable()
class Service2 {
constructor(private injector: Injector) {}

getService(): void {
console.log(this.injector.get(Service) instanceof Service);
}

createChildInjector(): void {
const childInjector = ReflectiveInjector.resolveAndCreate([
Service
], this.injector);
}
}

const injector = ReflectiveInjector.resolveAndCreate([
Service,
Http
]);

console.log(injector.get(Service) instanceof Service);
```

**Note**: you will need to enable the TypeScript flags `experimentalDecorators` and `emitDecoratorMetadata` to make this work.

## ES6

```js
const { Inject, ReflectiveInjector } = require('injection-js');

class Http {}

class Service {
static get parameters() {
return [new Inject(Http)];
}

constructor(http) {
this.http = http;
}
}

const injector = ReflectiveInjector.resolveAndCreate([Http,...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
Not saying it’s good. But curious how you claim linear, direct cause-and-effect between the use of d…
from twitter
10 days ago by redasadki
gotem: Copy to clipboard for modern browsers in less than 1kb.
Github repo
Name: gotem
Tagline: Copy to clipboard for modern browsers in less than 1kb.
Languages:
JavaScript = 1565 bytes
HTML = 762 bytes

# gotem

[![gotem on NPM](https://img.shields.io/npm/v/gotem.svg?style=flat-square)](https://www.npmjs.com/package/gotem) [![Standard JavaScript Style](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](http://standardjs.com/)

Copy to clipboard for modern browsers in less than 1kb.

## Install

```sh
$ npm i gotem --save
```

## Use

`gotem` is a function that accepts 3 parameters:

1. A **required** trigger node.
2. A **required** target node.
3. An **optional** object of callback functions.

Examples follow:

```javascript
import gotem from 'gotem'

// a trigger and target node are required
const nodes = {
trigger: document.getElementById('trigger'),
target: document.getElementById('target')
}

// when the trigger is clicked,
// the text of the target will be copied to the clipboard
gotem(nodes.trigger, nodes.target)

// if an object with callback functions (success, error) is passed,
// the appropriate function, based on the result of executing the copy command, will be fired if it exists
gotem(nodes.trigger, nodes.target, {
success: () => console.log('Copy command succeeded'),
error: () => console.log('Copy command failed, BUT the text to copy has still been selected.')
})
```

## Browser Support

gotem requires [`execCommand`](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand) cut/copy support.

As such, it works in the following:

* Chrome 43+
* Firefox 41+
* Safari 10+
* Edge 12+
* IE 9+

## License

[MIT](https://opensource.org/licenses/MIT). © 2017 Michael Cavalea
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
voxel: Voxel design tool built on top of css transformations
Github repo
Name: voxel
Tagline: Voxel design tool built on top of css transformations
Homepage: https://fatiherikli.github.io/voxel/
Languages:
JavaScript = 12329 bytes
CSS = 1542 bytes
HTML = 825 bytes

### Voxel Designing Tool built on top of CSS transformations

Just for fun purpose. To play on it:
http://fatiherikli.github.io/voxel

![demo](https://fatiherikli.github.io/voxel/static/animation.gif?heycache)
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
granim.js: Create fluid and interactive gradients animations with this small (< 17 kB) js library.
Github repo
Name: granim.js
Tagline: Create fluid and interactive gradients animations with this small (< 17 kB) js library.
Homepage: https://sarcadass.github.io/granim.js/
Languages:
JavaScript = 40133 bytes
HTML = 1044 bytes

# Granim.js [![Build Status](https://travis-ci.org/sarcadass/granim.js.svg?branch=master)](https://travis-ci.org/sarcadass/granim.js) [![codecov](https://codecov.io/gh/sarcadass/granim.js/branch/master/graph/badge.svg)](https://codecov.io/gh/sarcadass/granim.js) [![gitter](https://badges.gitter.im/sarcadass/granim.png)](https://gitter.im/Granim-js/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link)

Create fluid and interactive gradients animations with this small (< 17 kB) js library.

**See the [demo site](http://sarcadass.github.io/granim.js)**.

## Install

### From NPM

* Run `npm install granim --save`

### From Bower

* Run `bower install granim`

### Static

* Download the latest version [in the release section](https://github.com/sarcadass/granim.js/releases)

## How to use
```html
<!-- Create a <canvas> element -->
<canvas id="granim-canvas"></canvas>

<!-- Call the script -->
<script src="granim.min.js"></script>

<!-- Create a Granim instance -->
<script>
var granimInstance = new Granim({
element: '#granim-canvas',
name: 'granim',
opacity: [1, 1],
states : {
"default-state": {
gradients: [
['#834D9B', '#D04ED6'],
['#1CD8D2', '#93EDC7']
]
}
}
});
</script>
```
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
composition-logger: Some logging functions that come in handy when debugging your compositions.
Github repo
Name: composition-logger
Tagline: Some logging functions that come in handy when debugging your compositions.
Languages:
JavaScript = 2943 bytes

# Composition Logger

To install (recommended to save as a dev dependency)
```
npm install composition-logger --save -dev
```

When first working with functional compositions it can be daunting or difficult to visualise the data flow between each step of the composition.

Sometimes for developers who are experienced with using functional compositions it can sometimes be a tedious experience debugging or outputting the result after each step within the composition.

Usually a developer may have some helper function on stand by to help with logging the output of a composition, such as:

```javascript
export const trace = tag => output => {
console.log(`--------${tag}---------`, output);
return output;
};
```
By using `console.group` we can view the data that passes through our compositions in a more clearer and understandable format.

Consider the following example

```javascript
import composeWithLogs from 'composition-logger';

const divideByTwo = data => data / 2;
const sum = data => data.reduce((a, b) => a + b);
const addOne = data => data + 1;
const map = f => arr => arr.map(f);
composeWithLogs(
divideByTwo,
sum,
map(addOne)
)([1, 4, 5, 6, 7]);
```

By replacing which ever compose function you are using with the compose function provided by this module it would yield the result below. Which is basically a `console.group` with nested groups for each function within the composition.

![alt-text](https://s3-eu-west-1.amazonaws.com/composition-logger/complogger.png)

## Things To Note
- This module is focused towards a browser environment as it supports `console.group`
- Node does not support `console.group`, so a basic `console.log` is used instead, you should only see this when running the composition logger within a node env, e.g Intial render for sever side rendering.
- This module composes from right to left and will not work with functions such as `flow`.
- This module focuses on outputting the steps at the root level of a composition.
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
A couple of weeks ago my team + I sat down to think about how to attract the very best PMs, Designers, Researchers…
from twitter_favs
10 days ago by jackfranklin
react-modal-video: Accessible React Modal Video Component
Github repo
Name: react-modal-video
Tagline: Accessible React Modal Video Component
Homepage: https://appleple.github.io/react-modal-video/
Languages:
JavaScript = 14223 bytes
CSS = 2699 bytes
HTML = 382 bytes

# react-modal-video
React Modal Video Component

## Features

- Not affected by dom structure.
- Beautiful transition
- Accessible for keyboard navigation and screen readers.
- Rich options for youtube API and Vimeo API

## Demo
[http://rawgit.com/appleple/react-modal-video/master/test/](http://rawgit.com/appleple/react-modal-video/master/test/)

## Install

### npm

```sh
npm install react-modal-video
```

## Usage

import sass file to your project

```scss
@import 'node_modules/react-modal-video/scss/modal-video.scss';
```

change "isOpen" property to open and close the modal-video

```jsx
import React from 'react'
import ReactDOM from 'react-dom'
import ModalVideo from 'react-modal-video'

class App extends React.Component {

constructor () {
super()
this.state = {
isOpen: false
}
this.openModal = this.openModal.bind(this)
}

openModal () {
this.setState({isOpen: true})
}

render () {
return (
<div>
<ModalVideo channel='youtube' isOpen={this.state.isOpen} videoId='L61p2uyiMSo' onClose={() => this.setState({isOpen: false})} />
<button onClick={this.openModal}>Open</button>
</div>
)
}
}

ReactDOM.render(
<App />,
document.getElementById('root')
)
```

## Options

- About YouTube options, please refer to https://developers.google.com/youtube/player_parameters?hl=en
- About Vimeo options, please refer to https://developer.vimeo.com/apis/oembed

<table style="min-width:100%;">
<tbody><tr>
<th colspan="2">properties</th>
<th>default</th>
</tr>
<tr>
<td colspan="2">channel</td>
<td>'youtube'</td>
</tr>
<tr>
<td...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
fucking christ, thank you, god damn
from twitter_favs
10 days ago by riking
Twitter
„Nichts gegen Frauen. Aber wieso lässt man eine Frau ein Fußballspiel kommentieren?“

1. Weil sie einen guten Job m…
from twitter_favs
10 days ago by springfeld
Metropolis: A modern, geometric typeface
Github repo
Name: Metropolis
Tagline: A modern, geometric typeface
Languages:
Python = 784 bytes

![Metropolis](https://github.com/chrismsimpson/Metropolis/blob/master/Images/metropolis-1.png)

# The Metropolis Typeface

The Vision
---
To create a modern, geometric typeface. Open sourced, and openly available. Influenced by other popular geometric, minimalist sans-serif typefaces of the new millenium. Designed for optimal readability at small point sizes while beautiful at large point sizes.

December 2017 update
---
Currently working on greatly improving spacing and kerning of the base typeface. Once this is done, work on other variations (e.g. rounded or slab) can begin in earnest.

The License
---
Licensed under Open Font License (OFL). Available to anyone and everyone. Contributions welcome.

Contact
---
Contact me via chris.m.simpson@icloud.com or http://twitter.com/ChrisMSimpson for any questions, requests or improvements (or just submit a pull request).

Support
---
You can now support work on Metropolis via Patreon at https://www.patreon.com/metropolis.
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
Fuck guns. Fuck everyone that uses them for violence. FUCK this. I hate living in fear and PRAYING my friends make…
from twitter_favs
10 days ago by patricktaylor
Twitter
RT : I can't even handle this, Jordan Peterson got upset by Zizek's recent article about him so he's trying to pick a fi…
from twitter
10 days ago by hypatia
webvr-experiments: A collection of React VR & A-Frame experiments (potentially ReasonML & Elm in the future)
Github repo
Name: webvr-experiments
Tagline: A collection of React VR & A-Frame experiments (potentially ReasonML & Elm in the future)
Languages:
JavaScript = 20256 bytes
HTML = 10219 bytes

# WebVR Experiments

A collection of React VR &amp; A-Frame experiments (potentially ReasonML &amp; Elm in the future)

## Hello World (ReactVR)

This is an experience report/guide to explore ReactVR. Keep in mind I had some basic knowledge in 3D-modeling as well as computer graphics beforehand. Please ping me on [Twitter](https://twitter.com/nikgraf) in case you have questions or I take things for granted you have a hard time wrapping your head around. I also highly recommend to read the full [ReactVR docs](https://facebookincubator.github.io/react-vr/docs/getting-started.html). I did as well :)

![reactvr-helloworld](https://cloud.githubusercontent.com/assets/223045/21521233/3fec3b92-ccfb-11e6-9027-7a6b9571724f.gif)

To try out the examples run

```
# cd into/the/folder
yarn install
npm start
# open http://localhost:8081/vr/
```

Or check out the hosted [live demo of HelloWorld v3](https://nikgraf.github.io/webvr-experiments/HelloWorld/v3/) and [live demo of Animation v2](https://nikgraf.github.io/webvr-experiments/Animation/v2/).

### [v1 - Basic Cube Rendering](https://github.com/nikgraf/webvr-experiments/tree/master/react-vr/v1-cube)

<img width="1176" alt="screen shot cube" src="https://cloud.githubusercontent.com/assets/223045/21510601/a1957270-cc95-11e6-9e73-42f82339f76e.png">

With this example I wanted to explore how to create my own geometries and render it within ReactVR. I evaluated a couple of tools and in the end decided to go with [Blender](https://www.blender.org/). I'm still struggling with the interface a bit, but Blender is open source has all the advanced features I will probably need for the next couple of years.

In Blender I created a cube, removed the light and camera, added a material to color the cube's surfaces and exported the scene to the Wavefront `.obj` (geometry) and `.mtl` (material) format. Then learned that Three.js failed to render my simple cube properly as soon as I create a `<Model source={{ obj: asset('cube.obj'), mtl: asset('cube.mtl') }} lit={true} />` due to some issues with the material definitions. What worked for me was to remove all the gimmick features from the material and reduce it to `Diffuse` & `Specular` lighting. I unchecked all other checkboxes for the material. This is not a Blender only issue, as I encountered similar issues once I gave other tools a try.

<img width="930" alt="cube setup in blender" src="https://cloud.githubusercontent.com/assets/223045/21511170/57abd1ec-cc9d-11e6-901d-e79958bfe1b3.png">

### [v2 - Tree (first custom component)](https://github.com/nikgraf/webvr-experiments/tree/master/react-vr/v2-tree)

<img width="1176" alt="screen shot tree" src="https://cloud.githubusercontent.com/assets/223045/21510600/a1920982-cc95-11e6-8896-b5c963479a86.png">

The goal of this stage was to create a `Tree` component. I created two geometries (tree-crown, tree-trunk) and placed them in my `HelloWorld` component. After some positioning I was able to extract both into a `Tree`...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
Fedora Council Subproject Report: Internet of Things

recording of call earlier this day, f…
from twitter
10 days ago by vielmetti
Untitled (https://www.youtube.com/watch?v=aA6JNeCt8Aw)
Fedora Council Subproject Report: Internet of Things

recording of call earlier this day, f…
from twitter
10 days ago by vielmetti
Twitter
Roger Hunt
Kenny Dalglish
Ian Rush
John Aldridge
Robbie Fowler
Fernando Torres
Luis Suarez
Mohamed Salah

Thirty go…
from twitter_favs
10 days ago by ritwik
Twitter
RT : What? It’s also *his* child. This is the sort of rhetoric that perpetuates fathers getting pats on the back & gold…
from twitter
10 days ago by stringsn88keys
digidj-app
Github repo
Name: digidj-app
Tagline:
Languages:
JavaScript = 1292841 bytes
CoffeeScript = 11023 bytes

<a href=http://digidj-app.herokuapp.com/ >digidj-app.herokuapp.com</a>
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
legal-docs: Free, unencumbered NDA(s), employment agreement(s), and other legal contracts
Github repo
Name: legal-docs
Tagline: Free, unencumbered NDA(s), employment agreement(s), and other legal contracts
Homepage: http://blog.papertrailapp.com/free-un-copyrighted-nda-and-employment-contracts/
Languages:

## License

Public domain under [Creative Commons 0](http://creativecommons.org/publicdomain/zero/1.0/).
No rights reserved.

[CC0 FAQ](http://wiki.creativecommons.org/CC0_FAQ).

## Use at your own risk

Papertrail does not warrant that these are suitable for any purpose.
These do not replace an attorney. Any use of these contracts is at your
own risk and should be under the guidance of your own legal advisor.

## Use

Find for occurrences of `[`, which represent a placeholder. Globally
replace each of the placeholders with the appropriate value for your
situation.
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
mockJSON: MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data.
Github repo
Name: mockJSON
Tagline: MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data.
Homepage: http://experiments.mennovanslooten.nl/2010/mockjson/
Languages:
JavaScript = 15030 bytes
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
graphology: A robust & multipurpose Graph object for JavaScript.
Github repo
Name: graphology
Tagline: A robust & multipurpose Graph object for JavaScript.
Homepage: https://graphology.github.io
Languages:
JavaScript = 376033 bytes

[![Build Status](https://travis-ci.org/graphology/graphology.svg)](https://travis-ci.org/graphology/graphology)

# Graphology

`graphology` is a specification for a robust & multipurpose JavaScript `Graph` object and aiming at supporting various kinds of graphs under a same unified interface.

You will also find here the source for the reference implementation of this specification.

## Installation

```
npm install graphology
```

## Documentation

Full documentation for the library/specs is available [here](https://graphology.github.io).

## Contribution

Contributions are obviously welcome. Just be sure to lint & add/run relevant unit tests.

```
# Installing locally
git clone git@github.com:graphology/graphology.git
cd graphology
npm install

# Linting
npm run lint

# Running the unit tests
npm test

# Building & Distribution
npm run build
npm run dist
```
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
apprun: AppRun is a 3K library for developing applications using the elm style model-view-update architecture based on event pub and sub pattern.
Github repo
Name: apprun
Tagline: AppRun is a 3K library for developing applications using the elm style model-view-update architecture based on event pub and sub pattern.
Homepage: https://yysun.github.com/apprun
Languages:
TypeScript = 40622 bytes
JavaScript = 6501 bytes
HTML = 3789 bytes

# AppRun [![Build Status](https://travis-ci.org/yysun/apprun.svg?branch=master)](https://travis-ci.org/yysun/apprun)

![logo](logo.png)

AppRun is a 3K library for building applications using the [elm](https://guide.elm-lang.org/architecture) style
[model-view-update architecture](docs/concept.md)
and the [event publication and subscription](docs/event-pubsub.md).

## Quick Start

To give it a try, include AppRun in your html.
```
<script src="https://unpkg.com/apprun@latest/dist/apprun-html.js"></script>
```

No other ceremony, you can start writing your model, view and update code right away.

```
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Counter</title>
</head>
<body>
<script src="https://unpkg.com/apprun@latest/dist/apprun-html.js"></script>
<div id="my-app"></div>
<script>
const model = 0;

const view = (model) => {
return `<div>
<h1>${model}</h1>
<button onclick='app.run("-1")'>-1</button>
<button onclick='app.run("+1")'>+1</button>
</div>`;
};

const update = {
'+1': (model) => model + 1,
'-1': (model) => model - 1
};

app.start('my-app', model, view, update);
</script>
</body>
</html>
```

The example code above is a counter application that has implemented the model-view-update architecture.

Try it online: [AppRun - Counter](https://jsfiddle.net/ap1kgyeb/4).

Larger applications can be built using components where each component has a model-view-update architecture.

e.g.

* [RealWorld Example App](https://github.com/gothinkster/apprun-realworld-example-app) - a blogging platform adheres to the [RealWorld specification](https://github.com/gothinkster/realworld) (1100 lines).
* [Hacker News](https://github.com/yysun/apprun-hn) - PWA hacker news reader (230 lines)
* [AppRun Demo App](https://github.com/yysun/demo) - a SPA that has 8 components, including a [Todo component](https://github.com/yysun/apprun/tree/master/demo/components/todo.tsx) (90 lines)

Applications built with AppRun have less line of code, smaller js file and better performance. See a comparision from [A Real-World Comparison of Front-End Frameworks with Benchmarks](https://medium.freecodecamp.org/a-real-world-comparison-of-front-end-frameworks-with-benchmarks-e1cb62fd526c).

AppRun has also joined the [js-framework-benchmark](https://github.com/krausest/js-framework-benchmark) project. You can see its [performance results](https://rawgit.com/krausest/js-framework-benchmark/master/webdriver-ts-results/table.html) compared to other frameworks and libraries.

## Install

If you are interested in moving...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Esm3rald: The Replacement - ch 7/?
[E] Chan threesome, Harry Potter/Fred Weasley/George Weasley; Terry Boot/Anthony Goldstein/Harry Potter
WorksInProgress  esm3rald 
10 days ago by sshp_prophet
`Made in the U.S.A.' Turbines Cloud U.S. Offshore Wind - IndustryWeek
States in the Northeast are betting they can create their own windmill industry however, it will be costly but perhaps necessary as Trump pushes for more factory jobs and picks fights with those making parts abroad.
this-week-413  Around-the-web  Matt  energy  renewable-energy  wind-energy  made-in-america  manufacturing 
10 days ago by areadevelopment
Audio to Text Transcription Service | temi.com
I use and it's 10 cents a minute and great. It's not 100% accurate but it's…
from twitter_favs
10 days ago by zeke
Twitter
I use and it's 10 cents a minute and great. It's not 100% accurate but it's…
from twitter_favs
10 days ago by zeke
json-git: A pure JS local Git to versionize any JSON
Github repo
Name: json-git
Tagline: A pure JS local Git to versionize any JSON
Languages:
JavaScript = 50419 bytes

# json-git [![Build Status](https://travis-ci.org/RobinBressan/json-git.svg?branch=master)](https://travis-ci.org/RobinBressan/json-git)

A pure JS local Git to versionize any JSON.

If you want to use it with [Redux](https://github.com/reactjs/redux) find the official bindings here: **[json-git-redux](https://github.com/RobinBressan/json-git-redux/)**.

## Why should I use this?

The purpose of **json-git** is not to replace Git.

It is an experiment about bringing Git to the frontend for any Javascript application (like a react application).

## Installation

It is avaible through npm:

```sh
npm install json-git
```

## Usage

### Create a repository

**json-git** exports only one method `createRepository`:

```js
import createRepository from 'json-git';

const repository = createRepository();
```

It's that simple!

### Your first commit

You have now a JSON git, it's time to do your first commit:

```js
const tree = {
foo: 'bar',
};

repository.commit('robin', 'first commit', tree);
```

`robin` is my author name for that commit, and of course `first commit` is the commit's message.

### Read the current tree

At anytime you can read your current tree by getting the `tree` property :

```js
console.log(repository.tree);
```

This will display:

```json
{
"foo": "bar",
}
```

### Create your first branch

In **json-git** you always have a `master` branch but you can create some others as many as you want:

```js
repository.checkout('dev', true); // true means the branch is new
```

You can now commit on that branch:

```js
const tree = {
foo: 'bar',
hello: 'you',
bar: true,
};

repository.commit('robin', 'second commit', tree);
```

If you display the tree you will get:

```json
{
"foo": "bar",
"hello": "you",
"bar": true,
}
```

### Change the current branch

Well, we would like to come back to master:

```js
repository.checkout('master');
```

This time, if you display the tree you will get:

```json
{
"foo": "bar",
}
```

Our `"hello": "world"` is missing because it was commited on `dev` branch not `master`.

*Tip: Use the `branch` property of your repository to know the current branch.*

### Merge a branch into the current branch

#### No conflicts

The better situation for a merge is when there aren't any conflicts. So if we merge our `dev` branch into `master` it should be ok:

```js
repository.merge('robin', 'dev');
```

This will automaticaly create a merge commit with `robin` as author.

#### With conflicts

Forget about our last merge, let's talk about conflicts. First let's commit a new tree on `master`:

```js
const tree = {
foo: 'lorem',
hello: 'me',
};

repository.commit('robin', 'an evil commit',...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Melissa Lim on Twitter: "Why We Must Embrace Benevolent Friction in Education Technology by @jessieww / @edsurge https://t.co/hHgXrh1f3H"
Why We Must Embrace Benevolent Friction in Education Technology by @jessieww / @edsurge https://t.co/hHgXrh1f3H

— Melissa Lim (@actionhero) February 14, 2018
IFTTT  Twitter 
10 days ago by actionhero
vuedeux: Binding Solutions for Vue & Redux
Github repo
Name: vuedeux
Tagline: Binding Solutions for Vue & Redux
Homepage: http://vuedeux.com
Languages:
JavaScript = 2376 bytes

[![NPM](https://nodei.co/npm/vuedeux.png?compact=true)](https://npmjs.org/package/vuedeux)

# vuedeux

![Alt Text](https://github.com/dmrx/vuedoo/raw/master/examples/TodoMVC/assets/vuedeuxsmall.png)

## Full Documentation
https://vueduex.gitbooks.io/vuedeux-documentation/content/

## Synopsis

Vuedeux is a lightweight open-source utility layer for binding Vuex to Redux in a way that allows developers to re-use their pre-existing Redux stores.

## Motivation
Vuedeux answers our team's desire to create a simple way to re-use and share state-management code with Vue/Vuex. The decision to create the Vuedeux compatibility layer between Vuex and Redux was inspired by the idea of uniting the quickly growing Vue community and Redux's broad user-base and ecosystem.

We love Vue & Vuex. We love the elegance and the tight integration. We love Redux. We love that it is framework agnostic and has a robust ecosystem of tools, middlewares, and bindings.

We wanted to make them work together in a developer-friendly and highly customizable way to encourage interoperability and streamline reusability of code bases.

Vuedeux allows Redux developers to feel at home in Vue while providing all the conveniences and efficiencies of Vuex.

## How It Works
The Vuedeux Plugin Creator takes your Redux action types and Redux store, and then maps your Redux state and all associated actions to a Vuex module with equivalent actions and mutations, allowing you to easily reuse your existing Redux state store and dispatch to Vuex just like you would with Redux.

## Prerequisites
Redux, Vue, Vuex

## FIRING UP A SIMPLE VUEDEUX EXAMPLE - TODO MVC
Fork and clone down a copy of this repository, and navigate to the directory within your terminal.

To download and install all dependencies

run:
```
npm install
```

Start up the dev server
```
npm start
```

You should now be able to navigate to http://localhost:8080/ to demo the app.

The architecture of this classic TODO MVC app can be found in the examples folder and offers a simple example of the Vuedeux data flow from Vuex to Redux and back.

## Installation
```
npm install vuedeux
```
## Getting Started
In this section we will be breaking down how to get started with the Vuedeux Plugin Creator.

The Vuedeux plugin initiates a Vuex module and maps all actions between the newly created Vuex module and Redux. It also keeps our Redux store and our Vuex 'Vuedeux' module in sync.

### Importing the dependencies
```
import vdxPluginCreator from 'vuedeux';
import reduxStore from './reduxstore';
import * as reduxActionTypes from './actions/reduxactiontypes';
```
The dependencies for the Vuedeux plugin are:
* Vuedeux package
* Your Redux store
* Your Action Type CONSTANTS

It is common convention in Flux and Redux to identify your Action Types using Constants and group them together in their own file (as seen below) . Vuedeux relies on this convention in order to accurately map your Redux Action types to Vuex actions and mutations.

The PluginCreators expects your Action Type Constants in an object.
```
import * as reduxActionTypes from './actions/reduxactiontypes';
```
The following Node import statement is an easy way for you to create an action type object from your...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
MOM AND DAD PLEASE COME HOME
from twitter_favs
10 days ago by fkbarrett
Twitter
MOM AND DAD PLEASE COME HOME
from twitter_favs
10 days ago by Arnte
QLegance: An open-source lightweight GraphQL client library for Javascript environments
Github repo
Name: QLegance
Tagline: An open-source lightweight GraphQL client library for Javascript environments
Homepage: http://qlegance.com
Languages:
JavaScript = 14124 bytes

# QLegance
An open-source lightweight GraphQL client library for Javascript environments<br/>
Website: http://qlegance.com

# Installation
``` bash
npm install qlegance
```
# Background
[GraphQL](http://graphql.org/) is a powerful querying language that boasts a single server endpoint to aggregate multiple server requests into one. This allows large, data-driven companies such as Facebook to build things like a full-featured native News Feed. However, there is currently no framework-agnostic solution that works together with GraphQL for client-side data fetching. Qlegance solves this issue by introducing a lightweight GraphQL client library that works in any Javascript environment. Our explicit component declarations make for intuitive fast design. In addition, Our library leverages the already built configuration of your GraphQL server to produce a unique api for each client.

# How it works
QLegance can be easily integrated within any application by simply including the script in the HTML. First a custom ql-type attribute is used to define the type of data an element is holding, coinciding with the types defined in the GraphQL schema. Then the ql-field attribute is used within the component to specify which fields it should render. Using this information, QLegance creates components pre-populated with the appropriate data. Components are also instantiated with methods that query their respective Graphql fields. QLegance’s global object contains methods for each one of the defined GraphQL field methods. With Qlegance, queries and mutations can be made with less code, and results can be rendered directly onto the DOM without the need for additional Javascript.

Contributors: Joe Kim, Dhani Mayfield, Brandon Yuan
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
30 - Mohamed Salah is the first Liverpool player to score 30 goals in all competitions in a single season since Lui…
from twitter_favs
10 days ago by kishyr
R at the command line -- executable
in the termal:

Rscript.exe -e 'knitr::knit("main.Rmd")'
Rscript.exe -e 'rmarkdown::render("main.Rmd")'
command  line  cli  executable  r  rmd  render  knitr  rmarkdown  from notes
10 days ago by bikesandbooks
tabris-js: Tabris.js - native apps in JavaScript
Github repo
Name: tabris-js
Tagline: Tabris.js - native apps in JavaScript
Homepage: https://tabrisjs.com
Languages:
JavaScript = 812318 bytes
TypeScript = 69143 bytes
HTML = 599 bytes

# Tabris.js

[![Build Status](https://travis-ci.org/eclipsesource/tabris-js.svg?branch=master)](https://travis-ci.org/eclipsesource/tabris-js)
[![Slack Status](https://tabrisjs.herokuapp.com/badge.svg)](https://tabrisjs.herokuapp.com)

Tabris.js is a framework for developing mobile apps with native UIs in JavaScript.
iOS and Android apps can be built entirely from one code base, which frees you from the task of managing code for multiple platforms.

![Tabris.js hello world](doc/img/hello-example.png)

## Native widgets

The code of the application is loaded dynamically - nothing is precompiled. JavaScript is executed Just-in-Time and passed via a native bridge to the device. Tabris.js accesses native controls and does not depend on webviews to render the app's UI. As a result, the performance of the apps cannot be distinguished from apps developed directly in native code of the platforms.

## Getting started

To start developing Tabris.js applications, visit [tabrisjs.com](http://tabrisjs.com) and check out the "[Getting Started](https://tabrisjs.com/documentation/latest/getting-started)" guide in the documentation. Be sure to also consult the code [snippets](https://github.com/eclipsesource/tabris-js/tree/master/snippets) and [examples](https://github.com/eclipsesource/tabris-js/tree/master/examples) in the Tabris.js Developer App (download from the app store for [Android](https://play.google.com/store/apps/details?id=com.eclipsesource.tabrisjs2) and [iOS](https://itunes.apple.com/us/app/tabris.js-2/id1166468326?mt=8)).

## Extensible

Tabris.js can be extended with [Cordova plugins](https://cordova.apache.org/plugins/) to add support for additional native features. A cordova plugin is also able to directly interface with the native widgets (as can be seen e.g. in the [tabris-plugin-maps](https://github.com/eclipsesource/tabris-plugin-maps)).

Additionally [npm modules](https://www.npmjs.com/) can be used to further enrich the available JS APIs.

Tabris.js also adds support for many key web technologies including:
- _Canvas_
- _XMLHttpRequest / fetch()_
- _WebSockets_
- _localStorage_

## Online build

To package your source into a installable app, Tabris.js features an online [build service](https://tabrisjs.com/documentation/latest/build). There is no need to download a huge SDK or use specific hardware for development (e.g. a Mac machine to build for iOS). A [local build](https://tabrisjs.com/documentation/latest/local-build) is also available as an option if more customization is needed.

## Build tabris npm module

Follow these steps if you want to build the tabris module yourself.

Install the [Grunt](http://gruntjs.com) build tool using [npm](http://www.npmjs.com):

```bash
npm install -g grunt-cli
```

In the [tabris-js](https://github.com/eclipsesource/tabris-js) root directory fetch the dependencies and build:

```bash
npm install
grunt
```

## License

Published under the terms of the [BSD 3-Clause License](LICENSE).
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
RT : This is a remarkably honest response. “The people I’m supposed to serve are angry with me so I choose to sequester…
from twitter
10 days ago by mattsaler
gibon: (master is not the latest release/published version) :1st_place_medal: Functional client-side JavaScript router in ~570 bytes, built on HTML5 History API.
Github repo
Name: gibon
Tagline: (master is not the latest release/published version) :1st_place_medal: Functional client-side JavaScript router in ~570 bytes, built on HTML5 History API.
Homepage: https://unpkg.com/gibon@latest
Languages:
JavaScript = 7917 bytes
HTML = 497 bytes

# gibon [![NPM version](https://img.shields.io/npm/v/gibon.svg?style=flat)](https://www.npmjs.com/package/gibon) [![NPM monthly downloads](https://img.shields.io/npm/dm/gibon.svg?style=flat)](https://npmjs.org/package/gibon) [![npm total downloads][downloads-img]][downloads-url]

> Functional client-side router in ~570 bytes, built on HTML5 History API

[![code climate][codeclimate-img]][codeclimate-url]
[![standard code style][standard-img]][standard-url]
[![linux build status][travis-img]][travis-url]
[![windows build status][appveyor-img]][appveyor-url]
[![coverage status][coveralls-img]][coveralls-url]
[![dependency status][david-img]][david-url]

_You might also be interested in [mitt][] - a 200 bytes event emitter, and [hyperapp][] - build rich UI apps with 1kb._

**:sparkles: Pull requests for client-side tests or any other features/fixes are welcome! :rocket:**

## Table of Contents
- [Install](#install)
- [Usage](#usage)
- [API](#api)
* [router = gibon(routes, onRoute, onClick)](#router--gibonroutes-onroute-onclick)
* [router.start()](#routerstart)
* [el = router.render(view, state)](#el--routerrenderview-state)
- [Examples](#examples)
- [Related](#related)
- [Contributing](#contributing)
- [Building docs](#building-docs)
- [Running tests](#running-tests)
- [Author](#author)
- [License](#license)

_(TOC generated by [verb](https://github.com/verbose/verb) using [markdown-toc](https://github.com/jonschlinkert/markdown-toc))_

## Install
Install with [npm](https://www.npmjs.com/)

```
$ npm install gibon --save
```

or install using [yarn](https://yarnpkg.com)

```
$ yarn add gibon
```

The [UMD](https://github.com/umdjs/umd) build is also available on [unpkg](https://unpkg.com) CDN

```html
<script src="https://unpkg.com/gibon/dist/gibon.umd.js"></script>
```

or on [RawGit CDN](http://rawgit.com)

```html
<script src="https://cdn.rawgit.com/tunnckoCore/gibon/master/dist/gibon.umd.js"></script>
```

## Usage
> For more use-cases see the [tests](test.js)

```js
const router = gibon({
'/': (state) => console.log('home'),
'/about': (state) => console.log('about'),
'/users/:user': (state, params) => console.log('user:', params.user),
'/users/:user/edit': (state, params) => {
console.log('edit user:', params.user)
},
'/groups/:group/users/:user': (state, params) => {
console.log('user:', params.user,...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
astrum: A lightweight pattern library designed to be included with any web project.
Github repo
Name: astrum
Tagline: A lightweight pattern library designed to be included with any web project.
Homepage: http://astrum.nodividestudio.com
Languages:
JavaScript = 86199 bytes
CSS = 24126 bytes
HTML = 16478 bytes

# Astrum

![](http://nodivide.imgix.net/astrum/header.jpg)

Astrum is a lightweight pattern library designed to be included with any web project.

It's non-opinionated and doesn't expect you to write your markup or code in any particular way.

An Astrum pattern library comprises of components organised into groups. Each component has a `markup.html` and `description.md` file which are
used to render an example of the component along with a code sample. A group can also have an description and is used for organisational purposes.
You also have the option to add pages of content, for example an introduction page and/or coding guidelines specific to your project.

[View a demo](http://astrum.nodividestudio.com/pattern-library/)

## Sponsors

### BrowserStack
We use BrowserStack to make sure that Astrum looks and works great in [modern browsers](#browser-support).

<a href="http://browserstack.com/">
<img src="https://user-images.githubusercontent.com/8672583/34682058-aab3de2c-f495-11e7-8851-e24d1478d6a4.png" width="300" alt="Browserstack logo" style="margin: 0 auto;" />
</a>

***

## Table of Contents
- [Getting Started](#getting-started)
- [How Astrum Works](#getting-started)
- [Folder Structure](#folder-structure)
- [The data.json File](#the-datajson-file)
- [Project Details](#project-details)
- [Creators](#creators)
- [Theming](#theming)
- [Assets](#assets)
- [Font Libraries](#font-libraries)
- [Content Pages](#content-pages)
- [Adding Components](#adding-components)
- [Component Types](#component-types)
- [Special Options](#special-options)
- [Editing Components](#editing-components)
- [Editing Groups](#editing-groups)
- [Listing Components](#listing-components)
- [Deleting Components](#deleting-components)
- [Deleting Groups](#deleting-groups)
- [Updating Astrum](#updating-astrum)
- [Contributing](#contributing)
- [Browser Support](#browser-support)
- [Acknowledgements](#acknowledgements)
- [License](#license)

***

<a href=“#getting-started”></a>
## Getting Started
Firstly globally install Astrum:

`npm install -g astrum`

Then from within your project root initialise Astrum into a publicly accessible folder e.g.:

`astrum init ./public/pattern-library`

Finally add your first component e.g.:

`astrum new buttons/default`

Your pattern library should now be up and running though granted it will look a little sparse at this stage.

> **Note**
>
> If you are using an <abbr title="Internet Information Services">IIS</abbr> setup to serve Astrum, you'll likely have to [add the `.md` MIME type](https://technet.microsoft.com/en-us/library/cc725608(v=ws.10).aspx). Further information can be found in [this StackOverflow answer](https://stackoverflow.com/a/10837005).

<a href=“#how-astrum-works”></a>
## How Astrum...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
« earlier      later »

Copy this bookmark:



description:


tags:



Copy this bookmark:



description:


tags: