Best Interests and Utilities of the Year

Good day, dear Khabravchians. Today I want to share with you one small event - exactly a year ago, on August 15, 2013, I published my first digest for web developers . Since then 25 issues have been published and my collections have gained some "popularity", and I am pleased to feel "useful" for the habrastvo.

A bit of lyrics: not a few variables were spilled over the year, a lot of losses among functions, classes and methods, but in the end commits win bugs, new libraries and frameworks are born, and the web gets better every day. As a person turned on a passion for taxonomy, I want to highlight the most important events, services and tools that have appeared or gained popularity during this time. There was a desire to visually look at how the world of web development is changing. It turned out a digest with a large useful link mass and a huge interesting questionnaire.

Frontal part

• Javascript

  
  
  • MVC / MVP
    
    • React
    • Matryoshka
    • Riot.js
    • Thorax.js
    • Ampersand.js
    • Mithril.js
    • Ripple.js
    • PourOver.js (New York Times)
    • List.js
    
    
  • Adaptive layout
    
    • Mobify.js
    • Enquire.js
    • Intention.js
    • Device.js
    • Imager.js
    • Rimg.js
    
    
  • Effects
    
    • AniJS is a declarative way to describe animations.
    • Animo.js - dynamic work with Animation.css
    • Parallax.js and Skrollr -
    • Onepage-scroll.js and fullPage.js - for developing sites with scrolling in one scroll.
    • Impress.js and Reveal.js are the best presentation engines.
    • Multiscroll.js - great effect.
    • scrollReveal.js and WOW - “expose” animations when scrolling.
    • Textillate.js is a powerful tool for creating text animations.
    • Slidr and Slick are the best sliders.
    • Snap.js is the easiest way to make a menu with swipe (swipe).
    • Grid animation effects
    • Intense Images
    • MixItUp
    • Velocity.js - accelerate JS animations.
    
    
  • Graphics and Modeling
    
    • DC.js , Epoch.js , Chart.js and Vis.js are the best data visualizers.
      
    • Three.js is a library for 3D modeling.
    • PhysicsJS and Newton are functional physics engines.
    • Snap.svg and SVG.js are the best solutions for working with SVG.
    • randomColor.js - random color generator.
    • Chroma.js is a multifunctional library for working with color.
    • Isomer.js , Obelisk.js - engines for creating isometric objects.
    • Drawingboard.js is an easy to use canvas drawer.
    
    
  • Ajax
    
    • Intercooler.js - declarative method for using AJAX
    • Echo.js and Infinity.js are the best lazy load.
    • Lazy Ads - lazy loading for all ad units.
    • loadCSS
    
    
  • UI / UX
    
    • InstantClick and FastClick.js - for 300ms accelerate the processing of all clicks and touches.
    • Favico.js - all kinds of manipulations with the display of favicon
    • Typeahead.js , At.js , Auto.js - the best solution for autocomplete.
    • Dropzone , imagesLoaded - dynamically upload files.
    • CLNDR.js , Pikaday.js , Rome.js - the best calendars and date-pickers.
    • Picker.js is the best colorpicker independent library proponent.
    • iCheck - custom cross-platform radio and checkbox buttons for jQuery and Zepto
    • Pace.js , Nanobar.js - the best progress bars .
    • Vex - modal windows of the 21st century.
    • Messenger and PNotify are the best notifications.
    • Offline.js - automatic online / offline indicator.
    • Hopscotch , Shepherd, and Intro.js
      are step-by-step instructions for the interface.
    • Editr.js - HTML / CSS / JS sandbox, similar to CodePen, JSFiddle.
    • simpleCart.js - a basket script for an online store.
    • SideComments.js - commenting system like on Medium
    • Odyssey - an interactive story with a tie to geolocation.
    • Ouibounce - modal windows for retargeting.
    • Spin.js is a powerful spinner generator.
    • Shine.js is a functional shadow generator.
    • Fort.js - progress bar for filling out forms.
    
    
  • miscellanea
    
    • Front of the main site of The Guardian
    • Webshim - All Polyphiles Polyphil
    • Knwl.js - finds in the text dates, times, emails, links, addresses and emoticons.
    • VerbalExpressions are light-hearted regular expressions.
    • HTML.js is an interesting syntax for working with the DOM.
    • Moment.js is all you need for working with a date.
    • Numeral.js is a library for formatting and manipulating numbers.
    • HTML2PDF , jsPDF - PDF generators.
    • Math.js and Sylvester - for more functional math in JavaScript.
    • Storage - Asynchronous browser storage with multiple back-ends (IndexedDB, WebSQL, localStorage).
    • Crossfilter - Fast n-dimensional filtering and grouping of records. from Square
    • Jest - Painless JavaScript Unit Testing from Facebook.
    • Retext - a library for working with morphology.
    • Smallworld.js is a GeoJSON and HTML5 Canvas map generator.
    • Lunr.js - full-fledged client-side search.
    • Fast.js is a collection of the most used functions in JavaScript.
    • Tether - easily and simply bind to each other absolutely positioned elements
    • Flow.js - squeeze all the juices from the HTML5 File API
    • Keypress is the best keyboard event handler.
    • Hammer.js is the best handler for touching events.
    • Draggabilly - drag -drop library on pure JS.
    • LaTeX2HTML5
    • Conditioner.js - built on RequireJS and runs JavaScript only if the specified conditions are met.
    • Browserify - JavaScript modules according to the principle of Node.js in the browser.
    • Basket.js - an analogue of RequireJS with a save in localStorage.
    • Olly.js - translates the URL into Rich Media (like the video tag on the hub).
    • Detect.js - defines everything that JavaScript can determine about the browser.
    • WinJS from Microsoft
    • Storage.js localForage
    • Blast.js - for various text manipulations.
    • Tracking.js - a set of algorithms for computer vision techniques.
    • VIDE.js is an easy way to make a video background.
    • PrettyEmbed.js - makes video inserts look better.
    • URI.js is the only right choice for working with URLs.
    • DOMPurify - "sanitizes and prevents XSS."
    • Leap.js and Depth.js - we program the web for Leap Motion and Kinect.
    • Tessel is a JavaScript programmable microcontroller.
    • Immutable.js - Immutable Data Collections from Facebook.
    • Idiomatic.js , Airbnb JavaScript - Code Style Guides.
    • JS Must Watch - A "Live List" of the best videos from lectures and conferences on JavaScript.
    • Superhero is a storehouse of useful information for JavaScript developers.
    • JSNice is a smart and trained deobfuscator for JavaScript.
    • HTMLHint - Parses HTML errors.
    • Google Traceur Compiler - "JavaScript.next-to-JavaScript-of-today compiler."
    
    
  
  

