Доброго времени суток, уважаемые читатели. Сегодня я хочу поделиться с вами одним небольшим событием — ровно год назад, 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»
- MVC/MVP
-
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
- Zephir — Ze(nd Engine) Ph(p) I(nt)r(mediate)
- Stringy — функциональная библиотека для работы со строками.
- Flysystem — инструмент для работы с локальным и удаленными файлам.
- Parsedown — лучший Markdown парсер на PHP
- Ampache — веб-приложение для аудио и видео стриминга
- Типограф Муравьева
Системы управления контентом и генераторы статических сайтов
- 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
- Сборщики
- Генераторы
Предлагаю всем дополнить эту подборку необходимыми инструментами на ваш взгляд. Пишите в комментариях.
Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите, пожалуйста, в личку.
Спасибо всем за внимание.
Автор: ilusha_sergeevich