Кілька цікавинок і корисностей для веб-розробника #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 type shading
});


До речі, ще на всякий пожежний випадок згадаю 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)

Приношу вибачення за можливі помилки. Якщо ви помітили проблему — напишіть, будь ласка, в приват.

Спасибі всім за увагу.

Сподобалася Вам добірка?

/>
/>


<input type=«radio» id=«vv67021»
class=«radio js-field-data»
name=«variant[]»
value=«67021» />
Так
<input type=«radio» id=«vv67023»
class=«radio js-field-data»
name=«variant[]»
value=«67023» />
Немає

Проголосував 21 людина. Утрималося 4 людини.


Тільки зареєстровані користувачі можуть брати участь в опитуванні. Увійдіть, будь ласка.


Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.