recent bookmarks

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
AerialStill - EEFAS
Aerial photos of the elite's houses.
pigmen  rich  elite  houses  property 
10 days ago by chrismasters
Twitter
I'm pretty sure my body would let me know if I needed more sleep, instead of being full of energy and…
from twitter
10 days ago by fgyost
fmt-obj: :lipstick: Prettifies any javascript object in your console. Make it look awesome!
Github repo
Name: fmt-obj
Tagline: :lipstick: Prettifies any javascript object in your console. Make it look awesome!
Languages:
JavaScript = 6124 bytes

# `fmt-obj` [![Build status][travis-image]][travis-url] [![NPM version][version-image]][version-url] [![Dependency Status][david-image]][david-url] [![License][license-image]][license-url] [![Js Standard Style][standard-image]][standard-url]

:lipstick: Prettifies any javascript object in your console. Make it look awesome!

**Screenshot**

<p align="center">
<img src="./intro.png" />
</p>

<sub><a href='./example.js'>View Example</a></sub>

> Also check out the [`CLI version`](https://github.com/Kikobeats/fmt-obj-cli) made by [@Kikobeats](https://github.com/Kikobeats)

## Features

- Circular reference support :sparkles:
- Allows for custom formatting
- Supports any arbitrary javascript token (functions, strings, numbers, arrays, you name it!)

## Installation

```sh
npm install --save fmt-obj
```

Or even better

```sh
yarn add fmt-obj
```

## Import and Usage Example

```js
const format = require('fmt-obj')

console.log(format({
message: 'hello world',
dev: true,
awesomeness: 9.99,
body: {
these: null,
are: 'string',
some: 12,
props: false
}
}))
```

## API

### `format(obj, depth = Infinity)`

Prettifies `obj` with optional `depth`.

#### `obj`

Any arbitrary javascript object.

#### `depth` (optional)

Colapses all properties deeper than specified by `depth`.

### `createFormatter({ offset = 2, formatter = identityFormatter })`

Create a custom format function if you need more control of *how* you want to format the tokens.

#### `opts.formatter` (optional)

`fmt-obj` uses [`chalk`](https://github.com/chalk/chalk) for it's default format function. A formatter is mostly used for colors but can be used to manipulate anything.

**Example with rounding numbers**
```js
const format = createFormatter({ number: Math.round })
format({ num: 12.49 }) // -> num: 12
```

The following tokens are available:

* **punctuation** - The characters sorrounding your data: `:` and `"`
* **literal** - Either `true`, `false`, `null` or `undefined`
* **annotation** - Type annotation for errors, functions and circular references like `[Function {name}]`
* **property**
* **string**
* **number**

**Example with a custom color map**
```js
const { createFormatter } = require('fmt-obj')

const format = createFormatter({
offset: 4,

formatter: {
punctuation: chalk.cyan,
annotation: chalk.red,
property: chalk.yellow,
literal: chalk.blue,
number: chalk.green,
string: chalk.bold
}
})
```

#### `opts.offset` (optional)

The amount of left whitespace between the property key and all of it's sub-properties.

## Similar packages

_(Because package discovery is...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Kialo - Empowering Reason
Kialo is designed to facilitate constructive debate about the most important issues in the world, without turning into the usual Internet Shouting Factory. We aspire to become not just where you come to argue, but also where you can explore the reasons why people disagree and see diverse points of view on the issues that matter.
economics  politics  debate 
10 days ago by whip_lash
calendarx: :date: Calendar plugin for React pages
Github repo
Name: calendarx
Tagline: :date: Calendar plugin for React pages
Languages:
JavaScript = 14489 bytes

## &lt;Calenda**Rx** /&gt;

As easy as putting `<Calendarx />` in your React app.
First of many _prescribed_ React solutions.

![Calendarx Screen Capture](./public/screencap.gif)

## Usage
```javascript
import Calendarx from 'calendarx'

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

The `Calendarx` view will adapt depending on the number of days that are specified
in `numDays`. If 4 is passed in, the first column will start with your
`referenceDate`, where if 7 is passed in the calendar will align itself to a
week view, and if say 35 is passed in, the calendar will pivot to show the entire
month.

## Options

| Option | Default | Type | Description |
| :------------- | :------------- | :------------- | :------------- |
| events | `[]` | `Array` | Events passed into the calendar |
| referenceDate | `Date.now()` | UTC Timestamp `String`, `Date`, `Moment` | Where the calendar is centered around |
| numDays | `35` | `Number` | Number of days the calendar should display. |
| width | `'100%'` | `String` - CSS string, `Number` - number of pixels | Width of the calendar |
| height | `width` or `'600px'` | `String` - CSS string, `Number` - number of pixels | Height of the calendar |
| todayClass | `'today'` | `String` | Class to be applied to the `DateColumn` with today's date |
| currMonthClass | `'currMonth'` | `String` | Class to be applied to dates of current month |
| prevMonthClass | `'prevMonth'` | `String` | Class to be applied to dates of previous month |
| nextMonthClass | `'nextMonth'` | `String` | Class to be applied to dates of next month |
| prevMonthStyle | `{ opacity: 0.4 }` | `Object` - follow React style syntax | Style to be applied to dates of previous month |
| nextMonthStyle | `{ opacity: 0.4 }` | `Object` - follow React style syntax | Style to be applied to dates of next month |
| themeColor | `'#4dc2fa'` | `String` - CSS | Accents things like today's date and events |
| EventComponent | see [Overriding Event Component](#overriding-event-component) | `React Class` | Component to display events |

## Calendar Events
Passing an `events` array to `<Calendarx />` will create an `EventComponent`
instance for each event, spreading each event as props to the component.
A valid [`Moment`](http://momentjs.com/docs) time is the only required prop to create an event.

### Example
```javascript
const events = [
{
id: 1,
title: 'Birthday',
time: moment().add(0, 'd').format(),
location: 'Home',
color: '#f284a8'
}
]
const App = () => (
<Calendarx...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
RT : 150,000 is our conservative estimate.
from twitter
10 days ago by ryanpitts
au7: Aurelia Framework7: A Lightweight Mobile App Platform
Github repo
Name: au7
Tagline: Aurelia Framework7: A Lightweight Mobile App Platform
Languages:
HTML = 6328 bytes
JavaScript = 3059 bytes

# Aurelia Framework7: A Lightweight Mobile App Platform

![Aurelia Framework7 Hero](http://static.flennik.com/au7-hero.jpg)

## Walkthrough
Quickly build cross-platform hybrid apps for Web, iOS, Android, Windows and PWAs using the slick animations and UI components of Framework7, along with the modular, testable and extensible Aurelia Framework.

Read more about the project on the [announcement blog post](https://blog.flennik.com/a-challenger-for-ionic-aurelia-framework7-63a53e736b8a#.9qtse37zw), and [check out the demo here](http://au7.flennik.com).

### How to Kick Butt
This project uses a few open source technologies. What you can do with this project depends on your mastery of their concepts and APIs. Here is your docs reading list to get the most out of this project:

- Aurelia
- Framework7
- Cordova
- Webpack (v2)

### Routing
We are using Framework7's included router, which supports animations.

Edit the views object in app.js to add and configure new pages. It preloads your pages into the DOM using Framework7's inline pages routing mode.

## Setup

### Requirements
- NodeJS (a newer version with ES2015 support)
- Cordova ``npm install -g cordova``

### Running the App and Dev server
- Run `npm install` to download dependencies
- Run `npm run dev` to run Webpack Dev Server with live reload.
- Get coding!

### Building and Deploying
Run `npm run build` to populate the www folder with your latest minified production build.

Then use Cordova's CLI to build and deploy your app for different platforms:

- ``cordova platform add browser``
- ``cordova run browser``

And:

- ``cordova platform add android``
- ``cordova emulate android``

Consult Cordova's docs for instructions on how to download platform dependencies like Java and Android Studio and deploying to the App and Play stores.

## Guides

### Customizing for Production

#### ***For more information on clean Webpack setups, [check out the blog post!](https://blog.flennik.com/the-fine-art-of-the-webpack-2-config-dc4d19d7f172)***

You can easily customize your Webpack setup. In webpack.config.js, you'll notice:

```javascript
const isProduction = env.production === true
const platform = env.platform
```

These variables allow you to dynamically alter your Webpack configuration, and they are fairly self-explanatory. Check out this example using isProduction:

```javascript
devtool: (() => {
if (isProduction) return 'hidden-source-map'
else return 'cheap-module-eval-source-map'
})()
```

These variables allow you to easily control your config. Although `platform` is simply `default` by default, as you add new platforms to your projects it's not hard to imagine how easily you can change Webpack's behavior.

But what about the app itself? Can you change Aurelia's configuration based on these constants? Why, yes. It comes down to the `PRODUCTION` and `PLATFORM` constants that are set by `webpack.DefinePlugin`.

Here is an example of changing Aurelia's configuration while in production:

```javascript
//main.js
if (PRODUCTION) {
// Turn off logging in production mode.
aurelia.use
...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Vine
When kids shows say patently ridiculous things
from twitter
10 days ago by mellowfish
scrolldir: 0 dependency JS plugin to leverage scroll direction with CSS ⬆⬇ 🔌💉
Github repo
Name: scrolldir
Tagline: 0 dependency JS plugin to leverage scroll direction with CSS ⬆⬇ 🔌💉
Homepage: https://dollarshaveclub.github.io/scrolldir/
Languages:
JavaScript = 5653 bytes
HTML = 2317 bytes

<figure align="center">
<img alt="scrolldir banner" src="https://cloud.githubusercontent.com/assets/1074042/22093384/09f3c2a6-ddba-11e6-8706-7e63be185448.jpg" />
</figure>
<p align="center">Leverage Vertical Scroll Direction with CSS 😎</p>

<hr>

<p align="center">
<a href="https://travis-ci.org/dollarshaveclub/scrolldir/">
<img alt="Build Status" src="https://travis-ci.org/dollarshaveclub/scrolldir.svg?branch=master" />
</a>
<a href="https://cdnjs.com/libraries/scrolldir">
<img alt="CDNJS" src="https://img.shields.io/cdnjs/v/scrolldir.svg" />
</a>
<a href="https://greenkeeper.io/">
<img alt="Greenkeeper" src="https://badges.greenkeeper.io/dollarshaveclub/scrolldir.svg" />
</a>
<a href="https://www.npmjs.com/package/scrolldir">
<img alt="npm version" src="https://badge.fury.io/js/scrolldir.svg" />
</a>
<a href="https://github.com/dollarshaveclub/scrolldir">
<img alt="Bower version" src="https://badge.fury.io/bo/scrolldir.svg" />
</a>
<a href="https://twitter.com/home?status=ScrollDir%2C%20a%20micro%20JS%20lib%20that%20describes%20vertical%20scroll%20direction.%20https%3A%2F%2Fgithub.com%2Fdollarshaveclub%2Fscrolldir%20by%20%40pfisher42%20co%20%40yowainwright%20%40DSCEngineering">
<img alt="Share on Twitter" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social&maxAge=2592000" />
</a>
</p>

<hr>

<h1 align="center">ScrollDir ⬆⬇</h1>

ScrollDir, short for Scroll Direction, is a 0 dependency, ~1kb micro Javascript plugin to easily leverage vertical scroll direction in CSS via a data attribute. 💪

### ScrollDir is perfect for:

- showing or hiding sticky elements based on scroll direction 🐥
- only changing its direction attribute when scrolled a significant amount 🔥
- **ignoring small scroll movements** that cause unwanted jitters 😎

<hr>

## Usage

ScrollDir will set the `data-scrolldir` attribute on the `<html>` element to `up` or `down`:

```html
<html data-scrolldir="up">
```
or
```html
<html data-scrolldir="down">
```

Now it’s easy to change styles based on the direction the user is scrolling!

```css
[data-scrolldir="down"] .my-fixed-header { display: none; }
```

## In Action 🎥

<p align="center">
<a href="https://dollarshaveclub.github.io/scrolldir/">
<img src="https://cloud.githubusercontent.com/assets/1074042/22451992/ebe879b0-e727-11e6-8799-511209695e26.gif" alt="Scrolldir gif" width="100%" />
</a>
</p>

<hr>

## Install 📦

npm
```sh
npm install...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
svgo: :tiger: Nodejs-based tool for optimizing SVG vector graphics files
Github repo
Name: svgo
Tagline: :tiger: Nodejs-based tool for optimizing SVG vector graphics files
Languages:
JavaScript = 337289 bytes
Makefile = 524 bytes

**english** | [русский](https://github.com/svg/svgo/blob/master/README.ru.md)
- - -

<img src="https://svg.github.io/svgo-logo.svg" width="200" height="200" alt="logo"/>

## SVGO [![NPM version](https://badge.fury.io/js/svgo.svg)](https://npmjs.org/package/svgo) [![Dependency Status](https://gemnasium.com/svg/svgo.svg)](https://gemnasium.com/svg/svgo) [![Build Status](https://secure.travis-ci.org/svg/svgo.svg)](https://travis-ci.org/svg/svgo) [![Coverage Status](https://img.shields.io/coveralls/svg/svgo.svg)](https://coveralls.io/r/svg/svgo?branch=master)

**SVG O**ptimizer is a Nodejs-based tool for optimizing SVG vector graphics files.
![](https://mc.yandex.ru/watch/18431326)

## Why?

SVG files, especially exported from various editors, usually contain a lot of redundant and useless information such as editor metadata, comments, hidden elements, default or non-optimal values and other stuff that can be safely removed or converted without affecting SVG rendering result.

## What it can do

SVGO has a plugin-based architecture, so almost every optimization is a separate plugin.

Today we have:

| Plugin | Description |
| ------ | ----------- |
| [cleanupAttrs](https://github.com/svg/svgo/blob/master/plugins/cleanupAttrs.js) | cleanup attributes from newlines, trailing, and repeating spaces |
| [removeDoctype](https://github.com/svg/svgo/blob/master/plugins/removeDoctype.js) | remove doctype declaration |
| [removeXMLProcInst](https://github.com/svg/svgo/blob/master/plugins/removeXMLProcInst.js) | remove XML processing instructions |
| [removeComments](https://github.com/svg/svgo/blob/master/plugins/removeComments.js) | remove comments |
| [removeMetadata](https://github.com/svg/svgo/blob/master/plugins/removeMetadata.js) | remove `<metadata>` |
| [removeTitle](https://github.com/svg/svgo/blob/master/plugins/removeTitle.js) | remove `<title>` |
| [removeDesc](https://github.com/svg/svgo/blob/master/plugins/removeDesc.js) | remove `<desc>` |
| [removeUselessDefs](https://github.com/svg/svgo/blob/master/plugins/removeUselessDefs.js) | remove elements of `<defs>` without `id` |
| [removeXMLNS](https://github.com/svg/svgo/blob/master/plugins/removeXMLNS.js) | removes `xmlns` attribute (for inline svg, disabled by default) |
| [removeEditorsNSData](https://github.com/svg/svgo/blob/master/plugins/removeEditorsNSData.js) | remove editors namespaces, elements, and attributes |
| [removeEmptyAttrs](https://github.com/svg/svgo/blob/master/plugins/removeEmptyAttrs.js) | remove empty attributes |
| [removeHiddenElems](https://github.com/svg/svgo/blob/master/plugins/removeHiddenElems.js) | remove hidden elements |
| [removeEmptyText](https://github.com/svg/svgo/blob/master/plugins/removeEmptyText.js) | remove...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
webpack-chain: Use a chaining API to generate and simplify the modification of Webpack 2 configurations.
Github repo
Name: webpack-chain
Tagline: Use a chaining API to generate and simplify the modification of Webpack 2 configurations.
Languages:
JavaScript = 42350 bytes

# webpack-chain

Use a chaining API to generate and simplify the modification of
Webpack 2 and 3 configurations.

This documentation corresponds to v4 of webpack-chain.

* [v3 docs](https://github.com/mozilla-neutrino/webpack-chain/tree/v3)
* [v2 docs](https://github.com/mozilla-neutrino/webpack-chain/tree/v2)
* [v1 docs](https://github.com/mozilla-neutrino/webpack-chain/tree/v1.4.3)

_Note: while webpack-chain is utilized extensively in Neutrino, this package is completely
standalone and can be used by any project._

## Introduction

Webpack's core configuration is based on creating and modifying a
potentially unwieldy JavaScript object. While this is OK for configurations
on individual projects, trying to share these objects across projects and
make subsequent modifications gets messy, as you need to have a deep
understanding of the underlying object structure to make those changes.

`webpack-chain` attempts to improve this process by providing a chainable or
fluent API for creating and modifying webpack configurations. Key portions
of the API can be referenced by user-specified names, which helps to
standardize how to modify a configuration across projects.

This is easier explained through the examples following.

## Installation

`webpack-chain` requires Node.js v6.9 and higher. `webpack-chain` also
only creates configuration objects designed for use in Webpack 2 and 3.

You may install this package using either Yarn or npm (choose one):

**Yarn**

```bash
yarn add --dev webpack-chain
```

**npm**

```bash
npm install --save-dev webpack-chain
```

## Getting Started

Once you have `webpack-chain` installed, you can start creating a
Webpack configuration. For this guide, our example base configuration will
be `webpack.config.js` in the root of our project directory.

```js
// Require the webpack-chain module. This module exports a single
// constructor function for creating a configuration API.
const Config = require('webpack-chain');

// Instantiate the configuration with a new API
const config = new Config();

// Make configuration changes using the chain API.
// Every API call tracks a change to the stored configuration.

config
// Interact with entry points
.entry('index')
.add('src/index.js')
.end()
// Modify output settings
.output
.path('dist')
.filename('[name].bundle.js');

// Create named rules which can be modified later
config.module
.rule('lint')
.test(/\.js$/)
.pre()
.include
.add('src')
.end()
// Even create named uses (loaders)
.use('eslint')
.loader('eslint-loader')
.options({
rules: {
semi: 'off'
}
});

config.module
.rule('compile')
.test(/\.js$/)
.include
.add('src')
.add('test')
.end()
.use('babel')
.loader('babel-loader')
.options({
presets: [
['babel-preset-es2015', { modules: false...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
egg: Born to build better enterprise frameworks and apps with Node.js & Koa
Github repo
Name: egg
Tagline: Born to build better enterprise frameworks and apps with Node.js & Koa
Homepage: https://eggjs.org
Languages:
JavaScript = 238286 bytes
Shell = 1375 bytes

![](https://raw.githubusercontent.com/eggjs/egg/master/docs/assets/egg-logo.png)

Born to build better enterprise frameworks and apps

[![NPM version][npm-image]][npm-url]
[![NPM quality][quality-image]][quality-url]
[![build status][travis-image]][travis-url]
[![Test coverage][codecov-image]][codecov-url]
[![David deps][david-image]][david-url]
[![Known Vulnerabilities][snyk-image]][snyk-url]
[![NPM download][download-image]][download-url]
[![Gitter][gitter-image]][gitter-url]

[npm-image]: https://img.shields.io/npm/v/egg.svg?style=flat-square
[npm-url]: https://npmjs.org/package/egg
[quality-image]: http://npm.packagequality.com/shield/egg.svg?style=flat-square
[quality-url]: http://packagequality.com/#?package=egg
[travis-image]: https://img.shields.io/travis/eggjs/egg.svg?style=flat-square
[travis-url]: https://travis-ci.org/eggjs/egg
[codecov-image]: https://img.shields.io/codecov/c/github/eggjs/egg.svg?style=flat-square
[codecov-url]: https://codecov.io/gh/eggjs/egg
[david-image]: https://img.shields.io/david/eggjs/egg.svg?style=flat-square
[david-url]: https://david-dm.org/eggjs/egg
[snyk-image]: https://snyk.io/test/npm/egg/badge.svg?style=flat-square
[snyk-url]: https://snyk.io/test/npm/egg
[download-image]: https://img.shields.io/npm/dm/egg.svg?style=flat-square
[download-url]: https://npmjs.org/package/egg
[gitter-image]: https://img.shields.io/gitter/room/eggjs/egg.svg?style=flat-square
[gitter-url]: https://gitter.im/eggjs/egg

## Installation

```bash
$ npm install egg --save
```

Node.js >= 8.0.0 required.

## Features

- ✔︎ Built-in process management
- ✔︎ Plugin system
- ✔︎ Framework customization
- ✔︎ Lots of [plugins](https://github.com/search?q=topic%3Aegg-plugin&type=Repositories)

## Docs & Community

- [Website && Documentations](https://eggjs.org)
- [Plugins](https://github.com/search?q=topic%3Aegg-plugin&type=Repositories)
- [Frameworks](https://github.com/search?q=topic%3Aegg-framework&type=Repositories)
- [Plugin Dependency](http://uml.mvnsearch.org/github/eggjs/egg/blob/master/docs/plugins.puml)

> All the documentations (comments, README, etc.) are in English, except the tutorials and api documentations are still [being translated](https://github.com/eggjs/egg/issues/363).
> Feel free to join us and translate egg documentations. It's appreciated.

## Getting Started

Follow the commands listed below.

```bash
$ npm install egg-init -g
$ egg-init --type simple showcase && cd showcase
$ npm install
$ npm run dev
$ open http://localhost:7001
```

## Examples

See [egg-examples](https://github.com/eggjs/examples).

## How to Contribute

Please let...
github  programming  github-starred-to-pinboard  crypto 
10 days ago by brianyang
Twitter
. got me a bouquet of kittens for valentine's day 😹😹😹
from twitter_favs
10 days ago by jhelwig
« earlier      later »

Copy this bookmark:



description:


tags:



Copy this bookmark:



description:


tags: