jasondavis + javascript   1404

Strapdown.js - Instant and elegant Markdown documents in the browser
Strapdown.js - Instant and elegant Markdown documents in the browser
Strapdown.js makes it embarrassingly simple to create elegant Markdown documents. No server-side compilation required. Use it to quickly document your projects, create tutorials, home pages, etc. (For example, the page you are reading was generated by Strapdown).

GitHub - https://github.com/arturadib/strapdown
Project - https://github.com/arturadib/strapdown
Plugin - Strapdown Topbar - https://github.com/joedf/strapdown-topbar
Plugin - Strapdown Topbar Demos - http://joedf.github.io/strapdown-topbar
JavaScript  Markdown  HTML  Dev-Tools  Docs  Documentation  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppTools  Generator 
february 2018 by jasondavis
bookmarking-app-electron-vuejs-sqlite
bookmarking-app-electron-vuejs-sqlite - Building a Bookmarking App with Electron, VueJs, Webpack and node-sqlite3.
icludes a prebuilt exe app demo
JavaScript  JavaScript/Electron  Bookmarks  Electron-JS-App  Software/Windows  Dev-Tools  Database  Database/SQLite  Dev-Software  Dev-Server  Web-Development  Web-Dev  Web-Dev-Tools  Web-Agency-Studio-Tools  WebDevAppTools 
december 2017 by jasondavis
Camo - A class-based ES6 ODM for Mongo-like databases and NeDB
Camo - A class-based ES6 ODM for Mongo-like databases. Camo was created for two reasons: to bring traditional-style classes to MongoDB JavaScript, and to support NeDB as a backend (which is much like the SQLite-alternative to Mongo).
ORM  Database  Database/MongoDB  Electron-JS-App  JavaScript  JavaScript/Electron  JavaScript/BackboneJS  JavaScript/NodeJS  Dev-Tools  Dev-Server  Web-Development  Web-Dev  WebDevAppModule  JSON  Cache 
december 2017 by jasondavis
scattered-store - store key value data in multiple files like git
scattered-store - store key value data in multiple files like git Very simple key-value store for large datasets in Node.js
JavaScript/Electron  JavaScript/NodeJS  JavaScript  Electron-JS-App  Dev-Tools  Dev-Server  Web-Development  Web-Dev  JSON  Cache  Database 
december 2017 by jasondavis
Xel - Native-like look and feel. For Electron, NW.js and Chrome apps
Xel
HTML 5 widget toolkit.
Native-like look and feel.
For Electron, NW.js and Chrome apps.
JavaScript/Electron  JavaScript  Electron-JS-App  GUI  CSS  Dev-Server 
december 2017 by jasondavis
Electron-Dockable - Dockable panels in ElectronJS App Drag and Drop panels to other panels
Electron-Dockable - Dockable panels in ElectronJS App Drag and Drop panels to other panels

Demo app
E:\Dev_Server\htdocs\ElectronJS-App-Dev\docakble-panels\electron-dockable
Run Examples

npm start ./examples/dock-area
npm start ./examples/panel-group
npm start ./examples/workspace

GitHub - https://github.com/electron-utils/electron-dockable
Demo - E:\Dev_Server\htdocs\ElectronJS-App-Dev\docakble-panels\electron-dockable
Image - https://www.apollowebstudio.com/screenshots/2017/06/electron_2017-06-06_21-06-48.png
Electron-JS-App  JavaScript/Electron  JavaScript  Dockable  Panels  DragDrop  GUI  UI  Web-Development  Web-Dev  WebDevAppModule 
june 2017 by jasondavis
Yeoman - The web's scaffolding tool for modern webapps
Yeoman - The web's scaffolding tool for modern webapps. Install with a single NodeJS NPM command.

Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects.
Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive.

To do so, we provide a generator ecosystem. A generator is basically a plugin that can be run with the `yo` command to scaffold complete projects or useful parts.

Project - http://yeoman.io/
GitHub - https://github.com/yeoman
Generators - http://yeoman.io/generators/
JavaScript  JavaScript/NodeJS  Generator  Build-Tools  Builder  Build  NPM  Project  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule  Dev-Server  NodeJS 
may 2017 by jasondavis
StreamSaver.js - writes stream to the filesystem directly asynchronous to save large files from Client to PC with JS
StreamSaver.js - StreamSaver writes stream to the filesystem directly asynchronous. FileSaver.js is good for saving Blobs and data in the RAM to file but is limited by the amount of RAM the users computer has available. Streamsaver.js saves directly to the file-system so it can save really big data from the client side to the PC file system.

