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

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

У сьогоднішньому пості у мене є поєднання інструментів з каркасу JavaScript, інструментів тестування, і декількох для розробки сайтів WordPress. Давайте перевіримо їх.

Kutt

An додаток, що скорочує URL-адреси з вашим власним доменним ім'ям. Він побудований на найсучасніших стеках, таких як Node.js, React і Redux з кількома функції, які вбудовані, включаючи URL, захищений паролем, RESTful API, та детальна статистика для відстеження ваших URL-адрес. Найкраще - це безкоштовно, і ви можете розмістити його на своєму сервері.

WordHat

WordHat - це інструмент для інтеграції Behat до WordPress. Behat є відкритим вихідним кодом для розробки (BDD) для PHP, де ви можете перевірити свій PHP-додаток більш виразно..

Ви знайдете цей інструмент надзвичайно корисним, оскільки ваша тема WordPress і плагін ускладнюються функціями; WordHat та Behat гарантують, що ваша тема або плагін поводиться так, як очікується коли користувач взаємодіє з ним.

WP Browser

Подібно до WordHat, WP-Browser є розширенням Codeception спеціально розроблені для додатків WordPress, тем і плагінів. Кодування є інструментом для виконання тестування на вашому додатку, подібно до PHPUnit і Behat, але в комплекті є більше. У цьому, ви можете зробити Тестування браузера, BDD, тестування інтеграції одиниць і тестування API.

Node WP Інтернаціоналізація

Назва говорить сама за себе. Це модуль NodeJS для автоматизації багатьох речей для інтернаціоналізації ваших тем або плагінів. Встановіть модуль і тип wpi18n makepot для створення файлу POT з перекладеного тексту в плагінах або темах WordPress.

Дякую

Ще один модуль NodeJS, який нещодавно працює на Github. “Дякую” волі генерувати список підтримуючих пакетів, що використовуються у вашому проекті з відкритим кодом і зв'язати його зі своєю пожертвою або сторінкою OpenCollective як знак вдячності за їх внесок у спільноту.

Створити блок Guten

Гутенберг чути і буде поставлятися з WordPress 5.0. Це є Модуль NPM для створення блоку розробки блоку Гутенберга з сучасними стеками, такими як React, Webpack, Babel і Sass. Просто запустіть командний рядок ,create-guten-block, і ви все готові.

WP Vue

WP Vue - це Шаблон з Vue для відображення повідомлень WordPress. Цей шаблон є чудовою відправною точкою, якщо ви хочете зробити свій сайт WordPress безголовий. Подивіться, як він працює на демонстраційній сторінці. Змініть URL-адресу кінцевої точки URL-адреси WP-API з будь-якого сайту WordPress; воно автоматично повторює посади з новими URL-адресами кінцевої точки.

Стимул

A новий фреймворк JavaScript від Basecamp. На відміну від React або Vue, це не змушує вас писати всю програму за допомогою JavaScript або додавати синтетичні атрибути.

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

Манта

A безкоштовне додаток для створення та керування рахунками-фактурами. Можна додати нотатку, встановити валюту, застосувати знижку, додати список клієнтів або клієнтів, додайте свій логотип, створіть шаблон рахунка-фактури та завантажте його у форматі PDF. Він доступний для MacOS, Windows і Linux. Якщо ви є фрілансером, це може бути рахунок, який ви шукали, щоб запустити свій бізнес-фріланс.

Реагуйте статично

Як випливає з назви, це інструмент, який дозволяє генерувати статичний сайт за допомогою React. Він поставляється в комплекті з усіма попередньо налаштованими інструментами, тому ви можете розпочати роботу над створенням вмісту для Інтернету. І, будучи статичним сайтом, ви можете розміщення сайту навіть на хостингу з низькими ресурсами.

Piklist

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

Strapi

A Зміст агронітної CMS-фреймворка для побудови змісту API. Вона дозволяє створювати власну структуру вмісту та API, а також надає прекрасну панель адміністрування для керування ними. Однак вона не забезпечує вбудовану систему шаблонів. Це пропонує вибрати будь-яку бібліотеку інтерфейсу, яку ви бажаєте такі як React або Vue.

ParcelJS

ParcelJS - це bundler подібно до Webpack і Browserify, за винятком того, що це швидше і вимагає нульової конфігурації. Це підтримує спільний розробник для розробки HTML, JS, CSS і трансформаторів такі як PostCSS і Babel з-xbox. Таким чином, ви можете просто зосередитися на коді, а не витрачати час на конфігурацію.

GoodShare

Бібліотека JavaScript для показати кнопку "Соціальні медіа" з підрахунком частки для декількох соціальних медіа. Він підтримує багато соціальних медіа, включаючи ті, про які ви ніколи не чули, як Vkontakte, Odnoklassniki, SurfingBird, а також кілька платформ, таких як Skype, WhatsApp і LINE. GoodShare також доступний як компонент Vue.

CopyChar

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

Nerv

Nerv - інша реактивна бібліотека VirtualDOM; альтернатива ReactJS. Це приносить знайомий синтаксис JSX React, але з невеликими помітними відмінностями. Nerv підтримує Internet Explorer 8! і це лише одна третина розміру React. Ще, Nerv сумісний з надбудовами React, які є найбільш складними.

HyperappJS

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

VulcanJS

Вулкан є Стек інструментів для створення сучасних веб-додатків. Вона поєднується з React, GraphQL і Meteor, попередньо налаштованими. Оскільки це повноцінний фреймворк, який надає цілий спектр допоміжних компонентів тонко налаштований на зворотний кінець і інтерфейс, все просто працює поза коробкою. Таким чином ви можете швидко і швидко запустити програму.

Koa11y

Настільне додаток для Windows, MacOS і Linux для вивчення проблем доступності на веб-сайті. Koa11y надаватиме повідомлення та попередження, чи порушує ваш веб-сайт стандарти доступності.

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

TablePlus

А дійсно приємний графічний додаток для керування базою даних. TablePlus підтримує широкий спектр двигунів баз даних, включаючи (звичайно) MySQL, SQLite, Redis, Postgres, MS SQL і багато іншого. TablePlus доступний для MacOS і Windows.