• HTML / CSS

  
  
  • Animate.css , Effeckt.css , Hover.css - collections of awesome CSS animations.
  • Stroll - masterpiece effects when scrolling.
  • Loading and CSS Loaders are the best CSS preloaders.
  • Hint.css - beautiful tooltips in pure CSS.
  • LESSHAT is perhaps the most useful mixin collection for LESS.
  • CSS Modal - the simplest modal window.
  • Web Starter Kit , Pure , Uikit , Topcoat , Inuit , Flat UI - HTML frameworks.
  • Ratchet , Clank , Ionic - mobile HTML frameworks.
  • Ink - CSS framework for the layout of emails.
  • Refills - “packaged” patterns, components, mixins and all the best from Bourbon, Bitters and Neat.
  • Jeet - grids for people.
  • UCSS / Helium , CSS Raticinator and Shorthand - remove unnecessary styles, streamline and transform CSS.
  • Rework - custom CSS preprocessor for Node.js and browsers
  • RECESS is the linter / compiler for CSS and LESS from the Twitter team.
  • Idiomatic.css - Code Style Guide.
  • The Elements of HTML - for those who honor semantics.
  • Custom Elements and Component Kitchen
  
  

Rear part

• NodeJS

  
  
  • Meteor
  • MEAN.js (Mongo, Express, Angular, Node)
  • KOAN Stack (Koa, Angular, Node, Mongo, WebSockets)
  • Mach.js is the best way to build a fully asynchronous server.
  • LoopBack is the best of Express.
  • Gremlins.js - emulates random user actions to detect errors in the interface.
  • Scraper.js is a great web parser.
  • Сollections.js - a huge set of functions for working with collections.
  • Kraken-js - express-based Node.js web application bootstrapping module by PayPal
  • " Sails.js make it easy to build custom, enterprise-grade Node.js apps."
  • Rethinkdb
  • Mongoose is one of the best (if not the best) ORM for MongoDB
  • Sequelize is a very elaborate ORM for SQL-like DBMSs.
  • Sharp is the fastest npm module for resizing JPEG, PNG, WebP and TIFF.
  • Grafana - charts and dashboards for the most insatiable
  • NodeBB is a quality modern forum.
  • BitcoinJS , Bitcore - libraries for working with Bitcoin.
  • Mailin , Nodemailer , Mail.js - libraries for working with email.
  • google-api-nodejs-client
  • EtherCalc is a spreadsheet library.
  • Groovebasin is a music server.
  • CryptoJS is a collection of cryptographic algorithms.
  • Epub.js
  • Jszip
  • Videoconverter.js
  
  

• Php

  
  
  • Laravel
  • Zephir - Ze (nd Engine) Ph (p) I (nt) r (mediate)
  • Stringy is a functional library for working with strings.
  • Flysystem is a tool for working with local and remote files.
  • PHP-DI - dependency injection container for humans
  • Purl is a popular library for working with URLs.
  • Phake - Mocking Framework.
  • Elastica is a client for Elasticsearch.
  • Monolog is the most popular logging library.
  • Buzz - HTTP client.
  • PHPMorphy is a library for working with the morphology of Russian, German and English.
  • Parsedown - the best Markdown parser in PHP
  • Ampache - web application for audio and video streaming
  • Typographer Muravyova
  • PHPCI - continuous integration tool.
  • Linuxdash is a web dashboard for monitoring on Linux.
  • VerbalExpressions are light-hearted regular expressions.
  
  

• Python

  
  
  • HTTPie - command line HTTP client.
  • Videogrep - search for dialogs in a video.
  • Inbox - “The next-generation email platform” in Python.
  • Mailur - email client.
  • Arrow - a library for working with date and time.
  • Sympy - computer algebra system written
  • PSDash - Linux web dashboard.
  • Py Must Watch - A live list of the best videos from Python lectures and conferences.
  • VerbalExpressions are light-hearted regular expressions.
  
  

• Ruby

  
  
  • Whenever - Cron jobs in Ruby.
  • PEAS - Docker and Ruby based PaaS.
  • Minicron - Cron Jobs Management and Monitoring System
  • Lotus is a "full Ruby web framework."
  • PgHero - database insights made eas
  • PSD.rb - library for working with .PSD files
  • Onebody is a church social network.
  • VerbalExpressions are light-hearted regular expressions.
  
  

• Go

  
  
  • Martini - "Classy web framework for Go."
  • Godropbox is a set of libraries for web applications from Dropbox.
  • Goji is a minimalistic web framework.
  • Go-underscore - a set of the most popular functions.
  • Beego is a framework for high-performance applications.
  • Gollum is a Wiki system built to work with Git.
  • Gogs is your own Git service.
  • Drone - CI platform based on Docker.
  
  

Content Management Systems and Static Site Generators

• Webhook (JavaScript)
• October (PHP & Laravel)
• Cockpit
• Witgy (Python)
• Keystone (JavaScript)
• Docpad (CoffeeScript)
• Metalsmith (JavaScript)
• Wintersmith (CoffeeScript)
• Cactus (Python & Django)
• Editors
  
  • Stackedit
  • Quill
  • Sir trevor
  • Editor
  • Epiceditor
  • Dillinger
  
  

Applications, services, utilities

• Breach - Node.js browser.
• Cloudconvert is an online converter that supports more than 150 formats.
• Ungit is a great GUI for Git in your browser.
• OAuth.io is a great OAuth authorization service.
• Cleaver , Remark - slideshow for hackers.
• Auto prefix - forget about prefixes.
• Kraken is a service for optimizing images.
• Gitter - chat for geeks.
• Node App - we write iOS and OSX applications on NodeJS.
• BrowserSync and FB Flo - to automatically reload the browser when changing the source files.
• GitBook is a utility for creating documentation.
• Ngrok is the easiest way to install a local web server.
• Grunt Email Design
• Imacss - translates all images in a Data URI and changes the paths in the source files.
  
• Wraith , Huxley and PhantomCSS - diff tools for images.
• JavaScript Code Style checker
• Pickers
  
  • Prepros app
  • Grunt
  • Gulp
  • CodeKit
  • Hammer
  • Munee (PHP)
  
  
• Generators
  
  • Brunch
  • Yeoman
  • Fireshell
  • Fastshell
  • Phở Devstack from Source
  • Headstart
  • Hackathon starter
  
  

GUI for site building

• Webflow
• Macaw
• Froont
• IMcreator

Finally:

• Awesome awesomeness
• Frontend dev bookmarks
• List of free learning resources
• Tools Of TheTrade
• List Of Minimalist Frameworks
• Color Schemes - a huge number of topics for many editors.
• Gitignore - a huge collection of .gitignore templates
• HTML5 Security Cheatsheet is an entire collection of XSS examples.
• Docker - to automate the deployment and management of applications in a virtualization environment.
• Cayley is a graphical database from Google.
• Dat is a version control system for working with big data.
• Outdated browser is the most elegant way to inform the user that his browser is out of date.
• Best Paid Photoshop Plugins for Web Designers
• Best Free Photoshop Plugins for Web Designers

I suggest everyone to supplement this selection with the necessary tools in your opinion. Write in the comments.

I apologize for any typos. If you notice a problem - please write in a personal.

Thank you all for your attention.