Project - https://jimmywarting.github.io/StreamSaver.js/example.html
GitHub - https://github.com/jimmywarting/StreamSaver.js
JavaScript  WebDevAppModule  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  File  FileManager  FileSystem  Blob  Stream 
may 2017 by jasondavis
Inspire-Tree - a performance-driven javascript-based UI tree component, built for the modern web
Inspire-Tree - Inspire Tree is a performance-driven javascript-based UI tree component, built for the modern web. Inspired by our need for one - the only existing solution which met our feature needs was a nightmare to develop for.

Project - http://www.inspire-tree.com/
GitHub - https://github.com/helion3/inspire-tree
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-23_07-24-17.png
JavaScript  Tree  Categories  Folders  Hierarchical  Web-Development  Web-Dev  WebDevAppModule 
may 2017 by jasondavis
NodObjC exposes the Objective-C runtime to Node.js in a high-level, easy to use fashion
NodObjC - The Node.js ⇆ Objective-C bridge
NodObjC exposes the Objective-C runtime to Node.js in a high-level, easy to use fashion. It uses the BridgeSupport files to dynamically generate an API from an Objective-C "Framework", and uses the node ffi module to dynamically interact with the Objective-C runtime.

Essentially, NodObjC is similar in nature to the other popular Objective-C scripting bridges:

- JSCocoa
- PyObjC
- MacRuby
- And the others…

So you can write entire Cocoa or iOS GUI applications entirely in Node.js JavaScript! Applications are interpreted at runtime through the V8 engine, rather than (pre)compiled to a (binary) machine exectuable. This has the advantage of being able to tweak code without having to recompile; excellent for rapid prototyping and development (or for those GUI applications where absolute speed is not a requirement, i.e. most). So what are you waiting for? Get to coding!
JavaScript  Electron-JS-App  JavaScript/Electron  iOS  Objective-C  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule  Dev-Server  Dev-Software  NodeJS  JavaScript/NodeJS 
may 2017 by jasondavis
jqueryfiletree - jQuery File Tree
jqueryfiletree - jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. Continuation of unmaintained jQuery File Tree (v1.01) (12 April 2008) from ABeautifulSite.net

Project - http://jqueryfiletree.github.io/
GitHub - https://github.com/jqueryfiletree/jqueryfiletree
Demo - http://labs.abeautifulsite.net/archived/jquery-fileTree/demo/
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-21_17-57-04.png
File  Tree  Categories  Hierarchical  Web-Development  Web-Dev  jQuery  PHP  JavaScript  WebDevAppModule 
may 2017 by jasondavis
FileVista - File Explorer Library with File Previews and full WIndows Explorer Clone
JavaScript  File  FileManager  FileSystem  Docs  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  Web-Agency-Studio-Tools  Freelance-Tools  Editor  Excel  PDF  WebDevAppModule  ZIP  Downloader  Uploader 
may 2017 by jasondavis
Embed.js - JavaScript plugin that embeds emojis, media, maps, tweets, gists, code, services, markdown, and more!
A JavaScript plugin that embeds emojis, media, maps, tweets, gists, code, services and markdown.

Text strings convert and embed these formats:
- Emoji & Font icons
- Twitter
- Github Gists
- Video Sharing Services
- YOUTUBE
- VIMEO
- VINE
- USTREAM
- DAILYMOTION
- LIVELEAK
- Audio and Video Files
- Audi files with extension wav|mp3|ogg
- video files with extension ogv|webm|mp4 are supported
- Online Code Editors
- CODEPEN
- JSFIDDLE
- JSBIN
- IDEONE
- PLUNKER
- Code Highlighting - syntax highlighting using the code's markdown syntax
- Video Details - The preview of videos with video description
- YOUTUBE videos
- VIMEO videos
- Music sharing
- SPOTIFY
- SOUNDCLOUD
- Photo Sharing
- FLICKR
- INSTAGRAM
- Google Map
- Markdown - This plugin supports markdown parsing using the power of marked.js
- URL - converts urls into HTML anchor tags
- Images - Image files with extensions gif|jpg|jpeg|tiff|png|svg|webp are automatically embedded


Project - http://riteshkr.com/embed.js/
GitHub - https://github.com/ritz078/embed.js
Docs - https://embedjs.readme.io/docs
Demo - http://codepen.io/ritz078/full/WvvNGe/
Image - https://www.apollowebstudio.com/screenshots/2017/05/demo.gif
JavaScript  Embed  Markdown  CodePlayground  CodePen/JSFiddles/Dabblets  Video  Maps  Syntax  Emojis  Generator  Formater  WebDevAppModule  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools 
may 2017 by jasondavis
Date-Fns - Modern JavaScript date utility library
Date-Fns - Modern JavaScript date utility library
date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.

