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

“CMS без голови” приділяє багато уваги в ці дні. Коротко, “CMS без голови” не має справу з інтерфейсом; тільки CMS надає вміст зазвичай у вигляді RESTful API поки розробники можуть використовувати те, що вони віддають перевагу, щоб відтворити вміст. Зі зростанням популярності цієї практики, з'являються нові рамки для швидкого налаштування та роботи.

Таким чином, у цьому раунді, я зібрав кілька цих рамок разом з деякими іншими корисними інструментами, які варто перевірити.

WP Starter без голови

Це тематика для початківців WordPress, але на відміну від інших, ця стартова тема використовує WP-API, щоб отримати вміст, а потім зробити його в статичний HTML використовуючи Node і React, створюючи свій веб-сайт “безголовий”.

VueStoreFront

VueStoreFront - це ще одне “CMS без голови” рамки. Побудований на вершині Vue.js і Node, VueStoreFront і призначений для платформ електронної комерції, таких як Magento, Prestashop і Shopware через API. Вона також включає підхід PWA, який дозволяє користуватися сайтом в автономному режимі.

GatsbyJS

Гетсбі - це сайт статичного генератора з React.js. Ви можете використовувати CMS з API, наприклад WordPress, Markdown, JSON, щоб подавати вміст. Подібним чином він використовує такі сучасні технології Node, PWA і React дозволяють завантажувати неймовірно швидко.

DustPress

DustPress - це WordPress тема для початківців з сучасним підходом розвитку. Використовуючи мову шаблону Dust.js, DustPress відокремлює макет шаблону HTML від логіки PHP, що дозволяє розробникам створювати набагато чистіший код. Це також робить розвиток швидше, більш ремонтопридатний і надає темі організовану структуру.

Іконки VSCode

Код Visual Studio швидко став одним з найпопулярніших редакторів коду. це є Легкий, має багато плагінів, і тепер у нього є вибір різних ікон. Якщо ви вважаєте, що код Visual Studio Code за умовчанням нудний, перейдіть до будь-якої з цих піктограм.

TailWindCSS

TailWindCSS - це інший фреймворк CSS. Але вона відрізняється від популярної CSS-фреймворку типу Bootstrap і Foundation таким чином, що вона не надає компонентів інтерфейсу користувача. Замість цього, TailWindCSS поставляється з невеликими частинами класів CSS, що дозволяє створювати власний інтерфейс користувача.

Traefik

Я експериментував з Docker і дивувався, як прокласти доменне ім'я на кілька різних контейнерів на одній машині. Тоді я знайшов Трафіка, a сучасний HTTP зворотний проксі і балансування навантаження. Крім Docker, він також підтримує інші послуги, такі як Kubernetes, Rancher і Amazon Elastic Container.

CubeUI

Побудований поверх Vue.js, CubeUI - це фантастичний компонент інтерфейсу для створення мобільних додатків. Складається з великою кількістю компонентів, таких як кнопки, спливаючі вікна, TimePicker, Slide і Checkbox. Кожен компонент наділений TestUnit, що забезпечує безперервну інтеграцію, а також мінімізація помилок на кожному компоненті.

Повітря

Повітря мінімальна тема для запуску WordPress. Розширюючи _s, Air додає деякі додаткові компоненти, такі як Слайди, липкі навігаційні панелі та готові WooCommerce.

EmptyStates

EmptyStates - це a колекція порожніх державних сторінок в Інтернеті та мобільних програмах для натхнення. Сторінка порожнього стану - це така сторінка, яку часто пропускають.

Дизайн ярлика

Цей веб-сайт надає a набір ярликів популярних додатків та інструменти, що використовуються розробниками та дизайнерами. Тут ви знайдете ярлики для Sketch, Photoshop, InDesign, Sublime Text, WordPress та багатьох інших. The Список наразі містить лише ярлики для macOS, але було б здорово побачити ярлики Windows, які також можна додати.

Uppy

Uppy - це Рамки JavaScript для створення інтерфейсу завантаження файлів. За допомогою Uppy ви можете отримувати файли не тільки з локальних дисків, але й із зовнішніх служб зберігання, таких як Google Drive, Dropbox, Instagram та інші служби. Його легкий, модульний і розширений за допомогою спеціальних плагінів.

VuetifyJS

VuetifyJS - це ініціатива Джона Лейдера Створити Матеріал Дизайн навколо Vue.js. Google має подібну ініціативу з MDL або Material Design Lite, але, здається, він не отримує достатньої тяги в спільноті та розвиток, здається, просувається дуже повільно за останні пару місяців. Тому, якщо ви шукаєте альтернативу, VuetifyJS може бути правильним вибором.

WP ULike

WP Ulike - це Додаток WordPress “Люблю” до вашого вмісту чи у вбудованому типі пост WordPress, типи користувальницьких повідомлень і bbPress, а також BuddyPress. Він також поставляється з деякими іншими цікавими функціями, такими Система сповіщень, Analytics і віджети що робить його одним з найбільш переконливих “Люблю” система для вашого сайту WordPress.

Ві

Vee Validate - це бібліотека JavaScript для додати поле вводу з вбудованою перевіркою. Він підтримує багато типів входів, таких як електронна пошта, номер, дати, URL, IP-адреса і т.д..

Таблиці даних Vue

Інший зручний плагін Vue.js. VueDataTables - це простий плагін для створення настроюється і таблиця з Vue.js. Плагін побудований з урахуванням масштабу, що він може бездоганно відтворювати масивні дані на столі. Він також поставляється з Деякі додаткові компоненти для включення вашого столу, як Pagination, Searchbox і Filter.

Гуглер

Гуглером є CLI, що дозволяє виконувати пошук у Google за допомогою командних рядків. Подібно до інтерфейсу, він також отримає назву, опис, URL-адресу та нумерацію сторінок. Це зручний інструмент для потужних користувачів macOS і Linux.

Болт CMS

Болт - це CMS, побудований на PHP. це є швидко налаштовується, використовує Twig як двигун шаблонів, повністю підтримує PHP7, легко налаштовується через простий YAML-файл. В цілому це виглядає мені цікаво; Я безумовно витрачу деякий час, щоб вивчити його далі, коли я маю шанс.

Телетайп

Телетайп - це нова ініціатива редактора Atom. Ця нова функція дозволяє співпрацювати зі своїми колегами для написання коду. Щоб скористатися нею, потрібно встановити офіційний плагін Teletype.

Plyr

Plyr (вимовляється як Player) є Сучасна бібліотека медіа-програвачів з розміром всього 10 Кб. Завдяки цьому ви зможете налаштувати відео та аудіопрогравач HTML, Youtube і Vimeo, а також потокові мультимедійні файли. Він знаходиться в активному розвитку з більш запланованими функції, які можна додати, включаючи підтримку вбудованого відео Wistia та Facebook.