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

Веб-разработчики наделены бесплатными инструментами и ресурсами, которые можно найти в Интернете и которые мы ежемесячно собираем в нашей серии Fresh Resources. Если вы пропустили прошлогоднюю партию, посетите ее здесь или ознакомьтесь с остальными свежими ресурсами, собранными в начале года.

В пакете за июль 2015 года мы выделяем свежие инструменты и ресурсы, которые облегчат ваши задачи, начиная с плагинов WordPress, которые позволяют вам развертывать обновления плагинов для частного использования, до библиотеки JavaScript для добавления привлекательных анимаций..

Aladdin

Этот плагин добавляет дополнительную функциональность к администрированию WordPress, которая похожа на OS X Spotlight. С его помощью вы получаете быстрый доступ к файлам и папкам на вашем Mac. После установки дважды нажмите Shift, затем введите то, что вы хотите получить доступ. Это делает администрирование WordPress более доступным с использованием клавиатуры.

SiteOrigin CSS

SiteOrigin CSS - это надежный плагин для WordPress, позволяющий настраивать любой вид темы в режиме реального времени. Плагин добавляет новую панель под Внешний вид> Пользовательский CSS меню. Здесь вы можете написать собственные правила CSS, чтобы перезаписать CSS используемой вами темы, или вы также можете использовать панель графического интерфейса для интуитивного добавления правил CSS..

DynamicsJS

DynmaicJS - это библиотека для применения анимации на основе физики. Я не специалист по физике, но примеры в этом меню выглядят очень круто. Он может анимировать элементы HTML и SVG и обеспечивает высокую производительность без какой-либо зависимости. DynamicJS был протестирован на Safari 7+, Firefox 35+, Chrome 34+ и IE10+.

Режим полета

Этот плагин будет препятствовать нескольким внешним HTTP-запросам WordPress, таким как Google Fonts, Gravatar и WordPress Updater, пытаться подключиться к плагинам и репозиториям тем для обновлений. Это полезный плагин для локальной разработки, который предотвращает возникновение ошибок при сбое этих вызовов (что обычно происходит, когда вы разрабатываете локально в исключительно медленном Интернете)..

Coverr

Коллекция видео, которые отлично подходят для заголовков вашего сайта. Все видео бесплатно, под лицензией Public Domain. Не забудьте проверить “Как пользоваться” раздел, чтобы узнать, как добавить видео на свою веб-страницу.

VibrantJS

VibrantJS захватывает яркие цвета изображения. Он также предоставляет несколько API-интерфейсов, которые позволяют обрабатывать полученный цвет, например переключать цветовой формат и выбирать правильную композицию для фона и текста. Вы можете использовать его для улучшения интерфейса вашего сайта с динамической генерацией цвета, использовать цвет в качестве изображения-заполнителя, когда изображение еще не загружено полностью, или создать веб-приложение для генерации образца цвета..

GradifyCSS

Эта библиотека берет два видных цвета и генерирует CSS-градиент из полученных цветов. Как и в VibrantJS, вы можете применить градиент в качестве заполнителя изображения, когда изображение загружено не полностью, или в качестве наложенного цвета.

PurifyCSS

PurifyCSS удаляет неиспользуемые правила CSS из вашей таблицы стилей. Вы можете использовать это, чтобы урезать размеры таблиц стилей больших каркасов, таких как Bootstrap и Foundation, до 40%. PurifyCSS доступен как плагин Grunt и Gulp.

Титульный капитал для WordPress

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

GitHub Updater

Этот плагин позволяет пользователю установить и автоматически обновить Плагины WordPress, размещенные в GitHub. Несмотря на название, плагин также поддерживает Bitbucket и GitLab, в том числе один в частном репозитории. Это полезный плагин для разработчиков, которые разрабатывают и распространяют свои плагины или темы исключительно для своих клиентов.

Примеры кода

Коллекция примеров кода из WordPress Theme Team. На данный момент пример состоит из кодов для создания компонентов Theme Customizer с использованием API Customizer, в том числе для создания раздела, параметров и панели. В будущем будет добавлено больше примеров кодов лучших практик.