Project - https://date-fns.org/
GitHub - https://github.com/date-fns/date-fns
JavaScript  Date  DateTime  Time  Web-Development  Web-Dev 
may 2017 by jasondavis
WebDevApp GoTo-Anything Selector/Picker Modal App - JSFiddle
WebDevApp GoTo-Anything App

Popup modal with search that list all commands/actions that can be done in WebDevApp. Each Module in WebDevApp can register commands to show up here using the plugin system/api.

Commands are loaded from a JSON file/dataset. When you select a command on the left column sidebar it loads the description HTML for that command in the right column/container.

The top search bar filters through the commands alphabetically as you type. An empty search input results in all commands showing in the command list.

The left sidebar also has a quick run/execute button that will run the command. Clicking outside the button loads the description HTML.

Demo - https://jsfiddle.net/jasondavis/eat3v9wv/
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-13_01-23-51.png
JavaScript  CodePen/JSFiddles/Dabblets  Selector  Picker  Search  WebDevAppModule  JSFiddle  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  Filter  Modals  JSON  AJAX 
may 2017 by jasondavis
Search.js Input with Multiple filters - VisualSearch with dynamic operators, HTML5 input, and JSON support.
Search.js Input with Multiple filters - VisualSearch with dynamic operators, HTML5 input, and JSON support. Search.js The project is a fork of VisualSearch.js, which enhances ordinary search boxes with the ability to autocomplete faceted search queries. In this fork, VisualSearch has been rewritten to become lighter with support for dynamic operators, HTML5 input types(numbers and dates), and JSON output for flexible data interchange. VisualSearch.js is an open-source component of DocumentCloud.

Project - https://rawgithub.com/hirokiosame/search.js/master/index.html
GitHub - https://github.com/hirokiosame/search.js
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-09_18-34-35.png
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-09_18-35-01.png
JavaScript  Search  Forms  Filter  JSON  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule 
may 2017 by jasondavis
JSONMapper - map nested JSON structures onto PHP classes
JSONMapper - map nested JSON structures onto PHP classes.

JSON Object properties are mapped to a PHP CLass that has Properties that get populated with the JSON property values.

GitHub - https://github.com/cweiske/jsonmapper/blob/master/src/JsonMapper.php
Demo -
PHP  JSON  JavaScript  API  Mapping  Data  Parsing  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule 
may 2017 by jasondavis
jq-console
JQ-Console - Feature complete JavaScript web terminal used on Repl.it Code Playground.

A jQuery terminal plugin written in CoffeeScript.
This project was spawned because of our need for a simple web terminal plugin for the repl.it project. It tries to simulate a low level terminal by providing (almost) raw input/output streams as well as input and output states.
Version 2.0 adds baked-in support for rich multi-line prompting and operation queueing.

Project - http://replit.github.com/jq-console/
GitHub - https://github.com/replit/jq-console
Demo - http://localhost/labs/js/jq-console-master/demos/index.html
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-07_00-28-54.png
Command-Line  Terminal  JavaScript  jQuery  REPL  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule 
may 2017 by jasondavis
Browserify-CDN - browserify-as-a-service
browserify-as-a-service - Dev tool that will download a JS/Node module from NPM and run it through Browserify and return it to you as a browser friendly version of the module JS file so you can run NPM modules in the browser without NodeJS

Project - https://wzrd.in/
JavaScript  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  Browserify  Modules 
may 2017 by jasondavis
Repl.it - Online compiler REPL Code Playground for 30+ languages
Powerful and simple online compiler, IDE, interpreter, and REPL. Code, compile, and run code in JavaScript, Python, Ruby, Java, Node.js, Go, Scheme, C, C#, C++, Lua, CoffeeScript and much more.and more programming languages over 30 languages available to use as a code playground. You can embed them on a website as well.

Project - https://repl.it/
Docs - https://repl.it/site/docs
JavaScript  Python  JavaScript/NodeJS  JavaScript/React  C++  Go-Programming-Language  CodePen/JSFiddles/Dabblets  CodePlayground  REPL  Compiler  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  Java  Ruby  C#  C  CoffeeScript 
may 2017 by jasondavis
Hackr.io - Find & share the best online programming courses & tutorials
Google search shows you hundreds of programming courses/tutorials, but Hackr.io tells you which is the best one. Find the best online courses & tutorials voted by the community.
Programming  JavaScript  PHP  Learning  Blog  Web-Development  Web-Dev  Web-Dev-Tools  Curated-Resources  Tutorial 
may 2017 by jasondavis
Fastselect Tag selector is lightweight browser plugin
Fastselect Tag selector is lightweight browser plugin for enhanced select elements based on jQuery. Enables fast and sensible UI upgrade of select element with features like option searching and remote dataset loading.

