Свежие ресурсы для веб-дизайнеров и разработчиков (июль 2018 года)
Июль - это месяц, который приносит высоту лета, и поэтому для серии свежих ресурсов этого месяца у нас есть несколько горячих новых инструментов от некоторых известных, а также начинающих разработчиков..
В списке есть довольно интересное сочетание инструментов, начиная от библиотеки Sketch сообщества WordPress, что позволит вам создать прототип интерфейса WordPress, несколько инструменты, расширяющие React.js и Vue.js, и пару ссылок для повышения ваших навыков разработки. Давайте проверим их.
WPRIG
Начальная тема WordPress «все в одном», созданная Мортеном Рэнд-Хендриксенандом, оснащена предустановка процесса сборки с использованием современных инструментов как интеграция Gulp, Babel, ESLint и Visual Studio. Это поможет вам создать отличную тему WP без хлопот настройки окружающих инструментов разработки..
VueNative
Фреймворк на основе Vue.js для создания кроссплатформенного мобильного приложения, которое позволяет вам писать свой код со спецификацией Vue.js. Инструмент будет скомпилируйте его в React Native и сделаю волшебную работу для вас за сценой с вю родной
CLI. Если вы уже знакомы с Vue.js, это может быть подходящие рамки для создания мобильного приложения.
SketchPress
Люди на 10up только что выпустили SketchPress, который является Шаблон эскиза для быстрого создания макетов и дизайнов интерфейса администратора WordPress. Он снабжен стандартным пользовательским интерфейсом администратора, таким как «Основная кнопка», «Строка меню», «Dashicons», «Metabox» и т. Д. SketchPress - отличный инструмент для разработчиков WordPress, позволяющий настроить плагин и страницу настроек или параметров темы с пользовательским интерфейсом администратора WordPress..
Docz
Док это генератор документации на основе MDX который был показан в последнем туре этой серии. Этот инструмент позволит вам импортировать и включать пользовательский компонент JSX в микс с синтаксисом Markdown, точно так же, как при написании документа JSX..
Animista
CSS-анимация оживляет сеть. Однако не всегда легко составить CSS-анимацию, учитывая браузерные префиксы совместимости, параметры и сроки анимации. Animasta облегчает эту задачу, генерируя код для вас. Вы можете настроить анимацию в удобном интерфейсе, откуда вы можете просто скопировать код.
GridToFlex
Несколько примеров общего веб-макета, построенного с использованием собственной CSS Grid и использования Flexbox в качестве запасного варианта для браузера, который пока не поддерживает его. Посмотрите наш пост: Введение в модуль CSS Grid Layout.
RatioBuddy
Хороший инструмент для создать окно с CSS с заданным соотношением, например, 1: 1
, 3: 4
, и т. д. Инструмент сгенерирует код в формате SCSS для копирования.
Как GraphQL
GraphQL - это альтернатива структуре данных REST, а 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
назвать несколько, которые, как правило, запутанный
тестировать.
фрактальный
Fractal был разработан как центральный инструмент документирования для разработчиков внутри команды, чтобы они могли ссылаться, когда необходимо интегрировать компонент в проект. Это позволяет вам интегрировать фрагмент кода, отображение превью, документацию, заметки, и т.д. каждого компонента.
Ant Design Pro
“AntDesign” является одной из популярных платформ пользовательского интерфейса, основанной на React.js, и это его “профессионал” версия предназначена для корпоративных приложений. Он включает в себя несколько дополнительных компонентов, которых нет в общем пакете AntDesign, таких как AvatarList, HeaderSearch и TagSelect.
Рамки также имеет встроенные средства разработки, такие как Build Tool, Test Suite и Deployment так что вы можете работать над своим кодом сразу, а не тратить время на настройку рабочего процесса.
LuminJS
Супер крошечный Библиотека JavaScript для выделения текста на вашем сайте. Он работает без проблем со сложной структурой DOM и программируется так, что вы можете устанавливать скорость, стилизацию и анимацию..
Запрашивает
Удобный Пакет NPM для создания интерактивного интерфейса командной строки с использованием Node.js. Он поддерживает основной запрос, множественный выбор, динамический запрос и множество типов ввода, таких как пароль, текст, номер, адрес электронной почты и т. Д..
восприятие
Классный плагин для WordPress, который бы улучшить поиск в медиатеке WordPress путем классификации изображений с помощью Google Cloud Vision API. Например, если вы загрузили “птица” изображение, вы можете искать изображение с помощью ключевого слова “птица” включено ли ключевое слово в имя изображения, имя файла или метаданные.
DevTube
Коллекция видео, извлеченные из Youtube, нескольких конференций разработчиков как JSConf, Google TechTalk и O'Reilly. Теперь возьмите свой попкорн и улучшите свои навыки разработки.
Reactive.how
Реактивное программирование на подъеме; новая парадигма в программировании, особенно в Интернете, где поток данных изобилует и непрерывно течет каждую миллисекунду. Этот ресурс является инициативой Седрика Суласа для научить вас принципам реактивный программирование.