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

Июль — это месяц, который приносит высоту лета, и поэтому для пакета свежих ресурсов этого месяца у нас есть несколько горячих новых инструментов от некоторых известных, а также начинающих разработчиков.

В списке есть довольно интересное сочетание инструментов, от библиотеки Sketch сообщества WordPress, которая позволит вам создать прототип интерфейса WordPress, несколько инструментов, расширяющих React.js и Vue.js, и несколько ссылок для повышения уровня вашей разработки. навыки и умения. Давайте проверим их.

Читайте также: Четыре инструмента для совместной работы по дизайну и разработке для оптимизации рабочего процесса

WPRIG
Начальная тема WordPress «все в одном», созданная Мортеном Рэнд-Хендриксеном и оснащенная предустановкой процесса сборки с использованием современных инструментов, таких как Gulp, Babel, ESLint и интеграция кода Visual Studio. Это поможет вам создать отличную тему WP без хлопот настройки окружающих инструментов разработки.
VueNative
Фреймворк на основе Vue.js для создания кроссплатформенного мобильного приложения, которое позволяет вам писать свой код со спецификацией Vue.js. Инструмент скомпилирует его в React Native и выполнит магическую работу за кулисами с помощью встроенного интерфейса командной строки. Если вы уже знакомы с Vue.js, это может быть подходящей платформой для создания мобильного приложения.
SketchPress
Ребята из 10up только что выпустили SketchPress, который представляет собой шаблон Sketch для быстрого создания макетов и дизайнов интерфейса администратора WordPress. Он упакован с обычным пользовательским интерфейсом администратора, таким как «Основная кнопка», «Строка меню», «Dashicons», «Metabox» и т. Д. SketchPress — это отличный инструмент для разработчиков WordPress, позволяющий настроить плагин и страницу настроек или параметров темы с пользовательским интерфейсом администратора WordPress.
Docz
Docz — это генератор документации, основанный на MDX, который был представлен в последнем раунде этой серии. Этот инструмент позволит вам импортировать и включать пользовательский компонент JSX в микс с синтаксисом Markdown, точно так же, как при написании документа JSX.
Animista
CSS-анимация оживляет сеть. Однако не всегда легко составить CSS-анимацию, учитывая браузерные префиксы совместимости, параметры и временные рамки анимации. Animasta облегчает эту задачу, генерируя код для вас. Вы можете настроить анимацию в удобном интерфейсе, откуда вы можете просто скопировать код.

Читайте также: Animate.css — библиотека CSS3 для простого создания анимации

GridToFlex
Несколько примеров общего веб-макета, построенного с использованием собственной CSS Grid и использования Flexbox в качестве запасного варианта для браузера, который еще не поддерживает его. Посмотрите наш пост: Введение в модуль CSS Grid Layout.
RatioBuddy
Хороший инструмент для создания коробки с CSS с заданным соотношением, например, 1: 1, 3: 4 и т. Д. Инструмент будет генерировать код в формате SCSS для копирования.
Как GraphQL
GraphQL — это альтернатива структуре данных REST, а How to GraphQL — это исчерпывающий ресурс для его изучения. Это намного эффективнее, чем REST, поскольку он только извлекает запрошенные данные, уменьшая объем загрузки и передачу данных.
История образцов
Простой плагин WordPress для отображения истории действий, выполненных на панели инструментов WordPress. Он поддерживает родную активность WordPress, например, когда пользователь создает посты и страницы, входит в систему и активирует или деактивирует другие плагины. Он также может отслеживать другие действия плагинов, включая Расширенные пользовательские поля (ACF) и Переключение пользователей. Это отличный плагин для отслеживания внутренней активности ваших сайтов.
Transfer.sh
Это удобная утилита для обмена файлами с помощью команды Shell. Вы можете загрузить любой тип файла до 10 Гб. Он также поддерживает шифрование файлов. И я упоминал, что это абсолютно бесплатно?
FB Sonar
Инструмент для отладки мобильных приложений для iOS и Android. Приложение оснащено некоторыми инструментами для удобной отладки, такими как просмотр журнала, интерактивный инспектор макетов и сетевой инспектор. Если этого недостаточно, вы можете создать плагин, чтобы расширить приложение необходимой вам функциональностью.
JSUI
Это приложение упаковано с кучей инструментов, чтобы обеспечить лучший способ организации ваших проектов. Вы можете создать группу, сгенерировать новый проект, используя некоторые популярные проекты, такие как React, Vue и Angular, установить зависимость проекта, запустить сервер Node.js и многое другое. Отличное приложение для тех, кто управляет десятком проектов.
BrainMonkey
Утилита для модульного тестирования PHP, разработанная с использованием специальных инструментов для WordPress. Он предоставляет инструменты, которые позволяют издеваться PHP функции. Он также предоставляет набор инструментов из коробки для работы с некоторыми функциями WordPress, такими как add_action remove_action, чтобы назвать несколько из них, которые обычно сложно проверить.

Читайте также: 10 лучших автоматизированных рамок тестирования для PHP

фрактальный
Fractal был разработан как центральный инструмент документирования для разработчиков в команде, чтобы указывать, когда необходимо интегрировать компонент в проект. Он позволяет интегрировать фрагмент кода, отображая предварительные просмотры, документацию, заметки и т. Д. Каждого компонента.
LuminJS
Супер крошечная библиотека JavaScript для выделения текста на вашем сайте. Он беспрепятственно работает со сложной структурой DOM и программируется тем, что вы можете устанавливать скорость, стилизацию и анимацию.
Запрашивает
Удобный пакет NPM для создания интерактивного интерфейса командной строки с использованием Node.js. Он поддерживает основной запрос, множественный выбор, динамический запрос и множество типов ввода, таких как пароль, текст, номер, адрес электронной почты и т. Д.
восприятие
Крутой плагин WordPress, который улучшил бы поиск в медиатеке WordPress путем классификации изображений с использованием API Google Cloud Vision, Например, если вы загрузили изображение «птица», вы можете выполнить поиск изображения по ключевому слову «птица» независимо от того, включено ли ключевое слово в имя изображения, имя файла или метаданные.
DevTube
Коллекция видео, извлеченных из Youtube, о нескольких конференциях разработчиков, таких как JSConf, Google TechTalk и O’Reilly. Теперь возьмите свой попкорн и улучшите свои навыки разработки.
Reactive.how
Реактивное программирование находится на подъеме; новая парадигма в программировании, особенно в Интернете, где поток данных изобилует и непрерывно течет каждую миллисекунду. Этот ресурс является инициативой Седрика Суласа, чтобы научить вас принципам реактивный программирование.