background preloader

Frameworks/Libs

Facebook Twitter

Mo.js

C3JS. AnuglarJS 2.x. DashJS (video streaming) Date. MagneticMediaJS. HeatMap.js. ImmutableJS. Interactjs. RevealJS. MicroJS. ChromaJS. D3JS. TimelineJS. Snap.svg. OnsenUI. CreateJS. AsyncAwait. WOW.js. VideoJS. Optical Character Recognition in Javascript. Ocrad.js is a pure-javascript version of the Ocrad project, automatically converted using Emscripten. It is a simple OCR (Optical Character Recognition) program that can convert scanned images of text back into text. Clocking in at about a megabyte of Javascript with no hefty training data dependencies (looking at you, Tesseract), it's on the lighter end of the spectrum. This was made by antimatter15 (please follow me on Twitter or G+) Below is a simple demo, which should hopefully demonstrate the capabilities but will more likely show the substantial limitations of the library.

Hit the buttons on the left to reset the canvas or to randomly put some text in a random font. You can also try to draw something with your cursor. The Ocrad.js API is really simple. This file exposes a single global function, OCRAD which takes an image as an argument and returns the recognized text as a string. var string = OCRAD(image); alert(string); What about GOCR.js?

Tracking.js

TodoMVC. JavaScript Frameworks | How to Learn Them Quickly | Funny Ant. The key to quickly learning JavaScript MV* Frameworks is to break them down into a series of features. The main features of an MV* application are routing, data binding, templates/views, models, and data storage. In this post I’ll describe these main features and show code examples from two or three frameworks for each feature. You will begin to concretely understand what these frameworks are trying to help you accomplish and realize they are more alike than they are different.

In fact, it becomes apparent that most of the frameworks borrow heavily from the successes of the others. I tend to see the similarities in people and not the differences. Don’t be too concerned about understanding every line of code. Routing Routing, at a minimum maps your URLs to actions, but sometimes goes as far as implementing a full “state machine” design pattern for managing state transitions within a view. So you may be wondering how can this work and will this work on older browsers? Backbone Example Models. Book-of-modern-frontend-tooling/README.md at master · tooling/book-of-modern-frontend-tooling.

ScrollReveal.JS

JointJS. Yeoman. Leaflet. Pixi.js. DeckJS. Gulp. Backbone contre Angular : comparaison. Opposer des idées et des outils est une très bonne façon de mieux les comprendre. Dans cet article, je présenterai une liste de tâches auxquelles nous devons faire face chaque jour lorsque l'on travaille sur une application web et nous verrons comment Backbone et Angular permettent d'apporter des solutions. Ce que l'on veut résoudre La plupart des activités que nous entreprenons en tant que développeurs web peuvent se ranger dans une des catégories suivantes : Implémenter de la logique métier Construire le DOM Implémenter de la logique de vue (déclarative et impérative) Synchroniser le modèle et la vue Gérer des interactions d'UI complexes Gérer des états et des routes Créer et lier des composants Il n'est donc pas surprenant que la plupart des frameworks coté client proposent des solutions d'une manière ou d'une autre.

Backbone Commençons par regarder ce que Backbone nous offre pour résoudre ces problèmes. Pour ceux qui sont plus visuels : Quand je dis Backbone... Logique Métier.

TogetherJS

Scttnlsn/data.io. React. Bower. Tourist.JS. Backbone. Grunt. Flight (Twitter) TypeheadJS. Développeur Agile | Lunr.js le moteur de recherche côté client. Lunr.js est un moteur de recherche « fulltext » simple pour vos applications côté client. Il est conçu pour être léger, mais très complet afin de fournir une expérience de recherche très riche. Tout cela sans dépendance et sans accès serveur. Lunr.js fonctionne avec tout navigateur moderne compatible ECMAScript 5 (ES5). Pour les anciens navigateur, vous pouvez toujours utiliser un outil tel que augment.js afin d’ajouter aux navigateurs les fonctionnalités Javascript manquantes.

Son utilisation est extrêmement simple, il vous suffit de rajouter des éléments à l’index comme ceci : La recherche s’effectue ensuite via la fonction search de l’objet : var results = index.search('foo'); Pour plus d’information, rendez-vous sur le site officiel.

Require.JS

JsPDF - Create PDFs with HTML5 JavaScript Library. PDFs have become an essential element of document sharing. Our team recognised a significant challenge with generating these files and developed jsPDF, the ultimate solution for PDF generation. We took an innovative approach and made jsPDF open-source to encourage a collaborative community of developers to enhance its features and functionalities. With our easy-to-use application, you can create professional-looking PDFs in a matter of minutes, without the need for complex software or extensive training. Our intuitive interface allows you to generate any document type, including event tickets, reports, certificates, and more. Documentation Our documentation is generated from the source code, and we ensure it's up-to-date and comprehensive. Support While our open-source software doesn't come with free support, we offer competitive pricing for personalised project assistance.

RubyJS

CoffeeScript. NodeJS. AngularJS. EmberJS. JQuery. JQueryMobile.