Пресни ресурси за уеб дизайнери и разработчици (юли 2018 г.)

Юли е месецът, който носи височина на лятото и за пакета от нови ресурси от този месец имаме нови горещи инструменти от някои утвърдени и начинаещи програмисти.

Списъкът има доста интересна комбинация от инструменти, вариращи от библиотека Sketch от общността на WordPress, която ще ви позволи да създадете прототип на WordPress интерфейс, шепа инструменти, разширяващи React.js и Vue.js, и няколко референции за повишаване на уменията ви за развитие. Нека ги проверим.

WPRIG

Една всичко-в-едно стартер WordPress тема, създадена от Мортен Ранд-Hendriksenand е оборудван с изграждане на предварително зададени процеси с помощта на съвременни инструменти като Gulp, Babel, ESLint и интеграция с Visual Studio Code. Тя ще ви помогне да създадете голяма тема за WP без да се налага да конфигурирате околните инструменти за разработка.

VueNative

Рамка, базирана на Vue.js за изграждане на мобилно приложение, което ви позволява да пишете кода си с Vue.js спецификация. Инструментът ще компилирайте го в родния Реактивен и направете магическата работа за вас зад сцената с вю-родната CLI. Ако вече сте запознати с Vue.js, това може да бъде подходяща рамка за изграждане на мобилно приложение.

SketchPress

Хората в 10up току-що пуснаха SketchPress, което е Sketch шаблон за бързо създаване на WordPress администраторски интерфейсен макет и дизайн. Той е пълен с общ потребителски интерфейс на администратора като основния бутон, лентата с менюта, Dashicons, Metabox и др..

Docz

Docz е a генератор на документация на базата на MDX което беше включено в последния кръг от тази поредица. Този инструмент ще ви позволи да импортирате и включите JSX персонализиран компонент в микса с синтаксиса на Markdown, точно както пишете JSX документ.

Animista

CSS Animation оживява мрежата. Въпреки това, не винаги е лесно да се състави CSS анимация, като се имат предвид префиксите на браузъра за съвместимост, параметри и времевата рамка на анимацията. Animasta прави тези неща по-лесни, като генерира кода за вас. Можеш конфигурирайте анимацията в удобен за потребителя интерфейс, от който можете просто да копирате кода.

GridToFlex

Няколко примера за общо уеб оформление, изградено с помощта на родната CSS мрежа и използване на Flexbox като резервно за браузър, който все още не го поддържа. Разгледайте нашия пост: Въведение в модула за оформление на мрежата CSS.

RatioBuddy

Добър инструмент за това генерира кутия с CSS с определено съотношение, например, 1: 1, 3: 4, Инструментът ще генерира кода в SCSS формат за копиране.

Как да GraphQL

GraphQL е алтернатива на REST структурата на данните и How to GraphQL е a изчерпателен ресурс за неговото изучаване. Той е далеч по-ефективен от REST, тъй като само ще изтегли изискваните данни, намалявайки количеството на натоварване и прехвърляне на данни.

Примерна история

Просто WordPress плъгин, който показва историята на дейността, извършена в таблото за управление на WordPress. Той поддържа оригинална активност на WordPress, например когато потребителят създава публикации и страници, влиза в системата и активира или деактивира други плъгини. Може също проследяване на други дейности на приставки включително Разширени потребителски полета (ACF) и Превключване на потребители. Това е страхотен плъгин, за да следите вътрешните си дейности.

Transfer.sh

това е удобна програма за споделяне на файлове чрез командата Shell. Можете да качите всякакъв тип файлове до 10 Gb. Той също така поддържа файлово криптиране. И споменах ли, че е напълно свободен?

FB Sonar

Инструмент за отстраняване на грешки в мобилни приложения за iOS и Android. Приложението е оборудвано с някои инструменти за удобен опит за отстраняване на грешки като журнал, интерактивен инспектор за оформление и мрежов инспектор. Ако това не е достатъчно, можете да създадете плъгин, за да разширите приложението с необходимата ви функционалност.

JSUI

Това приложение е пълно с куп инструменти, за да осигури по-добър начин за организиране на проектите ви. Можеш създайте група, генерирайте нов проект, използвайки някои популярни проекти като React, Vue и Angular, инсталирайте зависимостта от проекта, стартирайте Node.js сървър и много повече. Чудесно приложение за тези, които управляват десетки проекти.

BrainMonkey

Помощна програма за тестване на PHP устройства, разработена с някои специфични инструменти за WordPress. Той предоставя инструменти, които позволяват имитация PHP функции. Той също така предоставя набор от инструменти от кутията, за да се справят с някои WordPress функции като ADD_ACTION remove_action за да назовем няколко, които обикновено са сложен за тестване.

Fractal

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

Ant Design Pro

“AntDesign” е един от популярните UI рамки, базирани на React.js и това е неговата “професионалист” версия, предназначена за корпоративни приложения. Тя включва няколко допълнителни компонента, които не са в общия пакет на AntDesign, като например AvatarList, HeaderSearch и TagSelect.

Рамката също има вградени инструменти за разработка като инструмента Build, Test Suite и Deployment така че можете да работите върху кода веднага, вместо да губите време в конфигурацията на работния процес.

LuminJS

Супер малка JavaScript библиотека, за да подчертае текста на уебсайта ви. Работи безпроблемно със сложна DOM структура и е програмируема, така че можете да зададете скорост, стил и анимация.

подсетите

Подходящо NPM пакет за изграждане на интерактивна CLI, използваща Node.js. Той поддържа основни подсказки, множество възможности за избор, динамично подсказване и много видове входове като парола, текст, номер и имейл и т.н..

възприятие

А готин WordPress плъгин, който би подобряване на търсенето на WordPress Media Library чрез класифициране на изображения чрез Google Cloud Vision API. Например, ако сте качили a “птица” можете да търсите в изображението с помощта на ключовата дума “птица” дали ключовата дума е включена в името на изображението, името на файла или метаданните.

DevTube

Колекция от видеоклипове, изтеглени от Youtube, на няколко конференции за разработчици като JSConf, Google TechTalk и O'Reilly. Сега си пуканки и ниво нагоре си Dev умения.

Reactive.how

Реактивното програмиране се увеличава; нова парадигма в програмирането, особено в мрежата, където потокът от данни е изобилен и непрекъснато тече всеки милисекунда. Този ресурс е инициатива на Седрик Сулас ще ви научи на принципите на реактивен програмиране.