recent bookmarks

root-css: 📦 It is a small utility to create styles
Github repo
Name: root-css
Tagline: 📦 It is a small utility to create styles
Languages:
JavaScript = 28729 bytes

# root-css

It is a **small** utility to create styles, for **preact**, with some ideas of **css-block** and **styled-components**.

| formato |tamaño|
|--------|---|
| normal |7.07kb |
| min | 2.48kb |
| gzip | 1.37kb |

The operation of **root-css** is simple, separates the rules en bloc and replaces the root word with a randomly generated alias, **root-css** does not optimize styles, it only prints them.

## Gameplay

If you are anxious and do not want to read the small documentation, you can easily test **root-css** in [codesandbox.io/s/jjpnknv605](https://codesandbox.io/s/jjpnknv605), I invite you to read the code, edit it and comment improvements.

## :root

The magic of **root-css** is in the use of the prefix **:root**, and with the ud you can use the attribute selector `: root [attribute = value]`.

```js
import style from "root-css";

let Title = style("div")(`
:root{
font-size : 22px;
}
:root[size=large]{
font-size : 26px;
}
:root[size=small]{
font-size : 18px;
}
`);
```

With **root-css** you can share the state of the component with the style sheet natively, as the following example shows:

```js
// Component
<Title size="large">
hello!
</Title>
// return render
<div data-state-size="large">
hello!
</div>
```

> **root-css** will convert `:root[size=large]` to `.SybQrQ[data-state-size=large]`, understanding that the name of the class **SybQrQ** is unique for each component invoked by **root-css**.

## :global

Allows you to insert styles globally.

```js
import style from "root-css";

let Title = style("div")(`
:global body{
font-family : arial;
}
`);
```

## :rootName

Will be replaced by the random name assigned to the component, this does not prefix the point, as if it is done by **:root**.

```js
import style from "root-css";

let Title = style("div")(`
:root{
width: 100px;
height: 100px;
background: black;
position :relative;
animation: :rootName-mymove 5s infinite;
}
@keyframes :rootName-mymove {
from {top: 0px;}
to {top: 200px;}
}
`);
```

## selectors

I recommend the use of **: root ** only when you want to point to it or to a component state, because by default. **root-css** adds the prefix of root to any selector inside it.

**JS** : the style will only be applied if a **button** is added within **Title**.
```js
import style from "root-css";

let Title = style("div")(`
button,
a{
padding : 5px 10px;
background : black;
color : white;
font-size : 12px;
}
`);
```
**CSS** : this would be the output of the css from the previous example.
```css
.SybQrQ button,
.SybQrQ a{
padding : 5px 10px;
background : black;
color : white;
font-size...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
selection: Selection - A simple and lightweight library to realize visual DOM Selections. No jQuery. Supports any CSS library
Github repo
Name: selection
Tagline: Selection - A simple and lightweight library to realize visual DOM Selections. No jQuery. Supports any CSS library
Homepage: https://simonwep.github.io/selection/
Languages:
JavaScript = 16938 bytes
HTML = 5563 bytes
CSS = 4879 bytes

<h1 align="center">
<img alt="Logo" src="https://image.ibb.co/dejTj7/selection_js.png"/>
</h1>

<h3 align="center">
Simple and easy selection library to enable visual
DOM-Selection
</h3>

<p align="center">
<a href="https://choosealicense.com/licenses/mit/"><img
alt="License MIT"
src="https://img.shields.io/badge/licence-MIT-blue.svg"></a>
<a href="http://es6-features.org/"><img
alt="Javascript ES6"
src="https://img.shields.io/badge/Javascript-ES6-green.svg"></a>
<a href="https://www.npmjs.com/"><img
alt="npm version"
src="https://img.shields.io/badge/npm-5.8.0-brightgreen.svg"></a>
<img alt="Current version"
src="https://img.shields.io/badge/version-0.0.7-23AD62.svg">
<img alt="No dependencies"
src="https://img.shields.io/badge/dependencies-none-57CCE4.svg">
</p>

<h2 align="center">
<img
width="700px"
alt="Demo" src="https://user-images.githubusercontent.com/12004383/39947840-4685bc0e-556b-11e8-95cf-068ab6d7e9de.gif"/>
</h2>

Quick demo: https://simonwep.github.io/selection

### Features
* Supports touch devices
* Simple usage
* No jQuery
* Nodejs support
* Lightweight, 3KB gzipped

### Install

Via npm
```
$ npm install @simonwep/selection-js --save
```

Include via [jsdelivr.net](https://www.jsdelivr.com/)

```javascript
<script src="https://cdn.jsdelivr.net/npm/@simonwep/selection-js@0.0.7/selection.min.js"></script>
```

## Usage
```javascript
const options = {

// All elemets with the class 'selectable' selectable.
selectables: ['.selectable']
};
const selection = Selection.create(options);
```
It's recommend to also specify a bounding area for the selection (see 'Options').

***

## Options
```javascript
const selection = new Selection({

// Class for the selection-area-element
class: 'selection-area',

// px, how many pixels the point should move before starting the selection
startThreshold: 10,

// Disable the selection functionality for touch devices
disableTouch: false,

// Enable single-click selection
singleClick: true,

// Query selectors from elements from which the siblings can be selected
containers: [],

// Query selectors from elements which can be selected
selectables: [],

// Query selectors for elements from where a selection can be start
startareas: ['html'],

// Query selectors for elements which will be used as boundaries for the selection
boundaries: ['html'],

// Element selection stardet, see Events for details
onStart(evt) {
evt.selection;
...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Wedding Dj Services in Phoenix
Wedding Dj Services in Phoenix ... ...
Wedding Dj Services in Phoenix
from twitter
10 days ago by nonstop
This is what happens when you encode data as cell formatting in Excel – Luis D. Verde Arregoitia
I recently offered to help create the game cards for a mammalogy-themed trivia board game that will be made available later in the year. The questions and answers had already been prepared and they were stored in an Excel file.

When it was first described to me, the data structure seemed sensible:

one worksheet per topic
one row per question, followed by the possible answers on the same row
r  rstats  r.learning  excel 
10 days ago by azadag
Twitter
Du kan da ikke mene at Wergelands frihetstanker gjaldt alle a…
from twitter_favs
10 days ago by asbjornu
Twitter
More inking on the boards for the comic I'm making with .
comics  inking  from twitter
10 days ago by jerzydrozd
Twitter
Measuring Value Exchange Around Government Data Using API Management -
from twitter
10 days ago by kinlane
Measuring Value Exchange Around Government Data Using API Management
Measuring Value Exchange Around Government Data Using API Management -
from twitter
10 days ago by kinlane
promise-fun: Promise packages, patterns, chat, and tutorials
Github repo
Name: promise-fun
Tagline: Promise packages, patterns, chat, and tutorials
Languages:

# promise-fun [![Gitter](https://badges.gitter.im/join_chat.svg)](https://gitter.im/promisefun/Lobby)

I intend to use this space to document my promise modules, useful promise patterns, and how to solve common problems. For now though, you can see all my promise modules below.

**Star this repo to show your interest, so I can know whether to prioritize this work.**

## Contents

- [Packages](#packages)
- [FAQ](#faq)

## Packages

*Not accepting additions, but happy to [take requests & answer questions](https://gitter.im/promisefun/Lobby).*

- **[pify](https://github.com/sindresorhus/pify)**: Promisify a callback-style function
- **[delay](https://github.com/sindresorhus/delay)**: Delay a promise a specified amount of time
- **[p-map](https://github.com/sindresorhus/p-map)**: Map over promises concurrently
- **[p-all](https://github.com/sindresorhus/p-all)**: Run promise-returning & async functions concurrently with optional limited concurrency
- **[p-queue](https://github.com/sindresorhus/p-queue)**: Promise queue with concurrency control
- **[p-catch-if](https://github.com/sindresorhus/p-catch-if)**: Conditional promise catch handler
- **[p-if](https://github.com/sindresorhus/p-if)**: Conditional promise chains
- **[p-tap](https://github.com/sindresorhus/p-tap)**: Tap into a promise chain without affecting its value or state
- **[p-log](https://github.com/sindresorhus/p-log)**: Log the value/error of a promise
- **[p-event](https://github.com/sindresorhus/p-event)**: Promisify an event by waiting for it to be emitted
- **[p-debounce](https://github.com/sindresorhus/p-debounce)**: Debounce promise-returning & async functions
- **[p-throttle](https://github.com/sindresorhus/p-throttle)**: Throttle promise-returning & async functions
- **[p-timeout](https://github.com/sindresorhus/p-timeout)**: Timeout a promise after a specified amount of time
- **[p-finally](https://github.com/sindresorhus/p-finally)**: `Promise#finally()` ponyfill - Invoked when the promise is settled regardless of outcome
- **[p-retry](https://github.com/sindresorhus/p-retry)**: Retry a promise-returning or async function
- **[p-any](https://github.com/sindresorhus/p-any)**: Wait for any promise to be fulfilled
- **[p-some](https://github.com/sindresorhus/p-some)**: Wait for a specified number of promises to be fulfilled
- **[p-locate](https://github.com/sindresorhus/p-locate)**: Get the first fulfilled promise that satisfies the provided testing function
- **[p-limit](https://github.com/sindresorhus/p-limit)**: Run multiple promise-returning & async functions with limited concurrency
- **[p-series](https://github.com/sindresorhus/p-series)**: Run promise-returning & async functions in series
- **[p-memoize](https://github.com/sindresorhus/p-memoize)**: Memoize promise-returning & async functions
-...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
Because I'm always thinking about this: I've hit a point where I prefer to ID as queer. Queer encompasses not just…
from twitter_favs
10 days ago by gfmorris
Twitter
Except that's not how it really goes down.He is in a friendly situation,arms and legs free and knows he can g…
from twitter_favs
10 days ago by jcoffey42
rmdi: React Material Design Icons – built with Pixo, Styled Components, and Styled System
Github repo
Name: rmdi
Tagline: React Material Design Icons – built with Pixo, Styled Components, and Styled System
Homepage: https://jxnblk.com/rmdi
Languages:
JavaScript = 2706 bytes

# React Material Design Icons

Built with [Pixo][pixo], [Styled Components][sc], and [Styled System][sys]

https://jxnblk.com/rmdi

[pixo]: https://github.com/c8r/pixo
[sys]: https://github.com/jxnblk/styled-system
[sc]: https://github.com/styled-components/styled-components

```sh
npm i rmdi
```

```jsx
// import icons individually for better tree-shaking
import Accessibility from 'rmdi/lib/Accessibility'

const App = props => (
<Accessibility
size={32}
color='tomato'
/>
)
```

```jsx
// import all icons as a single component
import { Icon } from 'rmdi'

const App = props => (
<Icon
name='accessibility'
size={32}
color='tomato'
/>
)
```

## List of Icons

See the [icon list](ICONS.md) for a complete list of all icons available

## Props

Prop | Type | Description
---|---|---
`size` | number | width and height in pixels
`color` | string | fill color, uses Styled System's [`color`][color] function

### Spacing Props

Margin can be applied with the following props, which use Styled System's [`space`][space] function.
Margin props accept numbers for pixel values, strings with CSS units, or arrays for [responsive][responsive] margin

Prop | Description
---|---
`m` | margin
`mt` | margin-top
`mr` | margin-right
`mb` | margin-bottom
`ml` | margin-left
`mx` | margin-left and margin-right
`my` | margin-top and margin-bottom

[color]: https://github.com/jxnblk/styled-system#color-responsive
[space]: https://github.com/jxnblk/styled-system#space-responsive
[responsive]: https://github.com/jxnblk/styled-system#responsive-styles

## Contributing

```sh
npm install
```

The build process will:

1. Parse the `material-design-icons` package for SVG source code
2. Copy the icons to the `svg/` folder
3. Create an `examples/` folder for tests and development
4. Run [Pixo][pixo] on the `svg/` folder and output to `src/`
5. Run Babel on the `src/` folder and output to `lib/`

Tests:

```sh
npm test
```

To run the development server:

```sh
npm start
```

## Related

- [Google Material Design Icons](https://github.com/google/material-design-icons)
- [Pixo][pixo]
- [Styled Components][sc]
- [Styled System][sys]
- [React Icons](https://github.com/gorangajic/react-icons)

[MIT License](LICENSE.md)
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
For YouTube researchers!!
from twitter
10 days ago by DocDre
react-simple-chatbot: :speech_balloon: Easy way to create conversation chats
Github repo
Name: react-simple-chatbot
Tagline: :speech_balloon: Easy way to create conversation chats
Homepage: https://lucasbassetti.com.br/react-simple-chatbot/
Languages:
JavaScript = 81357 bytes
HTML = 258 bytes

# React Simple Chatbot

<a href="https://travis-ci.org/LucasBassetti/react-simple-chatbot"><img src="https://travis-ci.org/LucasBassetti/react-simple-chatbot.svg?branch=master" alt="Travis CI" /></a> <a href="https://badge.fury.io/js/react-simple-chatbot"><img src="https://badge.fury.io/js/react-simple-chatbot.svg" alt="npm version"></a>
<img src="https://codecov.io/gh/LucasBassetti/react-simple-chatbot/branch/master/graph/badge.svg" alt="Codecov" />
</a>

A simple chatbot component to create conversation chats

<img src="https://cloud.githubusercontent.com/assets/1014326/25716667/2d4bb4c4-30d6-11e7-996e-30c8fb316361.gif" height="400" />

## Getting Start

```bash
npm install react-simple-chatbot --save
```

## Usage

There are several examples on the [website](http://lucasbassetti.com.br/react-simple-chatbot). Here is the first one to get you started:

``` javascript
import ChatBot from 'react-simple-chatbot';

const steps = [
{
id: '0',
message: 'Welcome to react chatbot!',
trigger: '1',
},
{
id: '1',
message: 'Bye!',
end: true,
},
];

ReactDOM.render(
<div>
<ChatBot steps={steps} />
</div>,
document.getElementById('root')
);
```

## React Simple Chatbot on media

1. [webdesignerdepot](https://www.webdesignerdepot.com/2017/08/whats-new-for-designers-august-2017/)
2. [blogduwebdesign](http://www.blogduwebdesign.com/webdesign/ressources-web-du-lundi-aout-164/2507)
3. [codrops](https://tympanus.net/codrops/collective/collective-335/)

## Build with `react-simple-chatbot`

1. [Seth Loh Website](https://github.com/lackdaz/lackdaz.github.io) - Personal website of Seth Loh ([demo](https://www.sethloh.com))
2. [Paul's Website](https://psheon.github.io/) - Personal website of Paul Jiang ([demo](https://psheon.github.io/archives/))
3. [Cisco Partner Support API Chatbot](https://github.com/btotharye/cisco-pss-api-chatbot) - Code with screenshots to have your own Cisco Serial lookup chatbot.

Built something with `react-simple-chatbot`? Submit a PR and add it to this list!

## How to Contribute

Please check the [contributing guide](https://github.com/LucasBassetti/react-simple-chatbot/blob/master/contributing.md)

## Authors

| ![Lucas Bassetti](https://avatars3.githubusercontent.com/u/1014326?v=3&s=150)|
|:---------------------:|
| [Lucas Bassetti](https://github.com/LucasBassetti/) |

See also the list of [contributors](https://github.com/LucasBassetti/react-simple-chatbot/contributors) who participated in this project.

## Donate

If you liked this project, you can donate to support it...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
Get ready to ! Our summer performance series Cocktails at Cooper Hewitt returns to the Arthur Ross Te…
DrinkUpDesign  from twitter
10 days ago by cooperhewitt
Twitter
I feel that just like it’s easier to see changes in people we don’t see very often – rather than in people we hang…
from twitter_favs
10 days ago by kohlmannj
pixel-art-react: Pixel art animation and drawing web app powered by ReactJS
Github repo
Name: pixel-art-react
Tagline: Pixel art animation and drawing web app powered by ReactJS
Homepage: https://www.pixelartcss.com/
Languages:
JavaScript = 105286 bytes
CSS = 30398 bytes
HTML = 2711 bytes

# Pixel Art to CSS

<a target='_blank' href='http://www.recurse.com' title='Made at the Recurse Center'><img src='https://cloud.githubusercontent.com/assets/2883345/11325206/336ea5f4-9150-11e5-9e90-d86ad31993d8.png' height='20px'/></a>

### Did you know that you can draw and animate pixel art using CSS?

**pixel-art-react** is a handy and intuitive tool, that can help you to design your awesome drawings and animations!

Try to draw some pixels on the screen, **pixel-art-react** will generate the CSS code using **box-shadow** property.

Create as much drawings as you want in your project adding new frames and then check them in motion! it will use CSS **keyframes** to get the animation done and the CSS code will be ready to use in your HTML blocks.

Please check the following example:

![pixel-art-react](screenshots/screenshot-cat.png)

The app layout is responsive and adjust itself to the screen width. You can see different layout examples (desktop and mobile) in the screenshot.

The project is built with **React**, **Redux** and **ImmutableJS**. Trying to avoid side-effects in a functional way of programming.

You will be able to **load**, **save**, **import**, **export** projects, **undo** **redo** your actions, change grid properties, **share** your drawings/animations and **download** them, everything in a very easy and fast way.

Check the results of this simple project:

![](screenshots/animation-cat.gif)

##### See it live at [pixelartcss](https://www.pixelartcss.com/)

## Example

You can find an example project data ready to import [here](examples/import-export/cat.txt).

In addition a project will be loaded by default, check this out clicking on the **LOAD** button. Of course you can delete this project anytime you want.

## Technical overview

This application has been built with the following technologies:

- [React](https://facebook.github.io/react/): Library to build the UI
- [Redux](http://redux.js.org/): Implements a Flux like architecture
- [ImmutableJS](https://facebook.github.io/immutable-js/) Helps to keep the data immutable
- [PostCSS](https://github.com/postcss/postcss) Handle the app CSS
- [NodeJS](https://nodejs.org/en/) + [Express](http://expressjs.com/) (Server side to build an universal application, create and serve the generated drawings)

## Installation

```bash
npm install
```

## Development

If you just want to develop the interface with no need of back-end side, take advance of ```webpack-dev-server``` and ```react-hot-loader```.

```bash
npm run development
```

## Deploy

Create the final build and run the generated react html on a express server making in an isomorphic way.

```bash
npm run deploy

npm run server
```

A ```config.json``` is needed for deployment with the Twitter and express keys.

## Testing

```bash
npm run test
```

## Contributing
####...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
jsPDF: Client-side JavaScript PDF generation for everyone.
Github repo
Name: jsPDF
Tagline: Client-side JavaScript PDF generation for everyone.
Homepage: https://parall.ax/products/jspdf
Languages:
JavaScript = 992879 bytes
ActionScript = 12703 bytes
HTML = 9547 bytes

# jsPDF

[![Greenkeeper badge](https://badges.greenkeeper.io/MrRio/jsPDF.svg)](https://greenkeeper.io/)

[![Build Status](https://saucelabs.com/buildstatus/jspdf)](https://saucelabs.com/beta/builds/526e7fda50bd4f97a854bf10f280305d)

[![Code Climate](https://codeclimate.com/repos/57f943855cdc43705e00592f/badges/2665cddeba042dc5191f/gpa.svg)](https://codeclimate.com/repos/57f943855cdc43705e00592f/feed) [![Test Coverage](https://codeclimate.com/repos/57f943855cdc43705e00592f/badges/2665cddeba042dc5191f/coverage.svg)](https://codeclimate.com/repos/57f943855cdc43705e00592f/coverage)

**A library to generate PDFs in client-side JavaScript.**

You can [catch me on twitter](http://twitter.com/MrRio): [@MrRio](http://twitter.com/MrRio) or head over to [my company's website](http://parall.ax) for consultancy.

## [Live Demo](http://rawgit.com/MrRio/jsPDF/master/) | [Documentation](http://rawgit.com/MrRio/jsPDF/master/docs/)

## Creating your first document

The easiest way to get started is to drop the CDN hosted library into your page:

```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.debug.js" integrity="sha384-CchuzHs077vGtfhGYl9Qtc7Vx64rXBXdIAZIPbItbNyWIRTdG0oYAqki3Ry13Yzu" crossorigin="anonymous"></script>
```

Integrity-hash generated by https://www.srihash.org/

or can always get latest version via [unpkg](https://unpkg.com/#/)

```html
<script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script>
```

Using yarn:

```bash
yarn add jspdf
```

Using npm:

```bash
npm install jspdf --save
```

Then you're ready to start making your document:

```javascript
// Default export is a4 paper, portrait, using milimeters for units
var doc = new jsPDF()

doc.text('Hello world!', 10, 10)
doc.save('a4.pdf')
```

If you want to change the paper size, orientation, or units, you can do:

```javascript
// Landscape export, 2×4 inches
var doc = new jsPDF({
orientation: 'landscape',
unit: 'in',
format: [4, 2]
})

doc.text('Hello world!', 1, 1)
doc.save('two-by-four.pdf')
```
## Angular Configuration:

Add following in angular-cli.json:
```
"scripts": [ "../node_modules/jspdf/dist/jspdf.min.js" ]
```
and import it in your component:
```
import * as jsPDF from 'jspdf'
```

Great! Now give us a Star :)

## Contributing
Build the library with `npm run build`. This will fetch all dependencies and then compile the `dist` files. To see the examples locally you can start a web server with `npm start` and go to `localhost:8000`.

## Credits
- Big thanks to Daniel Dotsenko from [Willow Systems Corporation](https://github.com/willowsystems) for making huge contributions to the codebase.
- Thanks to Ajaxian.com for [featuring us back in...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Spree Park
Abandoned Amusement Park. I really wanted to go to this last time I was in Berlin but didn't have time.
-Veronica
amusement  park  abandoned 
10 days ago by mfastudioberlin
Twitter
"..it featured Branca’s immortal words 'Eric…f**king asshole…turn off the goddamn feedback, the only…
from twitter
10 days ago by jameswagner
react-testing-examples: Searchable library of testing examples for React components
Github repo
Name: react-testing-examples
Tagline: Searchable library of testing examples for React components
Homepage: https://react-testing-examples.com
Languages:
JavaScript = 79003 bytes

# React Testing Examples [<img src="https://img.shields.io/circleci/project/github/skidding/react-testing-examples.svg" alt="CircleCI" />](https://circleci.com/gh/skidding/react-testing-examples)

Searchable library of testing examples for React components

* [Browse the tests](https://react-testing-examples.com)
* [Read about the project](https://react-testing-examples.com/about)

[<img alt="Screenshot of React Testing Examples" src="screenshot.png" />](https://react-testing-examples.com)
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
nu får ni ärlit ge upp me ert sommarhat!!!!! vi har haft vinter i 13 månader Låt oss livsglada ha lite kul. läser j…
from twitter_favs
10 days ago by datakille
Twitter
The key moment is at 2:15:
Google employee: Who's your friend? I don't keep up with this.

Alex Jones: He's Milo!…
from twitter_favs
10 days ago by chetan
react-native-formik
Github repo
Name: react-native-formik
Tagline:
Languages:
JavaScript = 23678 bytes

# React Native Formik [![Coverage Status](https://coveralls.io/repos/github/bamlab/react-native-formik/badge.svg?branch=master)](https://coveralls.io/github/bamlab/react-native-formik?branch=master) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) [![NPM downloads](https://img.shields.io/npm/dm/react-native-formik.svg)](https://www.npmjs.com/package/react-native-formik) [![NPM downloads](https://img.shields.io/npm/dt/react-native-formik.svg)](https://www.npmjs.com/package/react-native-formik)

Forms are very verbose in React, and a lot of the time, you end up copy pasting a lot of boilerplate.

This repository is a set of high order components designed to help you take control again of your forms with React Native and [Formik](https://github.com/jaredpalmer/formik)

**Features**

* Easily composable set of helpers
* Connects your React Native input to Formik with no boilerplate (See `makeReactNativeField`)
* Add a `type` prop on your TextInput to take care of the input options based on the type (See `withInputTypeProps`)
* Automatically focus the next input (See `withNextInputAutoFocus`)

**Table of contents**

* [Installation](#installation)
* [Advanced Example](#advanced-example)
* [Formatting inputs](#formatting-inputs)
* [API](#api)
* [makeReactNativeField](#makereactnativefield)
* [setFormikInitialValue](#setFormikInitialValue)
* [withError](#witherror)
* [withFocus](#withfocus)
* [withFormik](#withformik)
* [withInputTypeProps](#withinputtypeprops)
* [withNextInputAutoFocus](#withnextinputautofocus)
* [withTouched](#withtouched)
* [withPickerValues](#withpickervalues)

## Installation

```shell
yarn add react-native-formik
```

## Advanced Example

Say we want to create a form with Material design inputs.

### Create a custom input

Let's create our custom text input design, called `MaterialTextInput`:

We can use [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) for the material design.

Our component takes `error` and `touched` in addition to the usual `TextInput` props.
Notice our component also implement a `focus` function, for `withNextInputAutoFocus` to work.

```javascript
// MaterialTextInput.js
import React from 'react';
import { Text, View } from 'react-native';
import { TextField } from 'react-native-material-textfield';

export default class MaterialTextInput extends React.PureComponent {
// Your custom input needs a focus function for `withNextInputAutoFocus` to work
focus() {
this.input.focus();
}

render() {
const { error, touched, ...props } = this.props;

const displayError = !!error && touched;
const errorColor = 'rgb(239, 51, 64)';

return (
<View>
...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
react-head: SSR-ready Document Head management for React 16+
Github repo
Name: react-head
Tagline: SSR-ready Document Head management for React 16+
Languages:
JavaScript = 11641 bytes
CSS = 1036 bytes

# react-head [![npm Version](https://img.shields.io/npm/v/react-head.svg?style=flat-square)](https://www.npmjs.org/package/react-head) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](CONTRIBUTING.md#pull-requests)

Asynchronous SSR-ready Document Head management for React 16+

## Motivation

This module allows you to define `document.head` tags anywhere in your component hiearchy. The motivations are similar to [react-helmet](https://github.com/nfl/react-helmet) in that you may only have the information for certain tags contextually deep in your component hiearchy. There are no dependencies (it does not use react-side-effects) and it should work fine with asynchronous rendering; the only requirement is React 16+.

[Read more about react-head and how it works on Medium](https://jeremygayed.com/making-head-tag-management-thread-safe-with-react-head-323654170b45)

## Installation

```
npm i react-head
```

## How it works

1. On the server, you wrap your App in `<HeadCollector />` with a given `headTags[]` array
1. Then call `renderToString(headTags)` and include in the `<head />` block of your server template
1. To insert head tags within your app, just render `<HeadTag />` components as often as needed.

On the server, the tags are collected in the `headTags[]` array, and then on the client the server-generated tags are removed in favor of the client-rendered tags so that SPAs still work as expected (e.g. in cases where subsequent pageloads need to change the head tags).

> You can view a fully working sample app in the [/example](/example) folder.

### Server setup

Wrap your app with `<HeadCollector />` on the server with a given `headTags[]` array to pass down as part of your server-rendered payload.

```js
import React from 'react';
import { renderToString } from 'react-dom/server';
import { HeadCollector } from 'react-head';
import App from './App';

// ... within the context of a request ...

const context = {};
const headTags = [];
const app = renderToString(
<HeadCollector headTags={headTags}>
<App />
</HeadCollector>
);

res.send(`
<!doctype html>
<head>
${renderToString(headTags)}
</head>
<body>
<div id="root">${app}</div>
</body>
</html>
`)
```

### Client setup

There is nothing special required on the client, just render `<HeadTag />` components whenever you want to inject a tag in the `<head />`.

```js
import React from 'react';
import HeadTag from 'react-head';

const App = () => (
<div className="Home">
<HeadTag tag="title">Title of page</HeadTag>
<HeadTag tag="link" rel="canonical" content="http://jeremygayed.com/" />
<HeadTag tag="meta" name="example" content="whatever" />
// ...
</div>
)
```

## Contributing

Please follow the [contributing docs](/CONTRIBUTING.md)
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
This tweet/paper is a perfect example of why metrics truly mean fuck all when you try and reduce complexity to a si…
from twitter_favs
10 days ago by freerange_inc
chattt: ❯❯❯ Chat without leaving your terminal
Github repo
Name: chattt
Tagline: ❯❯❯ Chat without leaving your terminal
Homepage: https://www.producthunt.com/posts/chattt
Languages:
JavaScript = 7252 bytes

<p align="center">
<img src="https://user-images.githubusercontent.com/4047597/36716307-e6c24506-1bbf-11e8-8bfe-cc151874f332.png" width="128px">
</p>

<h1 align="center">
❯❯❯ Chattt
</h1>

<p align="center">
Chat without leaving your terminal.
</p>

<p align="center">
<a href="https://www.npmjs.com/package/chattt"><img src="https://img.shields.io/npm/v/chattt.svg"></a>
<a href="https://www.npmjs.com/package/chattt"><img src="https://img.shields.io/npm/dm/chattt.svg"></a>
<a href="https://www.npmjs.com/package/chattt"><img src="https://img.shields.io/npm/l/chattt.svg"></a>
</p>

<p align="center">
<img src="https://user-images.githubusercontent.com/4047597/36725003-e922a082-1bda-11e8-9b08-2537a8a05529.gif">
</p>

## Using

```sh
> npm install -g chattt

> chattt
```

## Why build this?

Well, I would say, the strongest reason why I build this is because I wanted to play with [socket.io](https://socket.io/) and a [cool terminal interface library](https://github.com/chjj/blessed).
A chat system was one of the ways to realize this and hence I went ahead with it.
It has no advantages over IRC or some other chat system that you are used to, but it might come handy for quick chatting (from terminal) with zero entry-level knowledge required (no need to memorize IRC commands for example). 🍰✨

## Basics

When `chattt` opens, you are asked the channel name that you want to join. Enter the channel name, and then enter your desired user handle.

If everything goes well, you should be joining the channel.

The working of this application is inspired by IRC so you will see messages when users join or leave a channel.

## Technologies Used

* [socket.io](https://socket.io)
* [blessed](https://github.com/chjj/blessed) - For making the CLI application.
* [Express.js](https://expressjs.com/) - For the [backend](#backend).
* [Glitch](https://glitch.com) - For hosting the backend.

## Backend

The backend of this application is hosted for free on Glitch.
Do check it out as it is pretty cool. 😄

The source code for the same is at [aviaryan/chattt-backend](https://github.com/aviaryan/chattt-backend).

## Credits

Icon made by [Freepik](https://www.flaticon.com/authors/freepik) from www.flaticon.com.
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
I understand the point, but please stop saying this. Kids see color. A box of crayons will show you that. They just…
from twitter_favs
10 days ago by AramZS
Twitter
I understand the point, but please stop saying this. Kids see color. A box of crayons will show you that. They just…
from twitter_favs
10 days ago by judgeworks
note: Quick and easy Command-line tool for taking notes.
Github repo
Name: note
Tagline: Quick and easy Command-line tool for taking notes.
Languages:
Go = 11542 bytes

# Note

Quick and easy Command-line tool for taking notes

## Installation

1. Download the executable for your Operating System at [note/releases](https://github.com/gumieri/note/releases/latest);
2. Rename the executable to `note`;
3. Place the executable in a directory loaded by the system ([about these directories](https://en.wikipedia.org/wiki/PATH_%28variable%29));
4. Give it permission to be executable (only if you are using Mac OS or Linux).

Or, if you are using a Mac OS or Linux, you can just execute the commands described at the [note/releases](https://github.com/gumieri/note/releases/latest).

## Configurations

The default configuration is:
```yml
editor: vim
notePath: ~/Notes
```

You can create a `.noteconfig.yml` (or json, or toml) in your home directory to o override these configurations.
If you create a configuration file in a specific directory, it will take priority over the default and the configuration in the home directory.
As well the `EDITOR` and `NOTE_PATH` environment variables has priority over these configuration files.

## Usage

```bash
note [just type a text] [or command] [with command options]
```

Note is very easy and simple to use.
Start by typing `note` command and continue describing what you want to take as note:
```bash
note there is no place like home
```

If using special character, just use quotes or escape the character:
```bash
note "there's no place like home"
```
```bash
note there\'s no place like home
```

It will create a file named `0 - there's no place like home` at the notePath.
In case of you need a text editor you can just type `note` without any argument.
It will open the `EDITOR` defined as environment variable or the configured one.

#### Title

To define a title, just use the flag option `--title` (or `-t`).
If no title is informed, `note` will take some words from the first line as it.
All titles start with a number (integer) increasing by one from the last note for better identification.

### Other commands

#### Show

Show a note content.
It will search for a note using the given arguments executing a fuzzy search:
```
note show like home
```
If it's your first note, you can surely show it by typing:
```
note show 0
```
The search is case insensitive, use the flag option `--case-sensitive` / `-s` if you want to match the case.

#### Edit

Edit a note content.
Like the show command, will use the given arguments to search for a note but will open it content in your text editor.
```
note edit 0
```
```
note e 0
```

#### Edit Note's title

Edit the title of a note.
It's the edit command with `--title` / `-t` flag option.
So you can rename a note title:
```
note edit --title renamed 0
```
```
note edit -t renamed 0
```

#### Delete

Delete a note.
Like show and edit, but delete a note.
It will ask for confirmation if not given the flag option `--yes` / `-y`.
```
note delete 0
```
```
note del 0
```
```
note d 0
```
```
note rm 0
```

#### List
List notes.
Has no...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
Know coworkers or friends who will be fasting but you’re too nervous to ask all the questions you have about…
from twitter
10 days ago by hillary
peerflix: Streaming torrent client for node.js
Github repo
Name: peerflix
Tagline: Streaming torrent client for node.js
Languages:
JavaScript = 23178 bytes

# peerflix

Streaming torrent client for Node.js

```
npm install -g peerflix
```

[![build status](http://img.shields.io/travis/mafintosh/peerflix.svg?style=flat)](http://travis-ci.org/mafintosh/peerflix)

## Usage

Peerflix can be used with a magnet link or a torrent file.
To stream a video with its magnet link use the following command.

```
peerflix "magnet:?xt=urn:btih:ef330b39f4801d25b4245212e75a38634bfc856e" --vlc
```

Remember to put `"` around your magnet link since they usually contain `&`.
`peerflix` will print a terminal interface. The first line contains an address to a http server. The `--vlc` flag ensures vlc is opened when the torrent is ready to stream.

![peerflix](https://raw.github.com/mafintosh/peerflix/master/screenshot.png)

To stream music with a torrent file use the following command.

```
peerflix "http://some-torrent/music.torrent" -a --vlc
```

The `-a` flag ensures that all files in the music repository are played with vlc.
Otherwise if the torrent contains multiple files, `peerflix` will choose the biggest one.
To get a full list of available options run peerflix with the help flag.

```
peerflix --help
```

Examples of usage of could be

```
peerflix magnet-link --list # Select from a list of files to download
peerflix magnet-link --vlc -- --fullscreen # will pass --fullscreen to vlc
peerflix magnet-link --mplayer --subtitles subtitle-file.srt # play in mplayer with subtitles
peerflix magnet-link --connection 200 # set max connection to 200
```

## Programmatic usage

If you want to build your own app using streaming bittorent in Node you should checkout [torrent-stream](https://github.com/mafintosh/torrent-stream)

## Chromebook users

Chromebooks are set to refuse all incoming connections by default - to change this:

```
sudo iptables -P INPUT ACCEPT
```

## Chromecast

If you wanna use peerflix on your chromecast checkout [peercast](https://github.com/mafintosh/peercast)
or [castnow](https://github.com/xat/castnow)

## License

MIT
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
awesome-vscode: 🎨 A curated list of delightful VS Code packages and resources.
Github repo
Name: awesome-vscode
Tagline: 🎨 A curated list of delightful VS Code packages and resources.
Languages:

<br/>
<div align="center">
<img width="380px" src="https://raw.githubusercontent.com/viatsko/awesome-vscode/master/awesome-vscode-logo.png">
</div>
<br/>
<div align="center">

A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/) packages and resources. For more awesomeness, check out [awesome](https://github.com/sindresorhus/awesome).

[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![Build Status](https://travis-ci.org/viatsko/awesome-vscode.svg)](https://travis-ci.org/viatsko/awesome-vscode)
</div>
<br/>

# Table of Contents

- [Official](#official)
- [Syntax](#syntax)
- [Editor Keymaps](#editor-keymaps)
- [Migrating from Atom](#migrating-from-atom)
- [Migrating from Sublime Text](#migrating-from-sublime-text)
- [Migrating from Visual Studio](#migrating-from-visual-studio)
- [Migrating from Intellij IDEA](#migrating-from-intellij-idea)
- [Lint and IntelliSense](#lint-and-intellisense)
- [1C](#1c)
- [C++](#c)
- [C#](#c)
- [CSS](#css)
- [Go](#go)
- [Haskell](#haskell)
- [Java](#java)
- [JavaScript](#javascript)
- [Typescript](#typescript)
- [Markdown](#markdown)
- [PHP](#php)
- [Python](#python)
- [Rust](#rust)
- [Productivity](#productivity)
- [Azure IoT Toolkit](#azure-iot-toolkit)
- [Bookmarks](#bookmarks)
- [Copy Relative Path](#copy-relative-path)
- [Deploy](#deploy)
- [Gi](#gi)
- [Git History](#git-history)
- [Git Project Manager](#git-project-manager)
- [GitLink](#gitlink)
- [GitLens](#gitlens)
- [Git Indicators](#gitindicators)
- [GitHub](#github)
- [Icon Fonts](#icon-fonts)
- [Live Server](#live-server)
- [Multiple clipboards](#multiple-clipboards)
- [npm Intellisense](#npm-intellisense)
- [Partial Diff](#partial-diff)
- [Paste JSON as Code](#paste-json-as-code)
- [Path IntelliSense](#path-intellisense)
- [Project Manager](#project-manager)
- [REST Client](#rest-client)
- [Settings Sync](#settings-sync)
- [Yo](#yo)
- [Formatting/Beautification](#formatting--beautification)
- [Better Align](#better-align)
- [Auto Close Tag](#auto-close-tag)
- [Auto Rename Tag](#auto-rename-tag)
- [beautify](#beautify)
- [ECMAScript Quotes Transformer](#ecmascript-quotes-transformer)
- [Paste and Indent](#paste-and-indent)
- [Sort Lines](#sort-lines)
- [Wrap Selection](#wrap-selection)
- [Explorer Icons](#explorer-icons)
- [VSCode Icons](#vscode-icons)
- [Seti-UI](#seti-icons)
- [Uncategorized](#uncategorized)
- [Code Runner](#code-runner)
- [Color Highlight](#color-highlight)
- [Output...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
RT : The choice of Jeffress to open the Israeli embassy is the clearest sign that it was always a gift to Evangelicals,…
from twitter_favs
10 days ago by brchastain
AirBnb: An Airbnb Clone in React Native
Github repo
Name: AirBnb
Tagline: An Airbnb Clone in React Native
Languages:
JavaScript = 47297 bytes
Objective-C = 4447 bytes
Python = 1636 bytes
Java = 1279 bytes

# AirBnb
AirBnb Swag

# Demo
https://www.youtube.com/watch?v=CJLBFYHb4f8

#Run App
- Clone
- npm install in the terminal
- Run on IOS emulator or Android
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
If you ride a bike and honestly GAF about the bad behavior of other people biking giving biking a ‘bad name’, you a…
from twitter_favs
10 days ago by atmendez
arbiter-frame: Live code analysis embedding Babel-core in the browser. ES6/7, Babel stage 0, virtual dom.
Github repo
Name: arbiter-frame
Tagline: Live code analysis embedding Babel-core in the browser. ES6/7, Babel stage 0, virtual dom.
Homepage: https://matthiasak.github.io/arbiter-frame/
Languages:
JavaScript = 24050 bytes
HTML = 9951 bytes
CSS = 4189 bytes
HCL = 811 bytes

### Arbiter

The live-editing tool for prototyping and education.

Supports:

- Babel, react, flow types (ES6 and 7, flow types, React)
- provides a special `require().then()` that auto-installs any package to localstorage:

```js
// example
const app = () => log('libs imported')

require('lodash', 'react', 'react-dom').then(app)
```

- immediately evaluates, logs, and propagates errors
- offline / service worker support allows you to keep coding on the airplane or on spotty wifi
- CMD+S (WIN+S / CTRL+S) allows you to get a Google-shortened URL for your current code so you can share it easily

---

> Made with <3 by @matthiasak
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
rsuite: :package: A suite of React components .
Github repo
Name: rsuite
Tagline: :package: A suite of React components .
Homepage: https://rsuitejs.com
Languages:
JavaScript = 366216 bytes
CSS = 347333 bytes

English | [中文版][readm-cn]

<p align="center">
<a href="https://rsuitejs.com" target="_blank" rel="noopener noreferrer">
<img height="100" src="https://user-images.githubusercontent.com/15609339/39298633-53826e50-4979-11e8-99fa-fac162d0830e.png" alt="RSUITE logo">
</a>
</p>

[![npm][npm-svg]][npm-home] [![Travis][travis-svg]][travis-home] [![Coverage Status][coverage-svg]][coverage-home] [![Discord][discord-svg]][discord-invite]

RSUITE (React Suite) is a set of react component libraries for enterprise system products. Built by HYPERS front-end team and UX team, mainly serving company's big data products.

After three major revisions, a large number of components and rich functionality have been accumulated.

### Browser Compatibility

| IE | Edge | Firefox | Chrome | Safari |
| ---- | ---- | ------- | ------ | ------ |
| >=10 | >=14 | >= 45 | >= 49 | >= 10 |

- IE<=9 is no longer supported since RSUITE 3.0.
- RSUITE is designed and implemented for use on modern desktop browsers rather than mobile browsers.

### UI Design

RSUITE Design Prototype and specification, click to [view][rsuite-design]

## Installation

RSUITE is available as an [npm package][npm-home].

```bash
npm i rsuite --save
```

or if you prefer Yarn

```bash
yarn add rsuite
```

## Usage

Here's a simple example

```js
import { Button } from 'rsuite';

import '~rsuite/lib/less/index.less';

ReactDOM.render(<Button>Button</Button>, mountNode);
```

[**Live preview on CodeSandbox**][live-preview-on-codesandbox]

### Documentation

You can go through [full documentation][rsuite-doc-guide] or start with following sections

* [Quick start][rsuite-doc-guide]
* [Customizing themes][rsuite-doc-guide-themes]
* [Internationalization][rsuite-doc-guide-intl]
* [Components][rsuite-components-overview]

## Changelog

Detailed changes for each release are documented in the [release notes][release-notes].

## Contribution

Make sure you've read the [guidelines][contributing] before you start contributing.

Editor preferences are available in the [.prettierrc][prettierrc] for easy use in common code editors. Read more and download plugins at https://prettier.io/.

## Supporting RSUITE

If you like RSUITE, you can show your support by either

- Starring this repo
- [Leaving a comment here][issues-11] if you are using RSUITE in your project (like we do :smile:)
- [Becoming a backer][opencollective-home] on OpenCollective

[![opencollective-now][opencollective-svg]][opencollective-home]

## License

RSUITE is [MIT licensed][LICENSE]. Copyright (c) 2016-present,...
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
RT : Imagine if we "decentralize" and return even more things to the states. There'd be 100-200 million Amer…
from twitter
10 days ago by DocDre
superhero: Convert a Redux app to React Context API App
Github repo
Name: superhero
Tagline: Convert a Redux app to React Context API App
Languages:
JavaScript = 7843 bytes
HTML = 1567 bytes
CSS = 1312 bytes

# Steps to Install

1. Clone the repository in your system using git clone `https://github.com/rajatgeekyants/superhero.git`

2. Enter the directory using the command `cd superhero`

3. Run npm install

4. Once complete run the app using yarn start or npm start
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
Twitter
Healing from whatever issues you have is always your responsibility and yours alone. It’s nice to have someone to s…
from twitter_favs
10 days ago by DocDre
Twitter
The DUP is a minority government supporting a minority position in NI to prop up a minority government in the U.K.…
from twitter_favs
10 days ago by jbaldwin
timeline-viewer: View DevTools Timeline trace files from Google Drive wicked easily
Github repo
Name: timeline-viewer
Tagline: View DevTools Timeline trace files from Google Drive wicked easily
Homepage: https://chromedevtools.github.io/timeline-viewer/
Languages:
JavaScript = 3054 bytes

# DevTools Timeline Viewer
##### Shareable URLs for your Chrome DevTools Timeline traces.

![drawing 1](https://user-images.githubusercontent.com/6231516/27319720-79933930-559b-11e7-8656-a1fa3c4a1697.png)

Works with public github urls, github gists, and files on google drive (once authenticated).

---

Once authorized, you'll see Timeline Viewer as a registered Google Drive viewer when opening .json files. Once you select the Timeline Viewer, it will open in a new tab and load the timeline asset from your Drive.

![](https://cloud.githubusercontent.com/assets/39191/18080010/67390d9a-6e48-11e6-98a3-9c8c81b1df67.png)

You can share this URL with any users who ① have authorized [Timeline Viewer](https://chromedevtools.github.io/timeline-viewer/) to Drive with Google OAuth and ② have View permission to the Google Drive asset.

![image](https://cloud.githubusercontent.com/assets/39191/18080845/fb39f056-6e4b-11e6-90df-6cda94bd2495.png)

Visit your <a href="https://security.google.com/settings/security/permissions?pli=1">Google security permissions</a> if you'd like to revoke authorization.

## Dev

Run:
- `yarn` or `npm i`
- `yarn run dev` or `npm run dev` - it will open site in browser and run server for you.

Master branch's `docs` folder is what's published to gh-pages, to simplify deployment.

Auth keys have localhost:8833 whitelisted, so you can hack there.

* Private file: http://localhost:8833/?loadTimelineFromURL=0BzvYe7bYFf--aVhZM1RNR2N3cGc

## Testing

[Cypress](https://cypress.io) is used for integration testing.
To run test just invoke `yarn test`

### Updating DevTools Version

* Remote debug Chrome on Android (Dev channel or Canary).
* (Verify it works as expected)
* Open devtools on devtools
* Look at `location.href` and grab the hash out of it
* `copy(new URL(location.href).pathname.match(/@(\w+)/)[1])`
* Pop that into the hash in `docs/index.html`
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
pptraas.com: Puppeteer as a service
Github repo
Name: pptraas.com
Tagline: Puppeteer as a service
Homepage: https://pptraas.com
Languages:
JavaScript = 20173 bytes

<a href="https://github.com/GoogleChromeLabs/pptraas.com"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>

Puppeteer as a service
======================

## Render

### Render page as a PNG
https://pptraas.com/screenshot?url=https://paul.kinlan.me/ (full page)

https://pptraas.com/screenshot?url=https://developers.google.com&size=400,400

### Render page as a PDF
https://pptraas.com/pdf?url=https://paul.kinlan.me/

### Render generated static markup of page ("SSR")
https://pptraas.com/ssr?url=https://angular2-hn.firebaseapp.com/

### Render as Google Search bot

Detects what features a page is using and cross references them with the features
supported by the [Google Search bot](https://developers.google.com/search/docs/guides/rendering).

https://pptraas.com/gsearch?url=https://paul.kinlan.me/

## Performance

### Get a timeline trace

https://pptraas.com/trace?url=https://paul.kinlan.me/

#### View the trace in trace-viewer:

https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://pptraas.com/trace?url=https://paul.kinlan.me/

### Get metrics
https://pptraas.com/metrics?url=https://paul.kinlan.me/

## Misc

### Print UserAgent / Chromium version
https://pptraas.com/version

----
[![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/GoogleChromeLabs/pptraas.com) [![Lighthouse score: 100/100](https://lighthouse-badge.appspot.com/?score=100&category=Perf)](https://github.com/ebidel/lighthouse-badge)
github  programming  github-starred-to-pinboard 
10 days ago by brianyang
« earlier      later »

Copy this bookmark:



description:


tags:



Copy this bookmark:



description:


tags: