diff --git a/README.md b/README.md index 1958646..888aad0 100644 --- a/README.md +++ b/README.md @@ -55,9 +55,10 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [Menu](#menu) * [Table/Grid](#tablegrid) * [Frameworks](#frameworks-1) - * Mobile - * [Gesture](#gesture) + * [Boilerplates](#boilerplates) + * [Gesture](#gesture) * [Maps](#maps) + * [Typography](#typography) * [Animations](#animations) * [Image processing](#image-processing) * [ES6](#es6) @@ -289,8 +290,14 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [trix](https://github.com/basecamp/trix) - A rich text editor for everyday writing. By Basecamp. * [Trumbowyg](https://github.com/Alex-D/Trumbowyg) - A lightweight and amazing WYSIWYG JavaScript editor. * [Draft.js](https://github.com/facebook/draft-js) - A React framework for building text editors. +* [bootstrap-wysihtml5](https://github.com/jhollingworth/bootstrap-wysihtml5) - Simple, beautiful wysiwyg editor +* [wysihtml5](https://github.com/xing/wysihtml5) - Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles. +* [raptor-editor](https://github.com/PANmedia/raptor-editor) - Raptor, an HTML5 WYSIWYG content editor! +* [popline](https://github.com/kenshin54/popline) - Popline is an HTML5 Rich-Text-Editor Toolbar + ## Documentation + * [DevDocs](http://devdocs.io/) is an all-in-one API documentation reader with a fast, organized, and consistent interface. * [dexy](http://www.dexy.it/) is a free-form literate documentation tool for writing any kind of technical document incorporating code. * [docco](http://jashkenas.github.com/docco/) is a quick-and-dirty, hundred-line-long, literate-programming-style documentation generator. @@ -303,7 +310,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [sphinx](http://sphinx-doc.org/) a tool that makes it easy to create intelligent and beautiful documentation * [Using JSDoc](http://usejsdoc.org/) * [Beautiful docs](http://beautifuldocs.com/) is a documentation viewer based on markdown files. -* [Daux.io](http://daux.io/) is an documentation generator that uses a simple folder structure and Markdown files to create custom documentation on the fly. * [documentation.js](http://documentation.js.org) - API documentation generator with support for ES2015+ and flow annotation. @@ -356,7 +362,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [timezone-js](https://github.com/mde/timezone-js) - Timezone-enabled JavaScript Date object. Uses Olson zoneinfo files for timezone data. * [date](https://github.com/MatthewMueller/date) - Date() for humans. * [ms.js](https://github.com/rauchg/ms.js) - Tiny millisecond conversion utility. - +* [countdown.js](https://github.com/gumroad/countdown.js) - Super simple countdowns. ## String *String Libraries.* @@ -465,10 +471,6 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [RegExr](http://regexr.com) - HTML/JS based tool for creating, testing, and learning about Regular Expressions. * [RegExpBuilder](https://github.com/thebinarysearchtree/regexpbuilderjs) - Create regular expressions using chained methods. -## Media - -* [Ion.Sound](https://github.com/IonDen/ion.sound) - Simple sounds on any web page - ## Voice Command @@ -520,6 +522,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [SpinKit](https://github.com/tobiasahlin/SpinKit) - A collection of loading indicators animated with CSS. * [Ladda](https://github.com/hakimel/Ladda) - Buttons with built-in loading indicators. * [css-loaders](https://github.com/lukehaas/css-loaders) - A collection of loading spinners animated with CSS. +* [css-loaders](https://github.com/lukehaas/css-loaders) - A collection of loading spinners animated with CSS Besides libraries, there're [Collection on Codepen](http://codepen.io/collection/HtAne/), and generators like [Ajaxload](http://www.ajaxload.info/), [Preloaders](http://preloaders.net/) and [CSSLoad](http://cssload.net/). @@ -575,13 +578,13 @@ Besides libraries, there're [Collection on Codepen](http://codepen.io/collection * [slidesJs](http://www.slidesjs.com) - Is a ressponsive slideshow plug-in for JQuery(1.7.1+) with features like touch and CSS3 transitions * [FlexSlider](https://github.com/woothemes/FlexSlider) - An awesome, fully responsive jQuery slider plugin. * [unslider](https://github.com/idiot/unslider) - The simplest jQuery slider there is. -* [colorbox](https://github.com/jackmoore/colorbox) - A light-weight, customizable lightbox plugin for jQuery. -* [fancyBox](https://github.com/fancyapps/fancyBox) - A tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. * [sly](https://github.com/darsain/sly) - JavaScript library for one-directional scrolling with item based navigation support. * [vegas](https://github.com/jaysalvat/vegas) - A jQuery plugin to add beautiful fullscreen backgrounds to your webpages. It even allows Slideshows. * [Sequence](https://github.com/IanLunn/Sequence) - CSS animation framework for creating responsive sliders, presentations, banners, and other step-based applications. -* [baguetteBox.js](https://github.com/feimosi/baguetteBox.js) - Simple and easy to use lightbox script written in pure JavaScript. * [reveal.js](https://github.com/hakimel/reveal.js) - A framework for easily creating beautiful presentations using HTML. +* [impress.js](https://github.com/bartaz/impress.js) - It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. +* [bespoke.js](https://github.com/markdalgleish/bespoke.js) - DIY Presentation Micro-Framework +* [Strut](https://github.com/tantaman/Strut) - Strut - An Impress.js and Bespoke.js Presentation Editor * [PhotoSwipe](https://github.com/dimsemenov/PhotoSwipe) - JavaScript image gallery for mobile and desktop, modular, framework independent. * [jcSlider](https://github.com/JoanClaret/jcSlider) - A responsive slider jQuery plugin with CSS animations. * [basic-jquery-slider](https://github.com/jcobb/basic-jquery-slider) - Simple to use, simple to theme, simple to customise. @@ -589,6 +592,8 @@ Besides libraries, there're [Collection on Codepen](http://codepen.io/collection * [slidr](https://github.com/bchanx/slidr) - add some slide effects. * [Flickity](https://github.com/metafizzy/flickity) - Touch, responsive, flickable galleries. * [Glide.js](https://github.com/jedrzejchalubek/Glide.js) - Responsive and touch-friendly jQuery slider. It's simple, lightweight and fast. +* [slick](https://github.com/kenwheeler/slick) - the last carousel you'll ever need +* [jQuery.adaptive-slider](https://github.com/creative-punch/jQuery.adaptive-slider/) - A jQuery plugin for a slider with adaptive colored figcaption and navigation. ## Range Sliders @@ -610,6 +615,7 @@ Besides libraries, there're [Collection on Codepen](http://codepen.io/collection * [jQuery-Tags-Input](https://github.com/xoxco/jQuery-Tags-Input) - Magically convert a simple text input into a cool tag list with this jQuery plugin. * [vanilla-masker](https://github.com/BankFacil/vanilla-masker) - A pure javascript mask input. * [Ion.CheckRadio](https://github.com/IonDen/ion.checkRadio) - jQuery plugin for styling checkboxes and radio-buttons. With skin support. +* [awesomplete](https://github.com/LeaVerou/awesomplete) - Ultra lightweight, usable, beautiful autocomplete with zero dependencies. - http://leaverou.github.io/awesomplete/ ### Calendar @@ -643,8 +649,6 @@ Besides libraries, there're [Collection on Codepen](http://codepen.io/collection * [Countable](https://github.com/RadLikeWhoa/Countable) - A JavaScript function to add live paragraph-, word- and character-counting to an HTML element. * [card](https://github.com/jessepollak/card) - Make your credit card form better in one line of code. * [stretchy](https://github.com/LeaVerou/stretchy) - Form element autosizing, the way it should be. -* [list.js](https://github.com/javve/list.js) - Adds search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML. -http://www.listjs.com ## Tips @@ -655,7 +659,8 @@ http://www.listjs.com * [tooltipster](https://github.com/iamceege/tooltipster) - A jQuery tooltip plugin. * [simptip](https://github.com/arashmanteghi/simptip) - A simple CSS tooltip made with Sass. * [jquery-popup-overlay](https://github.com/vast-engineering/jquery-popup-overlay) - jQuery plugin for responsive and accessible modal windows and tooltips. - +* [toolbar](https://github.com/paulkinzett/toolbar) - A tooltip style toolbar jQuery plugin +* [hint.css](https://github.com/chinchang/hint.css) - A tooltip library in CSS for your lovely websites. ## Modals and Popups @@ -667,7 +672,11 @@ http://www.listjs.com * [css-modal](https://github.com/drublic/css-modal) - A modal built out of pure CSS. * [jquery-popup-overlay](https://github.com/vast-engineering/jquery-popup-overlay) - jQuery plugin for responsive and accessible modal windows and tooltips. * [SweetAlert](https://github.com/t4t5/sweetalert) - An awesome replacement for JavaScript's alert. - +* [baguetteBox.js](https://github.com/feimosi/baguetteBox.js) - Simple and easy to use lightbox script written in pure JavaScript. +* [colorbox](https://github.com/jackmoore/colorbox) - A light-weight, customizable lightbox plugin for jQuery. +* [fancyBox](https://github.com/fancyapps/fancyBox) - A tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. +* [swipebox](https://github.com/brutaldesign/swipebox) - A touchable jQuery lightbox +* [jBox](https://github.com/StephanWagner/jBox) - jBox is a powerful and flexible jQuery plugin, taking care of all your popup windows, tooltips, notices and more. ## Scroll @@ -701,13 +710,25 @@ http://www.listjs.com * [Masonry](http://masonry.desandro.com/) - A cascading grid layout library. * [Packery](http://packery.metafizzy.co/) - A grid layout library that uses a bin-packing algorithm. Useable for draggable layouts. * [Isotope](http://isotope.metafizzy.co/) - A filterable, sortable, grid layout library. Can implement Masonry, Packery, and other layouts. - +* [flexboxgrid](https://github.com/kristoferjoseph/flexboxgrid/) - Grid based on CSS3 flexbox ## Frameworks * [Semantic UI](http://semantic-ui.com/) - UI Kit with lots of themes and elements * [w2ui](http://w2ui.com/) - A set of jQuery plugins for front-end development of data-driven web applications. +* [fluidity](https://github.com/mrmrs/fluidity) - The worlds smallest fully-responsive css framework +* [Ink](https://github.com/sapo/Ink) - An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping +## Boilerplates + + * [html5-boilerplate](https://github.com/h5bp/html5-boilerplate) - A professional front-end template for building fast, robust, and adaptable web apps or sites. + * [mobile-boilerplate](https://github.com/h5bp/mobile-boilerplate) - A front-end template that helps you build fast, modern mobile web apps. + * [webplate](https://github.com/chrishumboldt/webplate) - An awesome front-end framework that lets you stay focused on building your site or app while remaining really easy to use. + * [Cerberus](https://github.com/TedGoas/Cerberus) - A few simple, but solid patterns for responsive HTML emails. Even in Outlook. + * [full-page-intro-and-navigation](https://github.com/CodyHouse/full-page-intro-and-navigation) - An intro page with a full width background image, a bold animated menu and an iOS-like blurred effect behind the navigation + * [Fluid-Squares](https://github.com/crozynski/Fluid-Squares) - A fluid grid of square units. + * [Mobile-First-RWD](https://github.com/bradfrost/Mobile-First-RWD) - An example of a mobile-first responsive web design + * [this-is-responsive](https://github.com/bradfrost/this-is-responsive) - This Is Responsive ## Gesture @@ -728,6 +749,7 @@ http://www.listjs.com * [OpenLayers3](http://openlayers.org/) - A high-performance, feature-packed library for all your mapping needs. ## Video/Audio + * [prettyembed.js](https://github.com/mike-zarandona/prettyembed.js) - Prettier embeds for your YouTubes - with nice options like high-res preview images, advanced customization of embed options, and optional FitVids support. * [html5media](https://github.com/etianen/html5media) - Enables