Пресни ресурси за уеб дизайнери и разработчици (декември 2017 г.)

“CMS без глава” набира много внимание в наши дни. Накратко, “CMS без глава” не се занимава с предния край; само за CMS излага съдържанието обикновено под формата на RESTful API докато разработчиците могат да използват каквото предпочитат, за да визуализират съдържанието. С нарастващата популярност на тази практика, появяват се нови рамки за бързото му създаване и функциониране.

Така че, в този кръг, съм събрал няколко от тези рамки заедно с някои други полезни инструменти, които си струва да се проверят.

WP стартер без глава

Това е начална тема на WordPress, но за разлика от останалите, тази начална тема използва WP-API, за да получи съдържанието и след това да го направи в статичен HTML използване на Node и React, което прави уебсайта Ви “без глава”.

VueStoreFront

VueStoreFront е друг “CMS без глава” рамка. Построен върху Vue.js и Node, VueStoreFront и е предназначен за платформи за електронна търговия като Magento, Prestashop и Shopware чрез API. Той също така включва подхода на ДОИ, който позволява на сайта да бъде използваем извън линия.

GatsbyJS

Гетсби е сайт статичен генератор построена с React.js. Можете да използвате CMS с API като WordPress, Markdown, JSON, за да захранвате съдържанието. По подобен начин той използва някои нови технологии като такива Node, PWA и React позволяват да се зарежда невероятно бързо.

DustPress

DustPress е a Начална тема на WordPress с модерен подход за развитие. Използвайки езика на шаблона Dust.js, DustPress разделя HTML шаблона от PHP логиката, позволявайки на разработчиците да създават много по-чист код. Той също така прави по-бързо, по-поддържащо и дава на темата организирана структура.

Икони на VSCode

Кодът на Visual Studio бързо се превърна в един от най-популярните редактори на кодове. то е олекотен, има много плъгини, а сега има селекции от различни икони. Ако смятате, че иконата на Visual Studio Code по подразбиране е скучна, преминете към някоя от тези икони.

TailWindCSS

TailWindCSS е друга CSS рамка. Но тя се различава от популярната CSS рамка като Bootstrap и Foundation по начин, който не предоставя UI компоненти. Вместо, TailWindCSS идва с малки парчета от CSS класове, които ви позволяват да композирате свой собствен потребителски интерфейс.

Traefik

Бях експериментирал с Docker и се чудех как да насочваме името на домейна към няколко различни контейнера на една машина. Тогава намерих Трафик, а модерни HTTP обратни прокси и балансиращи натоварвания. Освен Docker, той поддържа и други услуги като Kubernetes, Rancher и Amazon Elastic Container.

CubeUI

Построен върху Vue.js, CubeUI е a фантастичен UI компонент за изграждане на мобилни приложения. Състои се от много компоненти, като бутон, изскачащи прозорци, TimePicker, Slide и Checkbox. Всеки компонент е снабден с TestUnit, осигуряващ непрекъсната интеграция и също минимизиране на грешка на всеки компонент.

Въздух

Въздухът е минимална стартерна тема на WordPress. Разширявайки _s, Air добавя някои допълнителни компоненти, като например Слайдове, лепкава лента за навигация и готови за WooCommerce.

EmptyStates

EmptyStates е a събиране на празни страници в мрежата и мобилните приложения за вдъхновение. Страницата за празно състояние е вид страница, която често се пренебрегва.

Дизайн с бързи команди

Този уебсайт предоставя a колекция от преки пътища на популярни приложения и инструменти, използвани от разработчиците и дизайнерите. Тук ще намерите преки пътища за Sketch, Photoshop, InDesign, Sublime Text, WordPress и още много други. Най- Списъкът в момента съдържа само преки пътища за macOS, но би било чудесно да се видят и бързите клавиши на Windows.

Uppy

Uppy е a JavaScript рамки за изграждане на интерфейс за качване на файлове. С Uppy можете да извличате файлове не само от локален диск, но и от външни услуги за съхранение като Google Drive, Dropbox, Instagram и други услуги. е леки, модулни и разширени с потребителски плъгини.

VuetifyJS

VuetifyJS е инициатива на Джон Лейдер Изграждане на материал за дизайн около Vue.js. Google има подобна инициатива с MDL или Material Design Lite, но изглежда не получава достатъчно сцепление в общността и Развитието изглежда напредва много бавно през последните няколко месеца. Така че, ако търсите алтернатива, VuetifyJS може да е правилният избор.

WP ULike

WP Ulike е a WordPress плъгин за добавяне “като” към съдържанието ви дали в вградения в WordPress пост тип, потребителски пост типове, и bbPress, както и BuddyPress. Той също идва с някои други готини функции като Система за уведомяване, Google Анализ и Widgets което го прави един от най-убедителните “като” система за вашия WordPress сайт.

Потвърдете

Vee Validate е JavaScript библиотека към добавете поле за въвеждане с вградената валидация. Той поддържа много видове входове като имейл, номер, дати, URL адрес, IP адрес и т.н..

Таблици с данни Vue

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

Служител на Google

Googler е a CLI, която ви позволява да извършвате търсене в Google чрез командните редове. Подобно на интерфейса, той ще извлече и заглавието, описанието, URL адреса и страницата. Това е удобен инструмент за силни потребители на MacOS и Linux.

Болт CMS

Болт е CMS, изграден с PHP. то е бързо да се създаде, използва Twig като двигател на шаблоните, напълно поддържа PHP7, лесно се персонализира чрез прост YAML файл. Като цяло изглежда интересно за мен; Определено ще прекарам известно време, за да го изследвам, когато имам шанс.

телетип

Телетипът е нова нова инициатива от редактора на Atom. Тази нова функция ви позволява да си сътрудничите с колегите си при писане на код. За да го използвате, ще трябва да инсталирате официалния плъгин на Teletype.

Plyr

Plyr (произнася се като Player) е a модерна библиотека за медийни плейъри само с размер 10kb. С това ще можете да персонализирате HTML видео и аудио плейъра, Youtube и Vimeo, както и поточно предаване на живо. Активно се развива с повече планирани функции, които трябва да се добавят, включително подкрепа за вграденото видео на Wistia и Facebook.