recent bookmarks

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
UK no longer shackled to a corpse - BBC News
“UK no longer shackled to a corpse - BBC News. What the actual fuck !?
from twitter
10 days ago by mikebutcher
Dog & Cat Food Delivery - Pet Supplies & Treats | PetFlow.com
Great Training
In the episode you'll see some unexpected, amazing things! This video is sponsored by Petflow!...
from twitter
10 days ago by stevechic
Untitled (https://fb.me/9rRa3wGk6)
Great Training
How to train your dog tricks. I'll show you an overview of how to train your dog to jump through...
from twitter
10 days ago by stevechic
luxbar: :cocktail: Featherweight, Responsive, CSS Only Navigation Bar
Github repo
Name: luxbar
Tagline: :cocktail: Featherweight, Responsive, CSS Only Navigation Bar
Homepage: https://balzss.github.io/luxbar/
Languages:
CSS = 33378 bytes
HTML = 17725 bytes
JavaScript = 17315 bytes

# Luxbar

Featherweight, Responsive, CSS Only Navigation bar

![Screencap](http://i.imgur.com/0eGzsNt.gif)

[Try out all the options at the demo page!](https://balzss.github.io/luxbar)

# Getting started

Get it with NPM:

```
npm install luxbar
```

Or with bower:

```
bower install luxbar
```

Or use the CDN:
```html
<link rel="stylesheet" href="https://cdn.rawgit.com/balzss/luxbar/ae5835e2/build/luxbar.min.css">
```

Then head over [to the demo page](https://balzss.github.io/luxbar) to generate your customized HTML code or use
the one below as a base and see the docs for options. (Demo page is highly
recommended for the newcomers)

```html
<div class="luxbar luxbar-static">
<input type="checkbox" id="luxbar-checkbox" class="luxbar-checkbox">
<div class="luxbar-menu luxbar-menu-right luxbar-menu-dark">
<ul class="luxbar-navigation">
<li class="luxbar-header">
<a class="luxbar-brand" href="#">Brand</a>
<label class="luxbar-hamburger luxbar-hamburger-doublespin"
for="luxbar-checkbox"> <span></span> </label>
</li>
<li class="luxbar-item active"><a href="#">Home</a></li>
<li class="luxbar-item dropdown"><a href="#">Users</a>
<ul>
<li class="luxbar-item" ><a href="#">Max</a></li>
<li class="luxbar-item" ><a href="#">Edgar</a></li>
<li class="luxbar-item" ><a href="#">John</a></li>
</ul>
</li>
</ul>
</div>
</div>
```

# Other
- If you have any questions maybe it's already answered in [the faq](https://github.com/balzss/luxbar/blob/master/docs/faq.md)
- If not then post your question to the issue page
- If you found a bug or have a feature request post it there as well
- You can message me directly at [balazs.saros@gmail.com](mailto:balazs.saros@gmail.com)
- Licensed under the MIT license
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
I Sentenced a Teen to Die in Prison. I Regret It. | American Civil Liberties Union
A retired judge sentenced a teenager to 241 years in prison. She now believes her sentence was unconstitutional.
from twitter_favs
10 days ago by kater
graphql.js: A Simple and Isomorphic GraphQL Client for JavaScript
Github repo
Name: graphql.js
Tagline: A Simple and Isomorphic GraphQL Client for JavaScript
Languages:
JavaScript = 15368 bytes
HTML = 3163 bytes
Makefile = 86 bytes

# GraphQL.js - JavaScript GraphQL Client
[![Bower version](https://badge.fury.io/bo/graphql.js.svg)](http://badge.fury.io/bo/graphql.js)
[![NPM version](https://badge.fury.io/js/graphql.js.svg)](http://badge.fury.io/js/graphql.js)
[![Build Status](https://travis-ci.org/f/graphql.js.svg?branch=master)](https://travis-ci.org/f/graphql.js)

> This project was **jQuery-GraphQL** formerly. Now it's fully **independent**.
> Originally inspired by [Robert Mosolgo's blog post](http://rmosolgo.github.io/blog/2016/03/03/using-graphql-without-relay/)

### Features

- No dependencies, plain vanilla JavaScript.
- Plug & Play.
- Isomorphic.
- Runs on most browsers.
- You don't need to install Node.js ecosystem on your computer.

## Overview

GraphQL is based on a very simple HTTP transaction, which sends a request to an endpoint
with `query` and `variables`.

Many libraries require _complex stacks_ to make that simple request.
In any project you don't use **React**, **Relay**, you'll need a simpler
client which manages your query and makes a simple request.

```js
// Connect...
var graph = graphql("/graphql")

// Prepare...
var allUsers = graph(`query { allUsers {id, name} }`)

// Run...
allUsers().then(function (users) {
console.log(users)
})
```

## Installation

You can download `graphql.js` directly, or you can use **Bower** or **NPM**.

#### Download for Browser

- [Development Version - 12kb](https://raw.githubusercontent.com/f/graphql.js/master/graphql.js)
- [Production Version - 6kb](https://raw.githubusercontent.com/f/graphql.js/master/graphql.min.js)

#### Using Bower
```bash
bower install graphql.js --save
```

#### Using NPM
```bash
npm install graphql.js --save

# or

yarn add graphql.js
```

#### Using with Rails Asset Pipeline

You can use GraphQL.js with Rails Asset Pipeline using [graphqljs-rails](https://github.com/f/graphqljs-rails).

## Using

GraphQL.js is **isomorphic**. You can use it in both **browser and Node.js**.

#### Use in Browser

```html
<script src="/path/to/graphql.js"></script>
```

#### Use in Node.js

```js
var graphql = require('graphql.js')
```

## Connection

Create a simple connection to your GraphQL endpoint.

```js
var graph = graphql("http://localhost:3000/graphql", {
method: "POST", // POST by default.
headers: {
// headers
"Access-Token": "some-access-token"
},
fragments: {
// fragments, you don't need to say `fragment name`.
auth: "on User { token }",
error: "on Error { messages }"
}
})
```

## Executing Queries and Mutations

`graph` will be a simple function that accepts `query` and `variables` as parameters.

```js
graph(`query ($email: String!, $password: String!) {
auth(email:...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
oh god i would never that would just make things 10000x worse. i wouldn't trust half my colleagues…
from twitter
10 days ago by patrickneville
Twitter
This administration makes me feel like Jon Lovitz, playing Michael Dukakis, exclaiming "I can't believe I'm losing…
from twitter_favs
10 days ago by stringsn88keys
Twitter
Advisory Board to be launched tomorrow by 🇨🇦's Chief Technology Officer and Community O…
OpenSource  from twitter_favs
10 days ago by mgifford
Meet WinWin, The Savings App For Lottery Lovers
Meet WinWin, The Savings App For Lottery Lovers http://ift.tt/2o06KRc Prospective http://ift.tt/2o7JWyf February 14, 2018 at 09:29PM

Saving money isn’t sexy. Today’s hottest savings apps, like Acorns and Digit, take that premise as a given, encouraging users to entrust their saving habits to algorithms that set aside a dime here, a dollar there. “Our long-term stance is to introduce … new ways to help our customers grow their accounts over time automatically in the background of life,” says Acorns CEO Noah Kerner.

New entrant WinWin, which launched this week in the App Store, has taken a different tack. In WinWin, saving money is front and center–and it requires attention and effort. The app revolves around a weekly $1,000 giveaway, distributed on Friday. Each dollar a user has set aside through WinWin doubles as a “lottery ticket,” and a chance to win the $1,000 prize. (The app also encourages users to play daily games that boost their chances, via digital and cash rewards.)

Founder David Ronick, who cofounded investing app Stash, has been developing WinWin since last July. “Americans just suck at savings, but we lose more money on gambling than any other country in the world,” he says. In 2016, for example, Americans spent $44.7 billion on instant or scratch tickets. WinWin, which plans to target the 138 million Americans struggling to get by, is an attempt to harness that bad behavior for good.

Like Acorns and Digit, WinWin is relying on subscriptions to fund its operations. Acorns charges $1/ month (for accounts under $5,000), Digit charges $2.99, and WinWin charges $2. The startups say that their users prefer the transparency of a set-rate monthly payment to the variability of traditional banking fees.

WinWin pools dollars deposited via its platform in a Wells Fargo account, and plans to pass the interest that accrues back to its users. The app also allows  for distribution of funds without cost. “I want to keep it guilt free,” Ronick says. “I want you to be able to take out money for stuff that’s important to you.”

WinWin has raised $1.5 million in seed funding. At the time of launch, 20,000 people had added their names to the WinWin waitlist.

http://ift.tt/1cEtZb6 Co.Labs http://ift.tt/2rWU1TQ February 14, 2018 at 09:29PM
Prospective 
10 days ago by SergioWerner
FancyTrack: FancyTrack - JavaScript Error Tracking library from @FancyGrid
Github repo
Name: FancyTrack
Tagline: FancyTrack - JavaScript Error Tracking library from @FancyGrid
Languages:
JavaScript = 14618 bytes
PHP = 1502 bytes

# FancyTrack

Build v1.0.5

FancyTrack - JavaScript error tracking library from FancyGrid team.
FancyTrack is light alternative to [TrackJS](https://trackjs.com/) service.

## Pros and Cons
It is free and light.
But at the moment it overrides window.onerror handler.
window.onerror is not supported by IE Edge

## Quick Start
Include a reference to the FancyTrack library

```html
<script src="/fancytrack/fancytrack.min.js"></script>
```
The `FancyTrack` object is now accessible. Happy error tracking!

### Sample: Base Init
```html
<script>
FancyTrack.init({
url: '/trackerror/'
});
</script>
```

### Sample: Set method of request
```html
<script>
FancyTrack.init({
url: '/trackerror/',
method: 'POST'
});
</script>
```

### Sample: Track/Send custom error
```html
<script>
FancyTrack.init({
url: '/trackerror/'
});

FancyTrack.track("My Error");
</script>
```

## Parametres that FancyTrack sends

* browser
* columnNumber
* errorText
* errorName
* errorStack
* lineNumber
* mobile
* os
* url
* userAgent

## Package Directory
The package includes the following:
```
| README.md
├── client
│ ├── fancytrack.min.js
│ ├── fancytrack.js
| ...
```

## Resources
[Capture and report JavaScript errors with window.onerror](https://blog.sentry.io/2016/01/04/client-javascript-reporting-window-onerror.html)
[Test case of error reporting on php](https://github.com/FancyGrid/FancyTrack/blob/master/client/error.php)

## Install

#### *npm*
```
npm install fancytrack
```

## Support
If you need any assistance or would like to report any bugs found in FancyTrack, please contact us at support@fancygrid.com
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Riyogems on Twitter: "hot White Cubic Zirconia Faceted Square 18×18 mm Loose Gemstones STWHCZFCSQ18x18 https://t.co/AoJHPNMjr3… "
hot White Cubic Zirconia Faceted Square 18×18 mm Loose Gemstones STWHCZFCSQ18x18 https://t.co/AoJHPNMjr3 pic.twitter.com/me3d8bmck3

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
Riyogems on Twitter: "nice White Cubic Zirconia Faceted marquise 6×12 mm Gemstones STWHCZFCMQ6x12 1PC https://t.co/I7ZYhjZnl6… "
nice White Cubic Zirconia Faceted marquise 6×12 mm Gemstones STWHCZFCMQ6x12 1PC https://t.co/I7ZYhjZnl6 pic.twitter.com/qaNw2MMXcr

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
Riyogems on Twitter: "Yellow Orange Onyx checker Multi Emaral Cut gems 18×21 1 pc https://t.co/nMOco9s6qO… "
Yellow Orange Onyx checker Multi Emaral Cut gems 18×21 1 pc https://t.co/nMOco9s6qO pic.twitter.com/C1x5iz6lkI

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
Riyogems on Twitter: "Yellow Oval cabochon Yellow Jade wholesales 28 X 36 mm 1pc US https://t.co/86aZZfILks… "
Yellow Oval cabochon Yellow Jade wholesales 28 X 36 mm 1pc US https://t.co/86aZZfILks pic.twitter.com/F4RkKIl9TB

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
Riyogems on Twitter: "Yellow Orange Onyx checker Multi Emaral Cut gems 19×21 1 pc https://t.co/mhOtQNcpOz… "
Yellow Orange Onyx checker Multi Emaral Cut gems 19×21 1 pc https://t.co/mhOtQNcpOz pic.twitter.com/MTjbx3VegF

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
embedo: Embeds third party content to DOM with perks.
Github repo
Name: embedo
Tagline: Embeds third party content to DOM with perks.
Homepage: https://shobhitsharma.github.io/embedo
Languages:
JavaScript = 61261 bytes
HTML = 3994 bytes

# embedo [![npm](https://img.shields.io/npm/v/embedo.svg)](https://npmjs.org/package/embedo)

<img src="https://cdn01.onzu.com/2017/3/5/14/embedo.png" height="200" align="right">

> **Embedo** adds a layer on top of third party embed APIs while ensuring best practices and native guidelines for each component. It takes cares of resizing the container, emitting necessary events and with support for native and external options to be pass along.

### Docs: [Options](https://github.com/shobhitsharma/embedo/wiki/Options) / [API](https://github.com/shobhitsharma/embedo/wiki/API) / [Events](https://github.com/shobhitsharma/embedo/wiki/Events) / [Usage](https://github.com/shobhitsharma/embedo/wiki/Usage) / [Changelog](https://github.com/shobhitsharma/embedo/releases)

### What's currently supported?

* Facebook URLs containing page, post, photos, videos or comments
* Twitter URLs containing user timeline and tweets
* YouTube videos URLs, playlists will play in loop
* Instagram URLs containing posts and videos
* Pinterest URLs containing board, profile and pins
* Vimeo URLs containing videos
* Github URLs containing gists
* Google Maps URLs containing cordinates to a location
* Embeds other urls or .pdf, .mp4, .webm and many formats as alternative
* Embeds any URL that fulfils HTTP access control (CORS) policy
* Supports IE10+ and all modern browsers.

***

## Installation

```sh
$ npm install embedo --save
$ yarn add embedo
$ bower install embedo
```

Alternatively, import using CDN while updating `version` as per requirements from any script below:

```html
<script type="text/javascript" src="https://unpkg.com/embedo/embedo.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/embedo[@VERSION]/embedo.min.js"></script>
```

## Setup

Embedo supports AMD and CommonJS modules.

```js
import Embedo from '/path/to/vendor';

// Initialize once (prefer globally)
const embedo = new Embedo({
facebook: {
appId: 'my_app_id', // Enable facebook SDK
version: 'v2.10'
},
twitter: true, // Enable twitter SDK
instagram: true, // Enable instagram SDK
pinterest: true // Enable pinterest SDK,
googlemaps: {
key: 'my_api_key' // Enables google maps API
}
});

// Then call .load() method from anywhere
embedo.load(<HTMLElement[object]>, <URL[string]>, <options[object]*optional>);

// OR Chaining methods and callback
embedo
.load(HTMLElement, URL, options)
.done(Function)
.fail(Function)

// OR storing in a variable
let my_embedo = embedo.load(HTMLElement, URL)
my_embedo.done(Function);
my_embedo.fail(Function);
```

Also, an example can be [found here](https://codepen.io/shobhitsharma/pen/yojJZp).
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
"It is only a matter of time until the incremental thawing of the reaches a tipping point of no return"…
from twitter_favs
10 days ago by Vnoel
Riyogems on Twitter: "marvelous White Cubic Zirconia Faceted Oval 12×16 mm Gemstones STWHCZFCOV12x16 1 https://t.co/lAeQ0pXk1u… "
marvelous White Cubic Zirconia Faceted Oval 12×16 mm Gemstones STWHCZFCOV12x16 1 https://t.co/lAeQ0pXk1u pic.twitter.com/77MPPps4cG

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
Riyogems on Twitter: "White Cubic Zirconia Faceted marquise 11X22 mm STWHCZFCMQ11X22 1PC https://t.co/Fg0tIT0Pqy… "
White Cubic Zirconia Faceted marquise 11X22 mm STWHCZFCMQ11X22 1PC https://t.co/Fg0tIT0Pqy pic.twitter.com/Ekfa4xbhX1

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
Riyogems on Twitter: "likely White Cubic Zirconia Faceted Pear 13X18 mm Gemstones STWHCZFCPR13X18 1PC https://t.co/LmP7t0Ll1h… "
likely White Cubic Zirconia Faceted Pear 13X18 mm Gemstones STWHCZFCPR13X18 1PC https://t.co/LmP7t0Ll1h pic.twitter.com/UWK6TtuTuB

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
Riyogems on Twitter: "Yellow Princess cabochon Yellow Jade gemstone supply 18 X 18 mm 1pc US https://t.co/czMmb2zy9U… "
Yellow Princess cabochon Yellow Jade gemstone supply 18 X 18 mm 1pc US https://t.co/czMmb2zy9U pic.twitter.com/qrNxb8PCLT

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
SearchUIEffects: A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.
Github repo
Name: SearchUIEffects
Tagline: A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.
Languages:
HTML = 49373 bytes
CSS = 44120 bytes
JavaScript = 14502 bytes

# Inspiration for Search UI Effects

A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.

[Article on Codrops](https://tympanus.net/codrops/?p=29878)

[Demo](http://tympanus.net/Development/SearchUIEffects/)

## License

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is".

Read more here: [License](http://tympanus.net/codrops/licensing/)

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/)

[© Codrops 2016](http://www.codrops.com)
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Riyogems on Twitter: "Multi Marquise checker Yellow Orange Onyx loose gemstone 16 X 24 mm 1pc US https://t.co/q8tYXhBp1E"
Multi Marquise checker Yellow Orange Onyx loose gemstone 16 X 24 mm 1pc US https://t.co/q8tYXhBp1E

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
Riyogems on Twitter: "appealing White Cubic Zirconia Faceted Round 16×16 mm Gemstones STWHCZFCRO16x16 https://t.co/iUP6HwrrPk… "
appealing White Cubic Zirconia Faceted Round 16×16 mm Gemstones STWHCZFCRO16x16 https://t.co/iUP6HwrrPk pic.twitter.com/Bj017bEzKh

— Riyogems (@Riyogems) February 14, 2018
IFTTT  Twitter 
10 days ago by riyogems
Google wants to use AMP to make email more interactive
Google’s AMP format has always been about making mobile pages render faster. But Google is now taking it beyond posts, recipes and how-to articles. First, the…
from instapaper
10 days ago by AramZS
awesome-angular-components: Catalog of Angular 2+ Components & Libraries
Github repo
Name: awesome-angular-components
Tagline: Catalog of Angular 2+ Components & Libraries
Homepage: https://devarchy.com/angular
Languages:

[<img src="https://rawgit.com/brillout/awesome-angular-components/master/angular-logo.svg" align="right" width="131" height="143">](https://github.com/brillout/awesome-angular-components)

# Angular 2+ Components & Libraries

- Official website: [`devarchy.com/angular`](https://devarchy.com/angular)
- Use devarchy to add a library to the catalog

<br/>

#### Contents
- [UI Components](#ui-components)
- [Overlay](#overlay)
- [Notification](#notification)
- [Popover](#popover)
- [Table](#table)
- [Tree](#tree)
- [Loading / Progress Indicators](#loading--progress-indicators)
- [Menu](#menu)
- [Charts](#charts)
- [Map](#map)
- [List Virtualization](#list-virtualization)
- [Infinite Scroll](#infinite-scroll)
- [Parallax](#parallax)
- [Scrollbar](#scrollbar)
- [Carousel](#carousel)
- [Sticky](#sticky)
- [Context Menu](#context-menu)
- [Time](#time)
- [Audio / Video](#audio--video)
- [SVG](#svg)
- [Social Sharing](#social-sharing)
- [PDF](#pdf)
- [Miscellaneous](#miscellaneous)
- [Form](#form)
- [Date Picker](#date-picker)
- [Color Picker](#color-picker)
- [Slider](#slider)
- [Select](#select)
- [Autocomplete](#autocomplete)
- [Type Select](#type-select)
- [Drag and Drop](#drag-and-drop)
- [Sortable List](#sortable-list)
- [Masked Input](#masked-input)
- [Rich Text Editor](#rich-text-editor)
- [File Upload](#file-upload)
- [Autosize Input / Textarea](#autosize-input--textarea)
- [Calendar](#calendar)
- [Image Editing](#image-editing)
- [UI Layout](#ui-layout)
- [Responsive](#responsive)
- [UI Frameworks](#ui-frameworks)
- [Responsive](#responsive-1)
- [Component Collections](#component-collections)
- [Mobile](#mobile)
- [Admin Panel](#admin-panel)
- [Isomorphic Apps](#isomorphic-apps)
- [Code Structure](#code-structure)
- [Data Management](#data-management)
- [Communication with Server](#communication-with-server)
- [Code Style](#code-style)
- [Utilities](#utilities)
- [Pipes](#pipes)
- [Form](#form-1)
- [Animations](#animations)
- [API](#api)
- [Authentication](#authentication)
- [Event Handling](#event-handling)
- [Scroll](#scroll)
- [Responsive Design](#responsive-design)
- [Persistence](#persistence)
- [Cookie](#cookie)
- [Routing](#routing)
- [Pagination](#pagination)
- [Validation](#validation)
- [i18n](#i18n)
- [Logging](#logging)
- [Asset management](#asset-management)
- [Meta Tags](#meta-tags)
-...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
How to Fix Olympic Ice Hockey - The New York Times
The N.H.L. must be forced or pressured to let its players compete.
IFTTT  NYT 
10 days ago by drewcaldwell
HomePod Can Damage Wood Furniture
Jon Chase, in Wirecutter’s review of HomePod: An unhappy discovery after we placed a HomePod on an oiled butcher-block countertop and later on a wooden side table was that it left a defined white ring in the surface.
10 days ago by ryanalvarado
angular-pipes: Useful pipes for Angular
Github repo
Name: angular-pipes
Tagline: Useful pipes for Angular
Homepage: https://fknop.gitbooks.io/angular-pipes
Languages:
TypeScript = 144026 bytes
JavaScript = 2121 bytes

[![NPM Version](https://img.shields.io/npm/v/angular-pipes.svg)](https://npmjs.org/package/angular-pipes)
[![Build Status](https://travis-ci.org/fknop/angular-pipes.svg?branch=master)](https://travis-ci.org/fknop/angular-pipes)
[![Coverage Status](https://coveralls.io/repos/github/fknop/angular-pipes/badge.svg?branch=master)](https://coveralls.io/github/fknop/angular-pipes?branch=master)
[![Downloads](https://img.shields.io/npm/dt/angular-pipes.svg)](https://npmjs.org/package/angular-pipes)
[![Downloads](https://img.shields.io/npm/dm/angular-pipes.svg)](https://npmjs.org/package/angular-pipes)

# angular-pipes

**angular-pipes** is a pipes library for `Angular`.

## Announcement

**UMD Bundles** and **ESM** code are now distributed on `npm` with the standard JS files ! Check the [changelog](./CHANGELOG.md) for more information.

## Contribute

Read the [contributing guidelines](./CONTRIBUTING.md)

## Pipes

You can find the documentations in the [`docs`](./docs) folder or on [`GitBook`](https://fknop.gitbooks.io/angular-pipes/).

### Collections (array)

* [`empty`](./docs/array.md#empty)
* [`head`](./docs/array.md#head)
* [`initial`](./docs/array.md#initial)
* [`join`](./docs/array.md#join)
* [`last`](./docs/array.md#last)
* [`tail`](./docs/array.md#tail)
* [`uniq`](./docs/array.md#uniq)
* [`without`](./docs/array.md#without)
* [`intersection`](./docs/array.md#intersection)
* [`union`](./docs/array.md#union)
* [`range`](./docs/array.md#range)
* [`map`](./docs/array.md#map)
* [`pluck`](./docs/array.md#pluck)
* [`where`](./docs/array.md#where)
* [`firstOrDefault`](./docs/array.md#firstordefault)
* [`orderBy`](./docs/array.md#orderby)
* [`reverse`](./docs/array.md#reverse)
* [`count`](./docs/array.md#count)
* [`some`](./docs/array.md#some)
* [`every`](./docs/array.md#every)
* [`shuffle`](./docs/array.md#shuffle)
* [`take`](./docs/array.md#take)
* [`takeUntil`](./docs/array.md#takeuntil)
* [`takeWhile`](./docs/array.md#takewhile)
* [`drop`](./docs/array.md#drop)
* [`deep`](./docs/array.md#deep)
* [`chunk`](./docs/array.md#chunk)
* [`flatten`](./docs/array.md#flatten)

### Boolean

* [`greater`](./docs/boolean.md#greater)
* [`greaterOrEqual`](./docs/boolean.md#greaterorequal)
* [`less`](./docs/boolean.md#less)
* [`lessOrEqual`](./docs/boolean.md#lessorequal)
* [`equal`](./docs/boolean.md#equal)
* [`notEqual`](./docs/boolean.md#notequal)
* [`identical`](./docs/boolean.md#identical)
*...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
So she just helped me hang the washing up and while we were doing it she said she felt better about it all and I sa…
from twitter_favs
10 days ago by shedside
react-link-state: [DEPRECATED] :fire_engine: linkState comes to the rescue of your input event handlers!
Github repo
Name: react-link-state
Tagline: [DEPRECATED] :fire_engine: linkState comes to the rescue of your input event handlers!
Homepage: https://link-state-hoc-example-unhofespqs.now.sh/
Languages:
JavaScript = 21860 bytes
HTML = 549 bytes

# React LinkState
> :fire_engine: linkState comes to the rescue of your event handlers!

[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/link-state-hoc.svg)](https://badge.fury.io/js/link-state-hoc) [![npm downloads](https://img.shields.io/npm/dm/link-state-hoc.svg)](https://www.npmjs.com/package/link-state-hoc) [![Build Status](https://travis-ci.org/BlackBoxVision/link-state-hoc.svg?branch=master)](https://travis-ci.org/BlackBoxVision/link-state-hoc) [![codecov](https://codecov.io/gh/BlackBoxVision/link-state-hoc/branch/master/graph/badge.svg)](https://codecov.io/gh/BlackBoxVision/link-state-hoc) [![Coverage Status](https://coveralls.io/repos/github/BlackBoxVision/link-state-hoc/badge.svg)](https://coveralls.io/github/BlackBoxVision/link-state-hoc?branch=master)

[![NPM](https://nodei.co/npm/link-state-hoc.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/link-state-hoc/) [![NPM](https://nodei.co/npm-dl/link-state-hoc.png?months=9&height=3)](https://nodei.co/npm/link-state-hoc/)

The idea of this module started from this post **[Using linkState in your React Components to simplify event handlers](https://medium.com/@jonatan_salas/using-linkstate-in-your-react-components-to-simplify-event-handlers-9d157cb75082#.ck4t4rij1)**

Also, this could be an upgrade from the [**linkState** mixin](https://facebook.github.io/react/docs/two-way-binding-helpers.html).

## Installation

**YARN**

```javascript
yarn add link-state-hoc
```

**NPM**

```javascript
npm install --save link-state-hoc
```

## API Docs

[Read them here](docs/API.md)

## Issues

If you found a bug, or you have an answer, or whatever. Please, open an [issue](https://github.com/BlackBoxVision/link-state-hoc/issues). I will do the best to fix it, or help you.

## Contributing

Of course, if you see something that you want to upgrade from this library, or a bug that needs to be solved, **PRs are welcome!**

## License

Distributed under the **MIT license**. See [LICENSE](https://github.com/BlackBoxVision/link-state-hoc/blob/master/LICENSE) for more information.
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
Our ancestors replaced dogma, tradition & authority with reason, debate & institutions of truth-seeking. They repla…
from twitter
10 days ago by jamescampbell
redux-autoform: Create Redux-Forms dynamically out of metadata
Github repo
Name: redux-autoform
Tagline: Create Redux-Forms dynamically out of metadata
Languages:
JavaScript = 101955 bytes

![Logo](https://github.com/redux-autoform/redux-autoform/blob/master/art/autoform-logo.png?raw=true)

[![Build Status](https://travis-ci.org/redux-autoform/redux-autoform.svg?branch=master)](https://travis-ci.org/redux-autoform/redux-autoform) [![npm version](https://badge.fury.io/js/redux-autoform.svg)](https://badge.fury.io/js/redux-autoform) [![codecov](https://codecov.io/gh/redux-autoform/redux-autoform/branch/master/graph/badge.svg)](https://codecov.io/gh/redux-autoform/redux-autoform) [![Coverage Status](https://coveralls.io/repos/github/redux-autoform/redux-autoform/badge.svg?branch=master)](https://coveralls.io/github/redux-autoform/redux-autoform?branch=master)

[![NPM](https://nodei.co/npm/redux-autoform.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/redux-autoform/) [![NPM](https://nodei.co/npm-dl/redux-autoform.png?months=9&height=3)](https://nodei.co/npm/redux-autoform/)

**Beta version disclaimer**

`redux-autoform` is under active development. APIs will change and things may still not work as expected. If you find
any issue, please [report it](https://github.com/gearz-lab/redux-autoform/issues). We'll do my best to fix it.

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [Introduction](#introduction)
- [Supported UI frameworks](#supported-ui-frameworks)
- [Demos](#demos)
- [Docs](#docs)
- [Installing](#installing)
- [Using](#using)
- [Localization](#localization)
- [Styles](#styles)
- [Building and running the demo locally](#building-and-running-the-demo-locally)
- [Running the tests](#running-the-tests)
- [Contributing](#contributing)
- [License](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

Introduction
------------

Redux-Autoform is an UI agnostic library for dynamically generating [redux-form](https://github.com/erikras/redux-form) out of metadata.

Supported UI frameworks
------------------------

- [Bootstrap](https://github.com/redux-autoform/redux-autoform-bootstrap-ui) (beta state)
- [Material-UI](https://github.com/redux-autoform/redux-autoform-material-ui) (beta state)

Demos
-----

- [Bootstrap demo](https://redux-autoform.github.io/redux-autoform-bootstrap-ui/demo.html).
- [Material-UI demo](https://redux-autoform.github.io/redux-autoform-material-ui).

Docs
---

[Docs are available here](https://github.com/gearz-lab/redux-autoform/blob/master/docs-md/documentation.md).

Installing
---

npm install redux-autoform

Using
---

#### AutoForm ([source](https://github.com/gearz-lab/redux-autoform/blob/master/src/AutoForm.js))

The main React component.

```js
import { AutoForm } from 'redux-autoform';
```

The `AutoForm` props are listed...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
Doctor Who is educational. The description of this scene in the Discontinuity Guide is where I learned the term "po…
from twitter
10 days ago by dscassel
webpack-hot-server-middleware: :fire: Hot reload webpack bundles on the server
Github repo
Name: webpack-hot-server-middleware
Tagline: :fire: Hot reload webpack bundles on the server
Languages:
JavaScript = 16601 bytes

# Webpack Hot Server Middleware
[![Build Status](https://travis-ci.org/60frames/webpack-hot-server-middleware.svg?branch=master)](https://travis-ci.org/60frames/webpack-hot-server-middleware) [![npm version](https://badge.fury.io/js/webpack-hot-server-middleware.svg)](https://www.npmjs.com/package/webpack-hot-server-middleware) [![Coverage Status](https://coveralls.io/repos/github/60frames/webpack-hot-server-middleware/badge.svg?branch=master)](https://coveralls.io/github/60frames/webpack-hot-server-middleware?branch=master) [![npm downloads](https://img.shields.io/npm/dm/webpack-hot-server-middleware.svg)](https://www.npmjs.com/package/webpack-hot-server-middleware)

Webpack Hot Server Middleware is designed to be used in conjunction with [`webpack-dev-middleware`](https://github.com/webpack/webpack-dev-middleware/) (and optionally [`webpack-hot-middleware`](https://github.com/glenjamin/webpack-hot-middleware/)) to hot update Webpack bundles on the server.

## Why?

When creating universal Web apps it's common to build two bundles with Webpack, one client bundle [targeting](https://webpack.github.io/docs/configuration.html#target) 'web' and another server bundle targeting 'node'.

The entry point to the client bundle renders to the DOM, e.g.

```js
// client.js

import ReactDOM from 'react-dom';
import App from './components/App';

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

And the entry point to the server bundle renders to string, e.g.

```js
// server.js

import { renderToString } from 'react-dom/server';
import App from './components/App';

export default function serverRenderer() {
return (req, res, next) => {
res.status(200).send(`
<!doctype html>
<html>
<head>
<title>App</title>
</head>
<body>
<div id="root">
${renderToString(<App />)}
</div>
<script src="/client.js"></script>
</body>
</html>
`);
};
}
```

> NOTE: The server bundle is itself middleware allowing you to mount it anywhere in an existing node server, e.g.

```js
const express = require('express');
const serverRenderer = require('./dist/server');
const app = express();

app.use(serverRenderer());
app.listen(6060);
```

Given this setup it's fairly easy to hook up hot module replacement for your client bundle using `webpack-dev-server` or `webpack-hot-middleware` however these middlewares don't handle server bundles meaning you need to frequently restart your server to see the latest changes.

Webpack Hot Server Middleware solves this problem, ensuring the server bundle used is always the latest compilation without requiring a restart. Additionally it allows your client and server bundle to share the same Webpack cache for faster builds and uses an in-memory bundle...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
McCann Dogs Vlogs - YouTube
Great Video
Hippy Shake is one wild and crazy toy poodle. But she needs to be groomed a lot more often than the...
from twitter
10 days ago by stevechic
json2react: Use JSON to create React Components.
Github repo
Name: json2react
Tagline: Use JSON to create React Components.
Languages:
JavaScript = 8960 bytes

[![GitHub license](https://img.shields.io/github/license/txgruppi/json2react.svg?style=flat-square)](https://github.com/txgruppi/json2react)
[![David](https://img.shields.io/david/txgruppi/json2react.svg?style=flat-square)](https://github.com/txgruppi/json2react)
[![npm](https://img.shields.io/npm/v/json2react.svg?style=flat-square)](https://www.npmjs.com/package/json2react)
[![Travis](https://img.shields.io/travis/txgruppi/json2react.svg?style=flat-square)](https://travis-ci.org/txgruppi/json2react)
[![Codecov](https://img.shields.io/codecov/c/github/txgruppi/json2react.svg?style=flat-square)](https://codecov.io/github/txgruppi/json2react)

# json2react

Use JSON to create React Stateless Components.

`json2react` allows you to create React Stateless Components from JSON using a simple schema.

## Why?

I needed a way to store static views on the database as data, not as HTML code.

Using this library you can fetch some remote data which represents an UI and render it with React.

## Install

Like any other NPM package

```sh
npm install --save json2react
```

## Usage

You can use it with:

- `React.render`
- As the return value, or part of it, of a stateless component
- As the return value, or part of it, of a component's `render` method

```javascript
import { createElement } from "react";
import j2r from "json2react";

const jsonUI = {
type: "div",
props: {
style: { textAlign: "center" },
},
children: [
{ type: "h1", children: "It works!" },
{
type: "p",
children: {
type: "small",
children: "This component was created from JSON",
},
},
],
};

ReactDOM.render(j2r(createElement, jsonUI), document.body);
```

You can pass a mapper function as second argument to map types to components.

```javascript
import { createElement } from "react";
import j2r from "json2react";
import MyDivComponent from "./MyDivComponent";

const jsonUI = {
type: "MyDivComponent",
props: {
style: { textAlign: "center" },
},
children: [
{ type: "h1", children: "It works!" },
{
type: "p",
children: {
type: "small",
children: "This component was created from JSON",
},
},
],
};

const mapTypeToComponent = (type, props) => {
switch (type) {
case "MyDivComponent": return MyDivComponent;
}
return type;
};

ReactDOM.render(j2r(createElement, mapTypeToComponent, jsonUI), document.body);
```

## Schema

Please check the file http://github.com/txgruppi/json2react/blob/v0.0.0/schema.json for the detailed schema description.

## Tests

Only tests

```sh
npm test
```

Tests and coverage

```sh
npm run coverage
```
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
I’m going to gouge my eyes out with blunt pencils if I hear another person say that teachers should have guns to pr…
from twitter_favs
10 days ago by patrickneville
cxs: fast af css-in-js in 0.7kb
Github repo
Name: cxs
Tagline: fast af css-in-js in 0.7kb
Homepage: http://jxnblk.com/cxs
Languages:
JavaScript = 17259 bytes

# cxs

fast af css-in-js in 0.7kb

http://jxnblk.com/cxs

[![Build Status][b]](https://travis-ci.org/jxnblk/cxs)
[![Coverage][cov]](https://codecov.io/github/jxnblk/cxs)
[![js-standard-style][std]](http://standardjs.com/)
[![0.7kb gzip][kb]](https://github.com/siddharthkp/bundlesize)

[b]: https://img.shields.io/travis/jxnblk/cxs/master.svg?style=flat-square
[std]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square
[kb]: https://img.shields.io/badge/gzip-0.7%20kb-brightgreen.svg?style=flat-square
[cov]: https://img.shields.io/codecov/c/github/jxnblk/cxs.svg?style=flat-square

```js
const className = cxs({ color: 'tomato' })
```

cxs is a minimal css-in-js solution that uses an atomic css approach to maximize performance and deduplication

## Features

- 0.7 KB
- Zero dependencies
- High performance
- Style encapsulation
- Deduplicates repeated styles
- Dead-code elimination
- Framework independent
- Media queries
- Pseudoclasses
- Nesting
- No CSS files
- No tagged template literals
- Optional [React component](#react-components) API

## Install

```sh
npm install cxs
```

## Usage

cxs works with any framework, but this example uses React for demonstration purposes.

```js
import React from 'react'
import cxs from 'cxs'

const Box = (props) => {
return (
<div {...props} className={className} />
)
}

const className = cxs({
padding: '32px',
backgroundColor: 'tomato'
})

export default Box
```

### Pseudoclasses

```js
const className = cxs({
color: 'tomato',
':hover': {
color: 'black'
}
})
```

### Media Queries

```js
const className = cxs({
fontSize: '32px',
'@media screen and (min-width: 40em)': {
fontSize: '48px'
}
})
```

### Child Selectors

```js
const className = cxs({
color: 'black',
' > a': {
color: 'tomato'
}
})
```

### Static/Server-Side Rendering

For Node.js environments, use the `css()` method to return the static CSS string *after* rendering a view.

```js
import React from 'react'
import ReactDOMServer from 'react-dom/server'
import cxs from 'cxs'
import App from './App'

const html = ReactDOMServer.renderToString(<App />)
const css = cxs.css()

const doc = `<!DOCTYPE html>
<style>${css}</style>
${html}
`

// Reset the cache for the next render
cxs.reset()
```

Note: cxs does not currently have a mechanism for rehydrating styles on the client, so use with caution in universal JavaScript applications.

## React Components

cxs also has an alternative higher order component API for creating styled React components, similar to the [styled-components][sc] API.

```js
import cxs from 'cxs/component'

const Heading = cxs('h1')({
margin: 0,
fontSize: '32px',
lineHeight:...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
« earlier      later »

Copy this bookmark:



description:


tags:



Copy this bookmark:



description:


tags: