Лучшие интересности и полезности за год

Доброго времени суток, уважаемые хабравчане. Сегодня я хочу поделиться с вами одним небольшим событием — ровно год назад, 15 августа 2013 года я опубликовал свой первый дайджест для веб-разработчиков. С тех пор было опубликовано 25 выпусков и мои подборки обрели некоторую «популярность», а мне приятно ощущать себя «полезным» для хабраобщества.

Немного лирики: за год было пролито не мало переменных, множество потерь среди функций, классов и методов, но в конечном итоге коммиты побеждают баги, на свет появляются новые библиотеки и фреймворки, а веб становиться с каждым днем лучше. Мне как человеку повернутому на страсти к таксономии, хочется выделить самые важные события, сервисы и инструменты, которые появились или обрели популярность за это время. Возникло желание наглядно посмотреть на то, как меняется мир веб-раработки. Получился дайджест с большой полезной ссылочной массой и огромным интересным опросником.

Фронтальная часть

• 
  

  JavaScript

  
  
  
  
  
  
  • MVC/MVP
    
  
  
  • Адаптивная верстка
    
  
  
  • Эффекты
    
    
    
    
    • Velocity.js
    
    
    • AniJS — декларативные способ описаний анимаций.
    
    
    • Animo.js
    
    
    • scrollReveal.js и WOW — «разоблачаем» анимации при скроллинге.
    
    
    • Textillate.js — мощный инструмент для создания анимации текста.
    
    
    • Slidr, Slick — лучшие слайдеры.
    
    
    • MixItUp
    
    
    
    
    
  
  
  • Разное
    
    
    
    
    • Фронт главного сайта The Guardian
    
    
    • Webshim — всем полифилам полифил
    
    
    • InstantClick, FastClick.js — на 300мс ускоряют обработку всех кликов и прикосновений.
    
    
    • Intercooler.js — декларативный метод использования AJAX
    
    
    • Knwl.js — находит в тексте даты, время, email'ы, ссылки, адреса и смайлы.
    
    
    • Parallax.js
    
    
    • VerbalExpressions — беззаботные регулярные выражения.
    
    
    • HTML.js — интересные синтаксис для работы c DOM.
    
    
    • Snap.svg, SVG.js
    
    
    • Favico.js — всевозможные манипуляции с отображением favicon
    
    
    • HTML2PDF
    
    
    • Math.js — обширная библиотека с множеством математических функций
    
    
    • CLNDR.js
    
    
    • Echo.js — лучшая ленивая подгрузка
    
    
    • Typeahead.js, At.js, Auto.js — лучшие решение для автозаполнения.
    
    
    • Pace.js, Nanobar.js — лучшие прогрессбары.
    
    
    • Vex и Messenger — модальный окна и уведомления 21 века.
    
    
    • iCheck — кастомные кроссплатформенные радио и чекбокс кнопки для jQuery и Zepto
    
    
    • Tether — легко и просто привязываем друг к другу абсолютно позиционированные элементы
    
    
    • Dropzone, imagesLoaded
    
    
    • Flow.js — выжимает все соки из HTML5 File API
    
    
    • Keypress — лучшей обработчик событий с клавиатуры.
    
    
    • Hammer.js — лучший обработчик «трогательных» событий.
    
    
    • Draggabilly — тени-бросай библиотека на чистом JS.
    
    
    • Editr.js — HTML/CSS/JS песочника, на подобии CodePen, JSFiddle.
    
    
    • Drawingboard.js — простая в использовании Canvas рисовалка.
    
    
    • LaTeX2HTML5
    
    
    • simpleCart.js — скрипт корзины для интернет магазина.
    
    
    • Olly.js — переводит URL в Rich Media (подобно тегу video на хабре).
    
    
    • Leap.js — программируем веб для Leap Motion.
    
    
    • WinJS от Microsoft
    
    
    • Google Traceur Compiler — «JavaScript.next-to-JavaScript-of-today compiler»
    
    
    
    
    
  
  
  
  
  


• 
  

  CSS

  
  
  
  
  
  
  • Animate.css, Effeckt.css, Hover.css — потрясающие классы для CSS анимаций.
  
  
  • CSS Modal
  
  
  • Uikit, Topcoat, Flat UI — HTML фреймворки
  
  
  • RatchetRatchet, Clank, Ionic — мобильный HTML фреймворки
  
  
  • Ink — фреймворк для верстки электронных писем.
  
  
  • UCSS/Helium, CSS Raticinator и Shorthand — убираем лишние стили, рационализируем и преображаем CSS.
  
  
  • Rework — произвольный CSS препроцессор для Node.js и браузеров
  
  
  • RECESS — линтер/компилер для CSS и LESS от команды Twitter.
  
  
  
  
  

Задняя часть

• NodeJS
  
  
  
  
  • MEAN.js (Mongo, Express, Angular, Node)
  
  
  • KOAN Stack (Koa, Angular, Node, Mongo, WebSockets)
  
  
  • Mach.js — лучший путь для построения полностью асинхронного сервера.
  
  
  • LoopBack — лучшее из Express.
  
  
  • Gremlins.js — эмулирует случайные действия пользователя для обнаружения ошибок в интерфейсе.
  
  
  • Feathers
  
  
  • 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 — одна из лучших (если не лучшая) ORM для MongoDB
  
  
  • Sequelize — очень продуманная ORM для SQL-подобных СУБД
  
  
  • Sharp — самый быстрый npm модуль для изменения размеров JPEG, PNG, WebP и TIFF.
  
  
  • Grafana — графики и дашборды для самых ненасытных
  
  
  • CryptoJS — коллекция криптографических алгоритмов.
  
  
  • Epub.js
  
  
  • Videoconverter.js
  
  
  
  
  


• PHP
  

Системы управления контентом и генераторы статических сайтов

• Webhook (JavaScript)


• October (PHP & Laravel)


• Cockpit


• Witgy (Python)


• Keystone (JavaScript)


• Docpad (CoffeeScript)


• Metalsmith (JavaScript)


• Wintersmith (CoffeeScript)


• Cactus (Python & Django)


• Редакторы
  
  

  Приложения, сервисы, утилиты

  
  
  
  
  
  
  • Cloudconvert — онлайн конвертер, который поддерживает более 150 форматов.
  
  
  • Ungit — великолепное GUI для Git в вашем браузере.
  
  
  • OAuth.io — замечательный сервис посвященный OAuth авторизации.
  
  
  • Cleaver, Remark — слайдшоу для хакеров.
  
  
  • Автопрефиксер — забудьте о префиксах.
  
  
  • Kraken — сервис для оптимизации изображений.
  
  
  • Gitter — чат для гиков.
  
  
  • Node App — пишем iOS и OSX приложения на NodeJS.
  
  
  • BrowserSync и FB Flo — для автоперезагрузки браузера при изменении исходных файлов.
  
  
  • GitBook — утилита для создания документаций.
  
  
  • Grunt Email Design
  
  
  • Imacss — переводит все изображения в Data URI и меняет пути в исходных файлах.
    
  
  
  • JavaScript Code Style checker
  
  
  • Сборщики
    
  
  
  • Генераторы
    
  
  
  
  
  

Предлагаю всем дополнить эту подборку необходимыми инструментами на ваш взгляд. Пишите в комментариях.

Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите, пожалуйста, в личку.

Спасибо всем за внимание.

This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.