Pull to refresh

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

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

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)

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

Спасибо всем за внимание.
Only registered users can participate in poll. Log in, please.
Понравилась ли Вам подборка?
94.95% Да 489
5.05% Нет 26
515 users voted. 59 users abstained.
Tags:
Hubs:
If this publication inspired you and you want to support the author, do not hesitate to click on the button
+41
Comments 6
Comments Comments 6

Articles