Project - http://dbrekalo.github.io/fastselect/
GitHub - https://github.com/dbrekalo/fastselect
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-03_10-23-55.png
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-03_10-23-11.png
JavaScript  jQuery  Tagging  Tags  Selector  Picker  Forms  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule 
may 2017 by jasondavis
nanoScrollerJS - A jQuery plugin that offers a simplistic way of implementing Lion OS scrollbars
nanoScrollerJS - A jQuery plugin that offers a simplistic way of implementing Lion OS scrollbars.
JavaScript  CSS  Scrollbar  Web-Development  Web-Dev  WebDevAppModule 
may 2017 by jasondavis
nestedSortable - A jQuery plugin that extends Sortable UI functionalities to nested lists
nestedSortable - A jQuery plugin that extends Sortable UI functionalities to nested lists. Nested list can now behave as a tree with expand/collapse funcionality. Item with CSS class "no-nesting" will not show a drop-zone when hovered in a drag and drop.


Features:
- Designed to work seamlessly with the nested set model http://articles.sitepoint.com/article/hierarchical-data-database (have a look at the toArray method)
- Items can be sorted in their own list, moved across the tree, or nested under other items.
- Sublists are created and deleted on the fly
- All jQuery Sortable options, events and methods are available
- It is possible to define elements that will not accept a new nested item/list and a maximum depth for nested items
- The root level can be protected
- The parentship of items can be locked, just as if it was a family tree.

GitHub - https://github.com/ilikenwf/nestedSortable
Demo - http://ilikenwf.github.io/example.html
Hierarchical Data Structures - http://articles.sitepoint.com/article/hierarchical-data-database
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-03_04-00-29.png
jQuery  JavaScript  DragDrop  Sortable  Lists  Folders  Categories  WebDevAppModule  Web-Development  Web-Dev  Web-Dev-Tools  Nested  Hierarchical 
may 2017 by jasondavis
PHP-CRUD-API - Single file PHP script that adds a REST API to a SQL database
PHP-CRUD-API - Single file PHP script that adds a REST API to a MySQL 5.5 InnoDB database. PostgreSQL 9.1 and MS SQL Server 2012 are fully supported. There is even limited support for SQLite 3.

Related projects:
- PHP-API-AUTH - https://github.com/mevdschee/php-api-auth: Authentication add-on supporting JWT or username/password.
- PHP-SP-API - https://github.com/mevdschee/php-sp-api: Single file PHP script that adds a REST API to a SQL database.
- PHP-CRUD-UI - https://github.com/mevdschee/PHP-crud-ui: Single file PHP script that adds a UI to a PHP-CRUD-API project.
- VUE-CRUD-UI - https://github.com/nlware/vue-crud-ui: Single file Vue.js script that adds a UI to a PHP-CRUD-API project.

There are also ports of this script in:
- Java - https://github.com/mevdschee/java-crud-api/blob/master/src/main/java/com/tqdev/CrudApiHandler.java
- Go - https://github.com/mevdschee/go-crud-api/blob/master/api.go
- C# .net core - https://github.com/mevdschee/core-data-api/blob/master/Program.cs and
- Node.js - https://github.com/mevdschee/js-crud-api/blob/master/app.js
These implementations are a proof-of-concept and do only support basic REST CRUD functionality.

Requirements
- PHP 5.3 or higher with MySQLi, libpq, SQLSRV or sqlite3 enabled (PHP 7 recommended)
- PHP on Windows when connecting to SQL Server 2012
- MySQL 5.6 or higher for spatial features in MySQL
- PostGIS 2.0 or higher for spatial features in PostgreSQL 9.1 or higher

Installation
- This is a single file application! Upload "api.php" somewhere and enjoy!

Limitations
- Primary keys should either be auto-increment (from 1 to 2^53) or UUID
- Composite primary or foreign keys are not supported
- Complex filters (with both "and" & "or") are not supported
- Complex writes (transactions) are not supported
- Complex queries calling functions (like "concat" or "sum") are not supported
- MySQL storage engine must be either InnoDB or XtraDB
- SQLite does not support binary and spatial/GIS functionality
- MySQL BIT field type is not supported (use TINYINT)

Features
- Single PHP file, easy to deploy.
- Very little code, easy to adapt and maintain
- Streaming data, low memory footprint
- Supports POST variables as input
- Supports a JSON object as input
- Supports a JSON array as input (batch insert)
- Supports file upload from web forms (multipart/form-data)
- Condensed JSON ouput: first row contains field names
- Sanitize and validate input using callbacks
- Permission system for databases, tables, columns and records
- Multi-tenant database layouts are supported
- Multi-domain CORS support for cross-domain requests
- Combined requests with support for multiple table names
- Search support on multiple criteria
- Pagination, sorting and column selection
- Relation detection and filtering on foreign keys
- Relation "transforms" for PHP and JavaScript
- Atomic increment support via PATCH (for counters)
- Binary fields supported with base64 encoding
- Spatial/GIS fields and filters supported with WKT
- Unstructured data support through JSON/JSONB/XML
- Generate API documentation using Swagger tools
- Authentication via JWT token or username/password (via PHP-API-AUTH https://github.com/mevdschee/php-api-auth)
PHP  API  CRUD  SQL  Database  Database/MySQL  JavaScript  JavaScript/NodeJS  Multi-Tenant  JSON  Documentation  Docs 
may 2017 by jasondavis
Shoestring - Modular JS DOM manipulation library
Shoestring - Modular JS DOM manipulation library. A lightweight, simple DOM utility made to run on a tight budget. Tons of DOM manipulating functions with majority of the DOM functions are separate modules so that you can pull in just what you need for a project.

GitHub - https://github.com/filamentgroup/shoestring
Docs - http://filamentgroup.github.io/shoestring/dist/docs/
JavaScript  DOM  Utility  ApolloLibrary  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  WebDevAppTools  AJAX  Events 
april 2017 by jasondavis
Node-Windows - Windows API for use in Node.js via FFI as well as supporting tools and related APIs/bindings
node-windows

This is an ambitious project with the goal of binding the Windows API for use in Node.js via FFI as well as supporting tools and related APIs/bindings
JavaScript/NodeJS  JavaScript  Windows  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools 
april 2017 by jasondavis
Start Using HTML5 WebSockets Today with PHP
One of the coolest new features of HTML5 is WebSockets, which let us talk to the server without using AJAX requests. In this tutorial, we'll review the process of running a WebSocket server in PHP,...
PHP  JavaScript  Web-Sockets  WebSockets  Web-Development  Web-Dev  Web-Dev-Tools  Server-Tools  Server/Software  Push  Socket 
april 2017 by jasondavis
Portable Unix shell commands for Node.js
ShellJS is a portable (Windows/Linux/OS X) implementation of Unix shell commands on top of the Node.js API. You can use it to eliminate your shell script's dependency on Unix while still keeping its familiar and powerful commands. You can also install it globally so you can run it from outside Node projects - say goodbye to those gnarly Bash scripts!

Project - http://shelljs.org/
GitHub - https://github.com/shelljs/shelljs
Docs - http://documentup.com/shelljs/shelljs
JavaScript  JavaScript/NodeJS  Command-Line  Terminal  WebDevAppModule  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  Shell  Bash  Dev-Server 
april 2017 by jasondavis
filename-regex - Regular expression for matching file names, with or without extension.
filename-regex - Regular expression for matching file names, with or without extension.
JavaScript  Web-Development  Web-Dev 
april 2017 by jasondavis
png-chunks-encode - store hidden data inside a PNG file for your app
png-chunks-encode - store hidden data inside a PNG file for your app.
Return a fresh PNG buffer given a set of PNG chunks.
JavaScript  JSON  PNG  Images  JavaScript/NodeJS  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule 
april 2017 by jasondavis
Vis - Dynamic, browser-based visualization library
Vis - Dynamic, browser-based visualization library

Vis.js is a dynamic, browser based visualization library. The library is designed to be easy to use, handle large amounts of dynamic data, and enable manipulation of the data. The library consists of the following components:

- DataSet and DataView. A flexible key/value based data set. Add, update, and remove items. Subscribe on changes in the data set. A DataSet can filter and order items, and convert fields of items.

- DataView. A filtered and/or formatted view on a DataSet.

- Graph2d. Plot data on a timeline with lines or barcharts.

- Graph3d. Display data in a three dimensional graph.

- Network. Display a network (force directed graph) with nodes and edges.

- Timeline. Display different types of data on a timeline.

GitHub - https://github.com/almende/vis
Project - http://visjs.org/
JavaScript  Graphs  Images  Timeline  Gantt  WebDevAppModule  Web-Development  Web-Dev 
april 2017 by jasondavis
MessageViewJS - Talking Scene JavaScript Library
MessageViewJS - Talking Scene JavaScript Library loads typing text messages across a background image and rotate them on each click
JavaScript  Notifications  Messaging  Message  Web-Development  Web-Dev  WebDevAppModule  ApolloWebStudio 
april 2017 by jasondavis
React-JSONSchema-Form - A React component for building Web forms from JSON Schema
React-JSONSchema-Form - A React component for building Web forms from JSON Schema (http://jsonschema.net/).

A simple React component capable of building HTML forms out of a JSON schema and using Bootstrap semantics by default. A live playground is hosted on gh-pages.

JSONSchema - Defines the Form fields and there properties
UIScema - Defines the Type of Form component the form fields use
formData - THe data that fills in the form fields

GitHub - https://github.com/mozilla-services/react-jsonschema-form
Demo - https://mozilla-services.github.io/react-jsonschema-form/
Image - https://www.apollowebstudio.com/screenshots/2017/04/2017-04-23_06-29-32.png
Image - https://www.apollowebstudio.com/screenshots/2017/04/687474703a2f2f692e696d6775722e636f6d2f4d385a434553352e676966.gif
JavaScript  JavaScript/React  Forms  JSON  Builder  Generator  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppTools 
april 2017 by jasondavis
Polyfill.io - CDN Service that loads just the Pollyfill JavaScript files that the visitors browser requires out of 50+ Polyfills
Just the polyfills you need for your site, tailored to each browser. Over 52 Polyfill JS libraries available and only the ones a visitors browser needs are loaded. There is also the capability to define the polyfills that you want it to load in the URL.

Polyfill.io reads the User-Agent header of each request and returns only the polyfills that are suitable for the requesting browser. Tailor the response based on the features you're using in your app, and see our live examples to get started quickly.

Copy the code to unleash the magic
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

GitHub -https://github.com/Financial-Times/polyfill-service
Project - https://polyfill.io/v2/docs/
JavaScript  CDN  Dev-Tools  Polyfill  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppTools 
april 2017 by jasondavis
Kajero - Interactive JavaScript notebooks with clever graphing.
Kajero - Interactive JavaScript notebooks with clever graphing.

Features:

- It's just Markdown - a Kajero notebook is just a Markdown document with a script attached.
- Every notebook is fully editable in the browser, and can be saved as Markdown or HTML.
- Notebooks can also be published as Gists, generating a unique URL for your notebook.
- JavaScript code blocks can be executed. They're treated as functions, with their return value visualised. Kajero can visualise arrays and objects, similar to the Chrome object inspector.
- Code blocks can be set to run automatically when the notebook loads. They can also be set to hidden, so that only the result is visible.
- Data sources can be defined. These will be automatically fetched when the notebook is loaded, and made available for use inside code blocks.
- Includes Reshaper, for automatic reshaping of structured data.
- Includes D3, NVD3 and Jutsu, a very simple graphing library which uses Reshaper to transform arbitrary data into a form that can be graphed.


GitHub - https://github.com/JoelOtter/kajero
Demo - http://www.joelotter.com/kajero
Image - https://www.apollowebstudio.com/screenshots/2017/04/kajero-programming-notebook-library.png
JavaScript  HTML5  Canvas  Graphs  CodePlayground  Snippets  Notes  Notebook  Notebooks  Markdown  Dev-Tools  WebDevAppModule  Web-Development  Web-Dev  Web-Dev-Tools  Web-Agency-Studio-Tools  Freelance-Tools  ApolloWebStudio 
april 2017 by jasondavis
Ratchet - Build mobile apps with simple HTML, CSS, and JavaScript components
Ratchet - Build mobile apps with simple HTML, CSS, and JavaScript components. Components to make Mobile app that looks and behaves like a native iOS or Android app as well as the frameworks own theme.

GitHub - https://github.com/twbs/ratchet/
Project - http://goratchet.com
Demo Apps - http://goratchet.com/examples/
Mobile  UI  UX  CSS  CSS3  HTML  Framework  JavaScript  Buttons  Modals  Lists  Icons  Popovers  Tables  Forms  iOS  Android  History  AJAX  Web-Development  Web-Dev  Web-Dev-Tools  WebDevAppModule 
april 2017 by jasondavis
ElectronJS Browser App Demo - A mini browser that shows the usage of webview in an app
ElectronJS Browser App Demo - A mini browser that shows the usage of webview in an app.
The app's main window contains a that is sized to fit most of it (via the width and height attributes). The location bar is used to update its src attribute.

<webview> is the preferred way for you to load web content into your app. It runs in a separate process and has its own storage, ensuring the security and reliability of your application.
Electron-JS-App  JavaScript  JavaScript/Electron  Web-Development  Web-Dev  Web-Dev-Tools  Boilerplate  WebDevAppModule 
april 2017 by jasondavis
Carbide Alpha - JS Code Playground loads NPM modules and Shows code output inbetween the lines as widgets
Carbide is a new kind of programming environment which (as obligatory in this day and age):

- Requires no installation or setup
- Supports Javascript/ES2015
- Imports modules automatically from NPM or GitHub
- Saves and loads directly to and from GitHub Gists
- Comments live in a Rich Text sidebar #LiterateProgramming
- Carbide shows results in-between the lines of your code— letting you see data in context
- The result of any expression can be logged, visualized, and directly manipulated with powerful (and shiny) widgets
- Carbide doesn't distinguish between input and output, using generalized machine learning techniques to run programs backwards

Project - http://alpha.trycarbide.com/
Image - https://www.apollowebstudio.com/screenshots/2017/04/tree.png
Image - https://www.apollowebstudio.com/screenshots/2017/04/chrome_2017-04-18_19-44-04.png
JavaScript  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  NPM  CodePlayground  Debugging  Debug 
april 2017 by jasondavis
TrifleJS - Headless automation for Internet Explorer.
TrifleJS - Headless automation for Internet Explorer. A headless Internet Explorer browser using the .NET WebBrowser Class with a Javascript API running on the V8 engine.
The API is coded as a port of PhantomJS. Perfect for test automation. If you have used phantom before then you already know how to use TrifleJS.

GitHub - https://github.com/sdesalas/trifleJS
Project - http://triflejs.org/
JavaScript  Headless_Browser  Automation  Test  Debugging  Debug  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  PhantomJS 
april 2017 by jasondavis
« earlier      
per page:    204080120160

bundles : JavaScript

related tags

2-D  3-D  Address  Admin  AJAX  Alert  Alerts  Analytics  Android  Animation  Animation-UI  Annotate  Apache  API  ApolloLibrary  ApolloWebStudio  Application  Arrows  Assets  ASYNC  Authentication  Auto-Save  Autocomplete  AutoHotKey  Automation  Avatar  Backup  Banners  Base64  Bash  Beautify  Billing  Blob  Blog  Boilerplate  Bookmarklet  Bookmarks  Books  Books/Web-Dev  Bootstrap  Bot  Browser  Browserify  Build  Build-Tools  Builder  Buttons  C  C#  C++  C-Sharp  Cache  Calendar  Cam  Canvas  Captcha  Card  Carousel  Categories  CDN  Charts  Chat  CheatSheet  Checkbox  Chrome  Click  Clipboard  CMB2  CMS  Code  CodePen/JSFiddles/Dabblets  CodePlayground  Codrops  CoffeeScript  Collaboration  Collections  Collision  ColorPicker  Colors  Comet  Command-Line  Comments  Community  Compiler  Component-Library  Components  Compress  Conditionals  Config  Confirmation  Console  Context-Menu  Converters  Cookie  Copy  CORS  Counter  Coverflow  CRM  Crop  CRUD  css  CSS/Animations  CSS/Bootstrap  CSS/FlatUI  CSS/Flexbox  CSS/Material  CSS3  CSV  CTA  Curated-Resources  D3  Dashboard  dat  Data  Database  Database/MongoDB  Database/MySQL  Database/SQLite  Datagrid  DataTables  Date  DatePicker  DateTime  De  Debug  Debugging  Dependency-Injection  Dependency-Manager  Design  DesignPatterns  Dev-Server  Dev-Software  Dev-Tools  Diagrams  Dialog  DIFF  Diff  Directory  Discussions  Docco  Dockable  Docker  Docs  Documentation  DOM  Domains  Downloader  DragDrop  Draw  Dribbble  Dropdown  eBook  eCommerce  Edit-in-place  Editor  Editor/SublimeText  Electron-JS-App  Email  Embed  Emojis  Encode  Events  Evernote  Excel  Extension  Facebook  Favicon  Features  Feed  Fetch  File  FileManager  FileSystem  Filter  Flash  Flexbox  Flip-Book  Flowcharts  Folders  Follow  Font  FontIcons  Fonts  Footnotes  Form  Formater  FOrms  Forms  Forums  Frames  Framework  Freelance-Tools  Full-Text-Search  FullScreen  Gallery  Game  Game-Dev  Game-Dev-UI  Gantt  Generator  Geo  GIF  GIF-Player  Gist  GIT  GitHub  Go-Programming-Language  Google  Google-Analytics  Google-Chrome  Graphic-Tiles  Graphics  Graphics/Gallery  Graphics/Inspiration  Graphics/Resources  Graphics/Tools  Graphs  Graphs/Charts  GravityForms  Grid  Growl  GUI  Hash  Headless_Browser  Heatmap  Helper  Hierarchical  Highlighter  History  Host  HTML  HTML5  HTTP  Icon  Icons  IDE  Iframe  IFrame  Image-Manipulation  Image-Optimizer  ImageMap  Images  Inheritance  Inplace  Inspiration  Inspiration/Graphics  Inspiration/WebPage  Invoice  iOS  iPad  iPhone  IRC  Java  javascript  JavaScript/Angular  JavaScript/BackboneJS  JavaScript/Electron  JavaScript/Fetch  JavaScript/Google-Chrome  JavaScript/Grunt  JavaScript/Gulp  JavaScript/Meteor  JavaScript/Modules  JavaScript/NodeJS  JavaScript/PhantomJS  JavaScript/React  JavaScript/Slider  JavaScript/StickyElement  JavaScript/VelocityJS  jQuery  jQUery  jQueryUI  JSFiddle  JSON  JSONP  JSONS  KanBan  Keyboard  Labs  Laracasts  Laravel  Launcher  Layouts  Learning  LESS  Lightbox  Linter  List  Lists  Loader  Loading  LocalStorage  Lock  Log  Logger  Logging  Mapping  Maps  Marionette  Markdown  MarkDown  Marketing  Marketing/AB-Testing  Marketing/Email  Marketing/LandingPages  Marketing/SEO  Marketing/Showcase  Marketing/Social-Media  Marketing/Tools  Material  Media  MediaMangerApp  Mega-Menu  Memoization  Mentions  Menu  Message  Messaging  Messenger-Bot  Metabox  Minify  Minimap  Mobile  Mobile-Apps  Mock  Mockup  Mockups  Modal  Modals  Model  Module  Modules  Money  Moodboards  Mouse  Multi-Panel  Multi-Tenant  MVC  MySQL  Navigation  Nested  Newsletter  NodeJS  Notebook  Notebooks  Notes  Notice  Notifications  NPM  OAuth  Objective-C  Observable  Observe  OCR  Offline  OO  OOP  Open-Source  Optimize  Options  OrgCHart  ORM  Package-Managers  Paging  Panel  Panels  Parallax  Parser  Parsing  Password  Pattern-Library  Pattern-Lock  Payments  PDF  Performance  PhantomJS  PHP  PHP/Composer  PHP/Laravel  PHP/Laravel/Cashier  PHP/Laravel/Spark  Picker  Pinboard  PJAX  Player  Plugin  Plugins  PNG  Poll  Polling  Pollyfill  Polyfill  Popover  Popovers  Portfolio  Position  Presentation  Presentations  Process-Manager  Profile  Programming  Progress  Project  Project-Idea  Project-Management  Promise  Promises  Promo  Prototyping  PubSub  Push  Pusher  Python  QRCode  Queue  Quiz  Radio  Range  Readme  Real-time  Record  Recorder  Redo  Regex  REPL  Requests  Responsive  REST  Resume  RevealJS  Revisions  Router  Routing  RSS  Ruby  SaAS  SaaS  Scalable  Schedule  Scraping  Screencasts  Screenshot  Screenshots  Scroll  Scrollbar  Search  Security  Selection  Selector  Serialize  Server-Tools  Server/Software  ServiceWorker  Session  Settings  Sharing  Shell  Shim  Shortcode  SIdebar  Sidebar  Sidebars  Sidenotes  Signature  Slack  Slider  Sliders  Slideshow  Snap  Snippets  Social-Network  Socket  Software/ChromeExtensions  Software/Editors  Software/ElectronJS  Software/Linux  Software/Mac  Software/SublimeText  Software/Web-Based  Software/Windows  Sortable  Sorting  Speech  Speech-Recognition  Spell-Checking  Spider  Spreadsheet  Sprites  SQL  StackExchange  State  Stats  Steps  Stream  Strings  Stripe  Style  Style-Guide  SugarCRM  Survey  SVG  Switch  Syntax  Tables  Tabs  Tagging  Tags  Task  Taskpaper  Tech/Gadget  templates  Terminal  Test  Text-Field  Textarea  Themes  Tiles  Time  TIme  TimeClock  TimeLine  Timeline  Timer  TimeZones  TinyMCE  TODO  ToDo  Toggle  Toolbar  Tooltips  Tour  Tree  Tutorial  Twitter  Typeahead  Typing  UI  UML  Undo  Uploader  Users  Utility  UX  Validation  Version-History  Versions  Video  Viewer  ViewPort  Visio  w  Web-Agency-Studio-Tools  Web-Design  Web-Dev  Web-Dev-Currated  Web-Dev-Favorites  Web-Dev-Mobile  Web-Dev-Tools  Web-Development  Web-Development-Blogs  Web-Developmenttools  Web-Service  Web-Sockets  Webcam  WebDevAppModule  WebDevAppTools  WebGL  WebKit  WebP  WebSockets  Widget  Widgets  Windows  WinJS  Wizard  WordPress  WordPress/PLugin  WordPress/Plugin  WordPress/Plugins  WordPress/Themes  WorkFlow  WorkFLow  WorkFlowy  WYSIWYG  X-editable  XML  XMPP  YouTube  ZIP  Zoom 

Copy this bookmark:



description:


tags: