grandtiger / fundbuero

fundbuero is my personal collection of interesting stuff from the web.

fundbüro

fundbüro is my personal collection of interesting things from the web.

Base libs

General helpers

• lodash provides great helpers for dealing with arrays and objects.
• i18next is a full-featured i18n javascript library for translating your webapplication.

Dealing with async code

• asynquence provides promise-style async sequence flow-control.
• vo is a control flow library for minimalists.

Streams

• highland.js provides High-level streams library for Node.js and the browser.

Frontend

Styling / Theming / CSS

• primercss.io "The CSS toolkit and guidelines that power GitHub."
• CSS-Best-Practices "Notes meant as a guide for writing clean CSS"
• patternbolt is a election of SVG pattern background, packed in a single CSS or SCSS file.
• layout.css is a wrapper around flexbox to make doing flexbox layouts simple and declarative. Inspired by polymer.
• sass-boilterplate A boilerplate for Sass projects using the 7-1 architecture pattern.

Micro Components

• Slideout.js is a touch slideout navigation menu for your mobile web apps.
• draggabilly makes things draggable.
• dragscroll is a tiny library for drag-n-drop scrolling style.
• layzr.js is a small, fast, modern, and dependency-free library for lazy loading.
• PhotoSwipe is an image gallery for mobile and desktop, modular, framework independent.
• minigrid is minimal 2kb zero dependency cascading grid layout.
• FieldKit lets you take control of your text fields.
• Jets.js is a native CSS search engine.
• tether.js is a library for efficiently making an absolutely positioned element stay next to another element on the page.
• clipboard.js provides modern copy to clipboard. No Flash.
• ag-grid Advanced Datagrid for Pure Javascript / AngularJS 1.x / AngularJS 2 / Web Components.

DOM

• sprint is a tiny, lightning fast jQuery-like library for modern browsers.
• zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API .
• jQuery

Bootstrap

• bootstrap-easy-sidebar is sidebar for bootstrap designed around theme integration and flexibility.

Mobile

• ionic is a beautiful, open source front-end SDK for developing amazing mobile apps with web technologies.
• TouchstoneJS is a React.js powered UI framework for developing beautiful hybrid mobile apps.

Animation/Transitions

• Velocity.js is an accelerated animation engine with the same API as jQuery's $.animate().
• velocity-react React components for Velocity.js.
• GSAP is a full-blown animation and tweening engine that also supports timelines.
• dynamics.js lets you create physics-based animations.
• loaders "Delightful and performance-focused pure css loading animations."

Charting & Graphing

• dc.js provides Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js.
• epoch is a general purpose, real-time visualization library based on d3.
• MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data.
• c3.js is a D3-based reusable chart library.

Physics

• TremulaJS Picture Streams + Momentum Engine + Bézier Paths + Multi-Device.

App structure

• React is a view layer based upon the concept of a virtual DOM.
• react-primer-draft is a primer for building web applications with React.
• riot.js is a React- like, 3.5KB user interface library.
• AngularJS is a library for building the framework most suited to your application development.
• Redux provides predictable state management for JavaScript apps.

React

• Wrapping DOM libs explains how to make React work with traditional DOM libs.
• boron is a collection of dialog animations with React.js.
• react-tween-state is a tweening solution for React.js.
• belle is a collection of configurable React Components.
• react-date-range is a React component for choosing dates and date ranges.

Inspiration

• Codrops: Creative Gooey Effects "A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components."
• Codrops: Loaders "Playful loaders using animation with SVG and GSAP."

Backend

Frontend Backend Communication

• socket.io enables real-time bidirectional event-based communication.
• oboe.js enables streaming JSON from server to client.

Data

• sql.js is SQLite compiled to JavaScript through Emscripten.
• PouchDB is a pocket-sized database.
• NeDB is a MongoDB compatible datastore written in JavaScript.

Build

• autoprefixer parses CSS and adds vendor prefixes to rules.
• uncss removes unused styles from CSS.
• gulp-connect is a simple preview server for gulp that supports LiveReload.
• gulp-imagemin minifies PNG, JPEG, GIF and SVG images through gulp.

Tools

• ai2html is a script for Adobe Illustrator that converts your Illustrator document into html and css.
• wzrd is a super minimal browserify development server.

Storytelling

• reveal.js is the HTML Presentation Framework.
• Spectacle is a a React based Presentation Library.

Misc

• pdfmake provides client/server side PDF printing in pure JavaScript.
• airpaste is a 1-1 network pipe that auto discovers other peers using mdns.
• node_mdns enables mdns/zeroconf/bonjour service discovery add-on for Node.js.
• tern.js is a stand-alone code-analysis engine for JavaScript.

Desktop

• electron is across-platform desktop application shell by github.
• electron-packager packages and distributes your electron app in OS executables (.app) via JS or CLI.
• menubar is a high level way to create menubar desktop applications with electron.
• nw.js "Call all Node.js modules directly from DOM and enable a new way of writing applications with all Web technologies."

Tracing / Profiling / Debugging

• vector is an on-host performance monitoring framework which exposes hand picked high resolution metrics to every engineer’s browser.
• statsd is a simple daemon for easy stats aggregation.

Typo

• hack is a typeface designed for source code.