Giters

elzaresen / best-of-awesomeness-and-usefulness-for-webdev

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

Home Page:http://ipestov.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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

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

  • JavaScript
    • MVC/MVP
    • Адаптивная верстка
    • Эффекты
    • Графика и Моделирование
      • DC.js, Epoch.js, Chart.js и Vis.js - лучшие визуализаторы данных.
      • Three.js - библиотека для 3D моделирования.
      • PhysicsJS и Newton - функциональные физические движки.
        • P5.js — процессинговая библиотека для рисования.
      • 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 для сайтостроительства

Напоследок:

About

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

http://ipestov.com/