15 August 2014

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

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

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


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


  • JavaScript

    • MVC/MVP

    • Адаптивная верстка

    • Эффекты

    • Графика и Моделирование
      • DC.js, Epoch.js, Chart.js и Vis.js — лучшие визуализаторы данных.
      • Three.js — библиотека для 3D моделирования.
      • PhysicsJS и Newton — функциональные физические движки.
      • Snap.svg и SVG.js — лучшие решения для работы с SVG.
      • randomColor.js — генератор случайных цветов.
      • Chroma.js — многофункциональная библиотека для работы с цветом.
      • Isomer.js, Obelisk.js — движки для создания изометрических объектов.
      • Drawingboard.js — простая в использовании Canvas рисовалка.

    • AJAX
      • Intercooler.js — декларативный метод использования AJAX
      • Echo.js и Infinity.js — лучшая ленивая подгрузка.
      • Lazy Ads — ленивая подгрузка для всех рекламных блоков.
      • loadCSS

    • UI/UX
      • InstantClick и FastClick.js — на 300мс ускоряют обработку всех кликов и прикосновений.
      • Favico.js — всевозможные манипуляции с отображением favicon
      • Typeahead.js, At.js, Auto.js — лучшие решение для автозаполнения.
      • Dropzone, imagesLoaded — динамичная загрузка файлов.
      • CLNDR.js, Pikaday.js, Rome.js — лучшие календари и датапикеры.
      • Picker.js — лучший colorpicker независимый от сторонник библиотек.
      • iCheck — кастомные кроссплатформенные радио и чекбокс кнопки для jQuery и Zepto
      • Pace.js, Nanobar.js — лучшие прогрессбары.
      • Vex — модальные окна 21 века.
      • Messenger и PNotify — лучшие уведомления.
      • Offline.js — автоматический online/offline индикатор.
      • Hopscotch, Shepherd и Intro.js
        — пошаговые инструкции к интерфейсу.
      • Editr.js — HTML/CSS/JS песочника, на подобии CodePen, JSFiddle.
      • simpleCart.js — скрипт корзины для интернет магазина.
      • SideComments.js — система комментарования как на Medium
      • Odyssey — интерактивные история с прявязкой к геолокации.
      • Ouibounce — модальные окна для ретаргентинга.
      • Spin.js — мощный генератор спинеров.
      • Shine.js — функциональный генератор теней.
      • Fort.js — прогресс бар для заполнения форм.

    • Разное
      • Фронт главного сайта The Guardian
      • Webshim — всем полифилам полифил
      • Knwl.js — находит в тексте даты, время, email'ы, ссылки, адреса и смайлы.
      • VerbalExpressions — беззаботные регулярные выражения.
      • HTML.js — интересные синтаксис для работы c DOM.
      • Moment.js — все что нужно для работый с датой.
      • Numeral.js — библиотека для форматирования и манипулирования с числами.
      • HTML2PDF, jsPDF — генераторы PDF.
      • Math.js и Sylvester — для более функциональной математики в JavaScript.
      • Storage — Asynchronous browser storage with multiple back-ends (IndexedDB, WebSQL, localStorage).
      • Crossfilter — Fast n-dimensional filtering and grouping of records. от Square
      • Jest — Painless JavaScript Unit Testing от Facebook.
      • Retext — библиотека для работы с морфологией.
      • Smallworld.js — генератор карт на GeoJSON и HTML5 Canvas.
      • Lunr.js — полноценный поиск на стороне клиента.
      • Fast.js — коллекция наиболее используемых функций в JavaScript.
      • Tether — легко и просто привязываем друг к другу абсолютно позиционированные элементы
      • Flow.js — выжимает все соки из HTML5 File API
      • Keypress — лучший обработчик событий с клавиатуры.
      • Hammer.js — лучший обработчик «трогательных» событий.
      • Draggabilly — тяни-бросай библиотека на чистом JS.
      • LaTeX2HTML5
      • Conditioner.js — построен на RequireJS и выполняет JavaScript только в случае соблюдения заданных условий.
      • Browserify — JavaScript модули по принципу Node.js в браузере.
      • Basket.js — аналог RequireJS с сохранием в localStorage.
      • Olly.js — переводит URL в Rich Media (подобно тегу video на хабре).
      • Detect.js — определяет все, что только может определить JavaScript о браузере.
      • WinJS от Microsoft
      • Storage.jslocalForage
      • Blast.js — для различных манипуляций с текстом.
      • Tracking.js — набор алгоритмов техник компьютерного зрения.
      • VIDE.js — легко способ сделать видео-фон.
      • PrettyEmbed.js — заставляет видео-вставки выглядеть лучше.
      • URI.js — единственный правильный выбор для работы с URL.
      • DOMPurify — «дезинфицирует и препятствует XSS».
      • Leap.js и Depth.js — программируем веб для Leap Motion и Kinect.
      • Tessel — микроконтроллер программируемый на JavaScript.
      • Immutable.js — Immutable Data Collections от Facebook.
      • Idiomatic.js, Airbnb JavaScript — руководоства по стилю кода.
      • JS Must Watch — «Живой список» лучших видео с лекций и конференций по JavaScript.
      • Superhero — кладезь полезнейшей информации для JavaScript разработчиков.
      • JSNice — умный и обучаемы деобфускатор для JavaScript.
      • HTMLHint — анализирует ошибки в HTML.
      • Google Traceur Compiler — «JavaScript.next-to-JavaScript-of-today compiler».


  • HTML/CSS

    • Animate.css, Effeckt.css, Hover.css — коллекции потрясающих CSS анимаций.
    • Stroll — шедевральные эффекты при скролинге.
    • Loading и CSS Loaders — лучшие CSS прелоудеры.
    • Hint.css — красивые всплывающие подсказки на чистом CSS.
    • LESSHAT — пожалуй самая полезная коллекция миксинов для LESS.
    • CSS Modal — самые простоые модальный окна.
    • Web Starter Kit, Pure, Uikit, Topcoat, Inuit, Flat UI — HTML фреймворки.
    • Ratchet, Clank, Ionic — мобильные HTML фреймворки.
    • Ink — CSSфреймворк для верстки электронных писем.
    • Refills — «расфасованные» паттерны, копоненты, миксины и все самое лучшее из Bourbon, Bitters и Neat.
    • Jeet — сетки для людей.
    • UCSS/Helium, CSS Raticinator и Shorthand — убираем лишние стили, рационализируем и преображаем CSS.
    • Rework — произвольный CSS препроцессор для Node.js и браузеров
    • RECESS — линтер/компилер для CSS и LESS от команды Twitter.
    • Idiomatic.css — руководство по стилю кода.
    • The Elements of HTML — для тех кто чтит семантику.
    • Custom Elements и Component Kitchen


Задняя часть


  • NodeJS


  • PHP

    • Laravel
    • Zephir — Ze(nd Engine) Ph(p) I(nt)r(mediate)
    • Stringy — функциональная библиотека для работы со строками.
    • Flysystem — инструмент для работы с локальным и удаленными файлами.
    • PHP-DI — dependency injection container for humans
    • Purl — популярная библиотека для работы с URL.
    • Phake — Mocking Framework.
    • Elastica — клиент для Elasticsearch.
    • Monolog — самая популярная библиотека для логирования.
    • Buzz — HTTP клиент.
    • PHPMorphy — библиотека для работы с морфологией русского, немецкого и английского языков.
    • Parsedown — лучший Markdown парсер на PHP
    • Ampache — веб-приложение для аудио и видео стриминга
    • Типограф Муравьева
    • PHPCI — continuous integration tool.
    • Linuxdash — веб-панель для мониторинга на Linux.
    • VerbalExpressions — беззаботные регулярные выражения.

  • Python

    • HTTPie — command line HTTP client.
    • Videogrep — поиск диалогов в видео.
    • Inbox — «The next-generation email platform» на Python.
    • Mailur — email клиент.
    • Arrow — библиотека для работы с датой и временем.
    • Sympy — computer algebra system written
    • PSDash — Linux web dashboard.
    • Py Must Watch — «Живой список» лучших видео с лекций и конференций по Python.
    • VerbalExpressions — беззаботные регулярные выражения.

  • Ruby

    • Whenever — Cron jobs in Ruby.
    • PEAS — Docker and Ruby based PaaS.
    • Minicron — система управления и мониторинга Cron Jobs
    • Lotus — «полноценный веб-фреймворк для Ruby».
    • PgHero — database insights made eas
    • PSD.rb — библиотека для работы с .PSD файлами
    • Onebody — церковная социальная сеть.
    • VerbalExpressions — беззаботные регулярные выражения.

  • Go

    • Martini — «Classy web framework for Go».
    • Godropbox — комплект библиотек для веб-приложений от Dropbox.
    • Goji — минималистчный веб-фреймворк.
    • Go-underscore — набор наиболее востребованных функций.
    • Beego — фреймворк для высокопроизводительных приложений.
    • Gollum — система Wiki построенная на работы с Git.
    • Gogs — ваш собственный Git сервис.
    • Drone — CI платформа на основе Docker.



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




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




