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

Серія Fresh Resouces for Web Developers має тривають близько 4 років, і підтримка цієї серії значною мірою дала мені уявлення про те, як веб просувається протягом багатьох років. Існує кожен місяць з'являються нові інструменти полегшити веб-розробку.

У цій партії ми зібрали ряд нових інструментів, які включають бібліотеки JavaScript, кілька бібліотек CSS і посилання покращити свою майстерність. Давайте перевіримо їх.

Натисніть "Більше ресурсів"

Знайдіть всю нашу колекцію рекомендованих ресурсів і найкращі доступні інструменти веб-дизайну та розробки.

Підпис

JavaScript є прийняття на робочий стіл для портативності на різних платформах, а також працює так само добре, як рідний додаток. Ця програма, Підпис, наприклад побудований на вершині Electron. Це просте додаток, за допомогою якого можна шукати файли субтитрів (.srt), щоб додати відео, яке ви переглядаєте.

Високий рівень командного рядка OSX

An величезний список корисних і зручних командних рядків для macOS. Тут ви можете знайти багато речей, які можна зробити через CLI, наприклад “очищення черги друку”, “в папці Finder”, і “запобігання сну системи”.

Тревор

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

Поступово

Приємний JavaScript завантажувати зображення поступово, звідси і назва. Невелике зображення буде відображатися та розмиватися, коли браузер завантажує повне зображення. Це допомагає завантажувати ваш сайт набагато швидше особливо якщо він містить великі зображення.

QartJS

Це JavaScript робить код QR менш нудним. Завдяки цьому ви можете накладати QR-код на зображення - наприклад, на фотографію.

WP Docker

WP Docker - це Docker середовище розроблено спеціально для розробки WordPress. Середовище є автономним і не впливає на вашу комп'ютерну систему, якщо ви налаштувалися. Це чудова альтернатива Vagrant, Valet, Local і MAMP.

Rellax

Rellax - це бібліотека JavaScript створити ефект паралакса на сторінці прокрутки. Він поставляється з декількома варіантами і відносно легко налаштувати. Він легкий, працює швидко, і не вимагає залежності, як jQuery отже, це чудова альтернатива іншим бібліотекам цієї категорії, наприклад Parallax.js або Scrollax.js.

Сформулювати

Ще одна цікава бібліотека JavaScript. Сформулює приносить синтетичний на свій веб-сайт. це є здатний розібрати і прочитати ваш сайт, в кінцевому підсумку може покращити доступність веб-сайту для користувачів з порушенням видимості.

MonetizeJS

MonetizeJS - це бібліотека JavaScript для легко впроваджувати смугу; так само просто, як за допомогою jQuery.

Vonic

Vonic - це колекція інтерфейсу користувача мобільний, побудований за допомогою Vue.js і Ionic CSS. Вона включає в себе безліч компонентів інтерфейсу користувача, які зазвичай зустрічаються в мобільному пристрої, включаючи Прапорець, форма пошуку, Swiper і так звана акордеон. Можна використовувати для створення додатка для мобільних програм прототип у браузері.

Бібліотека компонентів WordPress

10up, один з видатних імен у WordPress, випустив розроблену бібліотеку інтерфейсу спеціально для WordPress. На відміну від іншої бібліотеки інтерфейсу користувача, яка надає лише коди CSS і HTML, 10Up також надає фрагмент коду PHP, який можна просто вставити в тему. Компонент включає Навігація, вкладки, підказки, команди та Blogrol.

Ефективність запуску JavaScript

Чудовий і докладні статті від Адді Османі, один з інженерів Google, як писати JavaScript, який працює дуже швидко. Я закликаю вас прочитати його до підвищити рівень навички JavaScript.

KuteJS

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

PWA Rocks

Прогресивна веб-додаток (PWA) - це методологія дозволяє веб-сайту працювати швидко і корисно в автономному режимі. Цей список PWA Rocks перераховує той, який був схвалений Google як PWA. До Дізнайтеся більше про PWA від Google подивіться на: Прогресивні веб-програми.

Github Auto-updater

Github Auto-Updater є Бібліотека композиторів, яка дозволяє оновити плагін від Github. Це зручний скрипт для розробників для підтримки плагінів для своїх клієнтів без обов'язково завантажувати його до сховища Github.

Картка

Карта є бібліотекою JavaScript що робить введення кредитної картки більш привабливим і покращує роботу користувача під час введення номерів кредитних карт. Це добре працює з jQuery, React, Angular та Ember.

Graaf

Graaf надайте накладення над вашою сторінкою, щоб побачити, як викладена сітка - колонка, рядок, жолоб. Ви також можете створити власну специфікацію сітки за допомогою наданого API.

Luxbar

Luxbar - це CSS-фреймворк для легкого створення адаптивної навігації; просто додайте таблицю стилів і додайте HTML правильно. Цю бібліотеку можна інсталювати NPM, Bower або пов'язати таблицю стилів безпосередньо з CDN.

Контрастна сітка

Список таблиця показує колірний контраст і їх клас доступності на основі WCAG 2.0. Ви можете змінити значення таблиці та швидко визначити, чи відповідає комбінація кольорів стандарту WCAG.

ToneJS

ToneJS - це бібліотека JavaScript для створити тон або звук, які можуть схожі на музичний інструмент. Думаю, ця бібліотека стане в нагоді для побудови емулятора музичних інструментів у мережі або звукові ефекти гри.