The best interesting and useful for the year

Good day, dear habravchane. 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 habrew community.



Some lyrics: quite a few variables were spilled during the year, a lot of losses among functions, classes and methods, but ultimately commits beat bugs, new libraries and frameworks appear, and the web becomes better every day. As a person turned to passions 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 see how the world of web development is changing. It turned out a digest with a large useful reference mass and a huge interesting questionnaire.

Front part

• Javascript

  
  
  
  • MVC / MVP
    
    
    • React
    • Nesting doll
    • Riot.js
    • Thorax.js
    • Ampersand.js
    • Mithril.js
    • Ripple.js
    • PourOver.js (New York Times)
    • List.js
    
    
    
  • Adaptive layout
    
    
    • Mobify.js
    • Inquire.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 working out sites with scrolling into one scroll.
    • Impress.js and Reveal.js are the best presentation engines.
    • Multiscroll.js - great effect.
    • scrollReveal.js and WOW - “expose” the animation when scrolling.
    • Textillate.js is a powerful text animation tool.
    • Slidr and Slick are the best sliders.
    • Snap.js is the easiest way to make a menu when swapping (swipe).
    • Grid animation effects
    • Intense Images
    • MixItUp
    • Velocity.js - we speed up 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 is a 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 drawing tool.
    
    
    
  • AJAX
    
    
    • Intercooler.js - the declarative method of using AJAX
    • Echo.js and Infinity.js - the best lazy load.
    • Lazy Ads - lazy upload for all ad units.
    • loadCSS
    
    
    
  • UI / UX
    
    
    • InstantClick and FastClick.js - at 300ms speed up the processing of all clicks and touches.
    • Favico.js - all sorts of manipulations with the display of favicon
    • Typeahead.js , At.js , Auto.js - the best solution for autocomplete.
    • Dropzone , imagesLoaded - dynamic file upload.
    • CLNDR.js , Pikaday.js , Rome.js - the best calendars and datapikers.
    • Picker.js is the best colorpicker independent from the supporter of libraries.
    • 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
      
      - step by step instructions to the interface.
    • Editr.js - HTML / CSS / JS sandbox, like CodePen, JSFiddle.
    • simpleCart.js - basket script for online store.
    • SideComments.js - Medium-like commenting system
    • Odyssey is an interactive story with a geolocation code.
    • Ouibounce - modal windows for retargeting.
    • Spin.js is a powerful generator of spiners.
    • Shine.js is a functional shadow generator.
    • Fort.js - progress bar for filling out forms.
    
    
    
  • miscellanea
    
    
    • Front of the main site The Guardian
    • Webshim - to all polyphiles
    • Knwl.js - finds dates, times, emails, links, addresses and emoticons in the text.
    • VerbalExpressions - carefree regular expressions.
    • HTML.js is an interesting syntax for working with DOM.
    • Moment.js is all you need to work with a date.
    • Numeral.js is a library for formatting and manipulating numbers.
    • HTML2PDF , jsPDF - PDF generators.
    • Math.js and Sylvester - for more functional mathematics in JavaScript.
    • Storage - Asynchronous browser storage with multiple back-ends (IndexedDB, WebSQL, localStorage).
    • Crossfilter - Fast n-dimensional filtering and grouping of records. by square
    • Jest - Painless JavaScript Unit Testing from Facebook.
    • Retext is a library for working with morphology.
    • Smallworld.js - map generator on GeoJSON and HTML5 Canvas.
    • Lunr.js - full search on the client side.
    • Fast.js is a collection of the most used functions in JavaScript.
    • Tether - it is easy to attach absolutely positioned elements to each other.
    • Flow.js - squeezes all juices from the HTML5 File API
    • Keypress is the best keyboard event handler.
    • Hammer.js - the best handler for "touching" events.
    • Draggabilly - drag and drop library on pure JS.
    • LaTeX2HTML5
    • Conditioner.js - built on RequireJS and performs JavaScript only if the specified conditions are met.
    • Browserify - JavaScript modules on the principle of Node.js in the browser.
    • Basket.js is an analogue of RequireJS with the save to localStorage.
    • Olly.js - translates the URL into Rich Media (like the video tag on the media).
    • Detect.js - defines everything that only JavaScript can detect about the browser.
    • WinJS from Microsoft
    • Storage.js localForage
    • Blast.js - for various text manipulations.
    • Tracking.js is a set of computer vision technician algorithms.
    • 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 - "disinfects 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 Guide.
    • JS Must Watch - “Live list” of the best videos from lectures and conferences on JavaScript.
    • Superhero - a storehouse of useful information for JavaScript developers.
    • JSNice is a smart and learnable deobfuscator for javascript.
    • HTMLHint - analyzes errors in HTML.
    • Google Traceur Compiler - "JavaScript.next-to-javascript-of-today compiler".
    
    
    
  
  
  

• HTML / CSS

  
  
  
  • Animate.css , Effeckt.css , Hover.css - collections of amazing CSS animations.
  • Stroll - masterpiece effects when scrolling.
  • Loading and CSS Loaders are the best CSS preloaders.
  • Hint.css - beautiful pop-up tips on pure CSS.
  • LESSHAT is perhaps the most useful mixin mix for LESS.
  • CSS Modal is 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 layout of emails.
  • Refills - packaged patterns, components, mixins and all the best from Bourbon, Bitters and Neat.
  • Jeet - nets for people.
  • UCSS / Helium , CSS Raticinator and Shorthand - remove unnecessary styles, rationalize and transform CSS.
  • Rework is an arbitrary CSS preprocessor for Node.js and browsers.
  • RECESS - linter / compiler for CSS and LESS from the Twitter team.
  • Idiomatic.css is a code style guide.
  • The Elements of HTML is 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 from Express.
  • Gremlins.js - emulates random user actions to detect errors in the interface.
  • Scraper.js is a great web parser.
  • Sollections.js - a huge set of functions for working with collections.
  • Kraken-js - express-based Node.js web application bootstrapping module by PayPal
  • " Sails.js node.js apps.
  • RethinkDB
  • Mongoose is one of the best (if not the best) ORM for MongoDB
  • Sequelize - a very thoughtful ORM for SQL-like DBMS
  • Sharp is the fastest npm module for resizing JPEG, PNG, WebP and TIFF.
  • Grafana - graphics and dashboards for the most insatiable
  • NodeBB is a high-quality modern forum.
  • BitcoinJS , Bitcore - libraries for working with Bitcoin.
  • Mailin , Nodemailer , Mail.js - email libraries.
  • google-api-nodejs-client
  • EtherCalc is a spreadsheet library.
  • Groovebasin - music server.
  • CryptoJS is a collection of cryptographic algorithms.
  • Epub.js
  • Jszip
  • Videooconverter.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 URL library.
  • Phake - Mocking Framework.
  • Elastica is a client for Elasticsearch.
  • Monolog is the most popular library for logging.
  • Buzz is an HTTP client.
  • PHP Morphy 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 Muravyev
  • PHPCI - continuous integration tool.
  • Linuxdash is a web dashboard for monitoring on Linux.
  • VerbalExpressions - carefree regular expressions.
  
  
  

• Python

  
  
  
  • HTTPie - command line HTTP client.
  • Videogrep - search dialogs in the video.
  • Inbox - The Next-Generation Email Platform in Python.
  • Mailur - email client.
  • Arrow is a library for working with date and time.
  • Sympy - computer algebra system written
  • PSDash - Linux web dashboard.
  • Py Must Watch - “Live list” of the best videos from lectures and conferences on Python.
  • VerbalExpressions - carefree regular expressions.
  
  
  

• Ruby

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

• Go

  
  
  
  • Martini - “Classy web framework for Go”.
  • Godropbox is a dropbox web application library kit.
  • Goji is a minimal web framework.
  • Go-underscore - a set of the most requested features.
  • 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 - Docker based CI platform.
  
  
  

')

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 Git GUI in your browser.
• OAuth.io is a great service dedicated to OAuth authorization.
• Cleaver , Remark - slideshow for hackers.
• Auto prefixer - forget about prefixes.
• Kraken is a service for image optimization.
• Gitter - chat for geeks.
• Node App - we write iOS and OSX applications on NodeJS.
• BrowserSync and FB Flo - to auto- reload the browser when the source files change.
• GitBook is a utility for creating documentation.
• Ngrok is the easiest way to set up a local web server.
• Grunt Email Design
• Imacss - Translates all images into a Data URI and changes paths in source files.
  
  
• Wraith , Huxley and PhantomCSS - diff tools for images.
• Javascript code style checker
• Collectors
  
  
  • Prepros App
  • Grunt
  • Gulp
  • Codekey
  • Hammer
  • Munee (PHP)
  
  
  
• Generators
  
  
  • Brunch
  • Yeoman
  • Fireshell
  • Fastshell
  • Phở Devstack from Source
  • Headstart
  • Hackathon starter
  
  
  

GUI for website 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 a variety of editors.
• Gitignore - a huge collection of .gitignore templates
• HTML5 Security Cheatsheet is a complete collection of XSS examples.
• Docker - to automate the deployment and management of applications in a virtualization environment.
• Cayley is a graphic database from Google.
• Dat - Veri control system when working with big data.
• Outdated browser - the most elegant way to tell the user that his browser is outdated.
• 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.