GUI для сайтостроительства




Напоследок:



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

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

Спасибо всем за внимание.
Only registered users can participate in poll. Log in, please.
На каком языке вы программируете?
69.4% JavaScript 1365
10.02% Ruby 197
49.67% PHP 977
18.15% Python 357
1.37% Perl 27
2.8% Go 55
7.12% CoffeeScript 140
1.88% TypeScript 37
0.71% Dart 14
0.46% LiveScript 9
13.93% JAVA 274
4.93% ASP 97
16.32% Другие 321
1967 users voted. 280 users abstained.
Only registered users can participate in poll. Log in, please.
Какой JavaScript MVC фреймворк вы используете?
5.6% Ember 43
27.34% Backbone 210
63.15% Angular 485
2.08% Матрешка 16
0.39% Riot 3
0.26% Mithril 2
0% Ripple 0
0.26% PourOver 2
0.91% ExtJS 7
768 users voted. 959 users abstained.
Only registered users can participate in poll. Log in, please.
Какой PHP фреймворк вы используете?
8.29% Zend Framework 88
0.85% CakePHP 9
6.12% CodeIgnitor 65
2.35% Kohana 25
9.23% Symfony 98
24.76% Yii 263
10.83% Laravel 115
2.54% Phalcon 27
35.03% Не использую фреймворки 372
1062 users voted. 724 users abstained.
Only registered users can participate in poll. Log in, please.
В каком редакторе вы работаете?
32.98% Sublime Text 589
3.08% Eclipse 55
40.54% Продукты JetBrains 724
10.69% NotePad++ 191
6.77% NetBeans 121
1.34% Atom от GitHub 24
2.35% Brackets от Adobe 42
0.11% LightTable 2
0.06% Lime 1
0.17% Zed 3
1.9% Vim 34
1786 users voted. 351 user abstained.
Only registered users can participate in poll. Log in, please.
Выберите один правильный ответ:
84.51% Git 1468
8.69% Mercurial 151
6.79% Subversion 118
1737 users voted. 327 users abstained.
Only registered users can participate in poll. Log in, please.
Каким вы пользуетесь препроцессором?
24.39% LESS 380
24.07% SCSS/SASS 375
0.26% Rework 4
0.19% Myth 3
49.74% Не использую препроцессоры 775
1.35% Stulys 21
1558 users voted. 406 users abstained.
Only registered users can participate in poll. Log in, please.
Какой вы предпочитаете HTML фреймворк?
65.27% Bootstap 1062
4.86% Foundation 79
0.25% Topcoat 4
0.49% Skeleton 8
0.37% Ionic 6
0.18% Ratchet 3
0.06% Clank 1
28.52% Не использую 464
1627 users voted. 393 users abstained.
Only registered users can participate in poll. Log in, please.
Стоят ли на ваших проектах кнопки социальных сетей?
41.74% Нативные 402
17.34% Яндекс Блок поделиться 167
6.33% AddThis 61
3.43% Share42 33
6.65% Pluso 64
1.14% UpToLike 11
23.36% Другие 225
963 users voted. 851 user abstained.
Tags:интересности&полезности
Hubs: Website development JavaScript
+61
64.3k 909
Comments 44
Popular right now