Несколько интересностей и полезностей для веб-разработчика #44

Опубликовано автором

Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

ExpandJS


Огромный проект, где спецификация веб-компонентов используется на полную катушку. ExpandJS это набор из более чем 80 компонентов и более 350 различных функций для работы с ними. И все это доступно как каркас, но так же и в трендовом Material Design стиле. 

<!-- Import elements --> <link rel="import" href="../mat-content.html"> <link rel="import" href="../mat-drawer.html"> <link rel="import" href="../mat-header-panel.html"> <link rel="import" href="../mat-shell.html">  <!-- Application scaffold --> <mat-shell theme="...">      <mat-drawer>...</mat-drawer>      <mat-header-panel>         <mat-header>...</mat-header>         <mat-content>...</mat-content>     </mat-header-panel>      <mat-drawer right>...</mat-drawer>  </mat-shell>

Globalize

Хочется сразу подчеркнуть, что это проект от команды jQuery, предназначенный для интернационализации и локализации ваших проектов. С помощью данной библиотеки форматировать и парсить даты, валюты и непосредственно сам контент станет значительно удобнее. Все данные предоставляются в формате Unicode CLDR JSON. А написанный код будет модульным, отдельным от i18n.

.dateParser({ skeleton: "GyMMMd" })( "Nov 30, 2010 AD" ) // > new Date( 2010, 10, 30, 0, 0, 0 )  .messageFormatter( "like" )( 3 ) // > "You and 2 others liked this"  .numberFormatter({ minimumFractionDigits: 2 })( 10000 ) // > "10,000.00"  .currencyFormatter( "USD", { style: "code" })( 69900 ) // > "69,900.00 USD"

Vault


Vault — это очень крутая штука на Go, которая позволяет хранить и управлять (лизинг, обновление, деактивация) паролями, токенами, сертификатами, API и прочими секретами. Еще очень здорово, что разработчики создали простой и понятный интерактивный курс обучения по работе с Vault. Проект собрал более 2000 звезд на GitHub.

Clusterize.js

Библиотека для грамотного рендеринга огромного количества данных. При необходимости отобразить таблицу с несколькими сотнями тысяч строчек вас будет ожидать проблема подвисания браузера. Clusterize.js полностью ее решает, за счет разбиения элементов на кластеры, которые показываются на определенной позиции скроллинга и создания искусственных отступов сверху и снизу. Ограничения: 

    var data = [‘…‘, ‘…‘, …];     var clusterize = new Clusterize({     rows: data,     scrollId: ‘scrollArea’,     contentId: ‘contentArea’     });

oriDomi


Потрясающая независимая JavaScript библиотека, которая превращает любой элемент или изображение в лист бумаги, который можно складывать и по-разному отображать в перспективе со множеством различных вариаций. «The web is flat, but now you can fold it up».

var folded = new OriDomi('.paper', {   vPanels:         5,     // number of panels when folding left or right (vertically oriented)   hPanels:         3,     // number of panels when folding top or bottom   speed:           1200,  // folding duration in ms   ripple:          2,     // backwards ripple effect when animating   shadingIntesity: .5,    // lessen the shading effect   perspective:     800,   // smaller values exaggerate 3D distortion   maxAngle:        40,    // keep the user's folds within a range of -40 to 40 degrees   shading:         'soft' // change the shading type });

Кстати, еще на всякий пожарный случай упомяну Paperfold.

Западные мысли или что стоило бы перевести на Хабре:

Говорят и показывают отечественные ИТ ресурсы:

Напоследок:

  • HTML/CSS
  • JavaScript
    • Webpack — функциональная утилита для сборки бандлов и оптимизации модулей.
    • Vorlon.js — открытая платформа для тестирования JavaScript от Microsoft.
    • Vibrant.js — определяет основные цветы на изображениях по принципам колоризации.
    • basicContext.js — помогает создавать контекстные меню.
    • Sprint — как jQuery или Zepto, только еще быстрее и для более современных браузеров.
    • PreViewTube.js — jQuery плагин для созданию анимированных превью для Youtube.
    • Jsblocks — Better MV-ish Framework.
    • Foam — Feature-Oriented Active Modeller.
    • Mesh.js — common, streamable interface for synchronizing data.
    • Maple.js — реакто-веб-компонентно ориентированный фреймворк.
    • web-bundle — пакует бинарные файлы в PNG изображение.
  • PHP
    • Whoops — качественная коллекция страниц ошибок и необработанных исключений.
    • Sami — генератор документации к API.
    • csv — великолепная библиотека для импорта/экспорта CSV данных.
    • mu — достаточно умный микрофреймворк.
    • PHPBench — удобная библиотека для бенчмарков.
    • php-meminfo — предоставляет информацию об использовании памяти в PHP.
    • Slacker — консольный клиент Slack.
  • Python
    • Taiga Back — функциональный инструмент для управления проектами.
    • Rodeo — data science web IDE.
    • Keras — Theano-based Deep Learning library.
  • Ruby
  • Go
    • Boom — HTTP(S) load generator, ApacheBench (ab) replacement.
    • Scrape — достаточно удобный парсер веб-страниц.
    • Wego — погода в вашем терминале.
  • Разное

За помощь в подготовке материала выражаю огромную благодарность Александру Маслову drakmail.

Друзья бэкендеры! Я думаю всем известно, что свои подборки я делаю полностью на альтруизме. Я всегда прошаривал кучу сайтов, чтобы мне всегда было удобно работать. А в один момент я решил делиться найденным материалом. Со временем подборки обрели некую популярность и значительно расширились в плане содержания. Отныне я буду четко структурировать блок «Напоследок», дабы людям не приходилось искать нужное. Для того чтобы разделы не были голыми и всегда наполнялись актуальной информацией, мне требуется ваша помощь. И проблема не только во времени, но и в компетенции. В плане бэкенда я скорее теоретик, чем практик.

Пхпшник, рубист, питонист, гоущик, если ты уже мониторишь GitHub Trending, Reddit, HackerNews или Twitter в поисках интересностей и полезностей по своей теме, если найденное определенно имеет ценность, но не заслуживает внимание целого поста, если тебе не трудно раз в неделю/в две недели в зависимости от материала делиться парой килобайт ссылочной массы, то напиши мне в личку или любую соц. сеть из профиля. Писанина в основной раздел по желанию. Имя или контакты волонтеров в каждом посту обязательно будут указаны.

                                                         Предыдущая подборка (Выпуск 43)

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

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

Понравилась ли Вам подборка?

Проголосовал 1 человек. Воздержавшихся нет.

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

ссылка на оригинал статьи http://habrahabr.ru/post/258977/

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *