Свіжі ресурси для веб-дизайнерів і розробників (квітень 2018)

Цей місяць ми побачили нечисленні оголошення з помітних назв у tech. Наприклад, компанія Apple відкрила нову систему баз даних, Google випустив новий інструмент для вимірювання швидкості веб-сайту на мобільних пристроях, а Github - з безкоштовним курсом для початку роботи з Git, Github і кодування в цілому.

Також, в сьогоднішньому пості, я теж функціонує ряд нових інструментів, які наразі зростають. Давайте перейдемо до того, що ми маємо більше у списку.

VuePress

Новий інструмент від творця Vue, VuePress - це статичний генератор сайту розроблений з урахуванням Vue.js. Він генерує і попередньо видає статичний HTML для кожної сторінки, і запускається як SPA (односторінкове додаток). Вона містить деякі функції, що містять коробку, включаючи можливість додавати ідентифікатор Google Analytics, пошук, наступну й попередню навігацію, бічну панель і PWA.

IMG-2

Бібліотека JavaScript, яка вводить a користувальницький елемент, img-2. Новий елемент додає ряд оптимізацій, які не мають стандарт img елемент, покращення способу завантаження зображення для користувачів. За допомогою спеціального елемента зображення буде попередньо кешоване, це також ледачий навантаження Зображення та подача будуть з кешу лише в тому випадку, коли зображення надходять у вікно перегляду користувача. Перевірте демо.

Таблер

Елегантна панель приладів / адміністратора на основі Bootstrap 4. Інформаційна панель містить попередньо зроблені компоненти, такі як Графіки, Форми, Галереї, Таблиця ціноутворення та приємний колекція користувальницьких іконок. Відмінна відправна точка для швидкого створення розробниками панелі адміністратора. Перевірте демо!

DayJS

DayJS Бібліотека JavaScript для форматування дат і часу. Більш того, DayJS має подібні API для Moment.js, але це просто вага 2Kb. Враховуючи це, це може бути чудова альтернатива Moment.js, якщо ви хочете, щоб бібліотека була легшою, але все одно знайомі з тим, що ви вже знаєте.

UnifiedArchive

Бібліотека PHP для роботи зі стиснутими файлами, UnifiedArchive підтримує широкий спектр форматів, включаючи RAR, Zip, Gzip, Tar, і багато інших типів стиснення. За допомогою цієї бібліотеки можна архівувати та видобувати файли або каталоги. Він надає a декілька API для керування файлами після вилучення з архіву. UnifiedArchive доступний як пакет композитора.

Навчальна лабораторія Github

Github тільки що оголосив безкоштовний курс, що охоплює в основному Git в Github. На даний момент є 5 курсів, де можна дізнатися кілька зручних речей, таких як як використовувати Github для розміщення кодів, як використовувати сторінки Github отримати безкоштовний сайт або блог для вашого проекту, а також керувати конфліктами злиття, які часто трапляються, коли ви працюєте з багатьма розробниками проекту.

WordPress UnitTest DOM Parser

Приємний відгук від Takayuki Miyauchi на тестування DOMElement при виконанні UnitTest в додатках WordPress. Я особисто знайшов це дійсно корисним; сподіваюся, ви знайдете те ж саме.

Popmotion

Бібліотека JavaScript для масляної гладкої анімації в Інтернеті, “Popmotion” надає API, який називається фізикою, що дозволяє створювати з майже реальними анімаційними ефектами. Це непідтримка; бібліотека просто виводить значення на основі конкретного набору конфігурації. Це дозволяє застосовувати ці виходи для анімації будь-якого середовища, включаючи CSS, SVG, Three.js і навіть React.js.

Driver.js

Бібліотека JavaScript, що дозволяє “диск” фокусування користувача на сторінці. Це особливо корисно, якщо ви бажаєте запровадити певні функції або спрямувати їх на певні завдання на сторінці. Driver.js - це просто Розмір 4 Кб, що налаштовується і зручна для клавіатури.

Замініть анімований GIF на відео

GIF є скрізь, після того, як він повернувся. Але проблема в GIF полягає в тому, що вона зазвичай дуже велика. Це марна трата пропускної здатності, однак якість графіки часто страшна. Це Керівництво від Google показує, як “Відео” може замінити GIF для показу анімаційної графіки.

Маска тексту

Бібліотека JavaScript для перетворити текст, який вимагає спеціального форматування номер телефону, валюту або номер кредитної картки. Коли користувач вводить текст, його буде автоматично перетворено у відповідне форматування, що поліпшить роботу користувача. TextMask можна використовувати з React, Vue або просто старим JavaScript.

Порівняйте швидкість мобільного сайту

Це ще один зручний інструмент від Google. Цей інструмент дозволить вам це зробити перевіряйте швидкість вашого веб-сайту під час завантаження з мобільного пристрою оцінити загальну втрату доходу, якщо веб-сайт завантажується повільно. Ти можеш виберіть країну та швидкість на яку буде перевірено ваш веб-сайт.

VueNut

Компанія-розробник при створенні веб-додатків з Vue.js і Vuex, VueNut робить це простіше досліджувати стан даних, що зберігаються і дозволяє легко маніпулювати даними під час розробки. Прохолодний матеріал!

FoundationDB

Нещодавно Apple зробила FoundationDB відкритим вихідним кодом у Github. Це система баз даних ключ-значення що обіцяє масштабованість і продуктивність. Приємно, що великі технологічні компанії починають присвячувати свої продукти відкритому коду.

StoryBooks

StoryBooks - це інструмент для побудувати компонент React в ізоляції. Він надає інтерфейс користувача в браузері, що дозволяє переглядати різні стани кожного компонента, а також випробування компонентів.

GhostText

Розширення браузера, яке буде синхронізуйте те, що ви пишете в браузері, до вашого текстового редактора або навпаки. Я знайшов це в кінцевому підсумку корисним, якщо ви хочете мати можливість писати на сайті з зручністю та можливостями редактора коду. GhostText доступний для Chrome, Firefox і Opera.

Коала

Коала є CLI надає інтерфейс для кодування та фіксації коду незалежно від використовуваних мов. Ви можете використовувати Coala в редакторі коду, інтегрувати його з CI (безперервна інтеграція) і налаштувати його за допомогою синтаксису конфігурації в .coafile. Coala підтримує багато мов, таких як CSS, JavaScript, PHP, і ви можете знайти більше в цьому каталозі.

ReactStrap

ReactStrap - це набір компонентів Bootstrap 4, перетворених у багаторазові компоненти React. Якщо ви хочете модернізувати свій старий веб-сайт на основі Bootstrap, цю бібліотеку ви можете розглянути.

Reacto

Іншим інструментом, що стосується React, є Reacto IDE побудована на базі Electron і призначена для розробки веб-додатків з ReactJS. Це виглядає дуже зручно, якщо ваш первинний розвиток обертається навколо ReactJS.

PicoJS

Бібліотека JavaScript, яка дозволяє розпізнавати обличчя. Він працює з фотографією або з вбудованої камери. Це дійсно захоплююче, як веб-технології розвивається протягом останніх кількох років.