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

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

В этом цикле этой серии вы познакомитесь с несколькими библиотеками JS, которые вам пригодятся, а также с набором советов, очень длинным эссе о типографии, генератором цветов и облегченной оболочкой внешнего интерфейса. Без дальнейших церемоний, давайте проверим их.

Нажмите для получения дополнительных ресурсов

Найдите всю нашу коллекцию рекомендуемых ресурсов и лучшие доступные инструменты веб-дизайна и разработки.

JS Советы

JS Tips - это коллекция советов по JavaScript, некоторые из которых вращаются вокруг синтаксис, некоторые о эффективность и производительность кода, и некоторые другие специфичны для такой среды, как AngularJS. Новые советы добавляются ежедневно, и в настоящее время выпущено 50 советов. Это по сути обязательная закладка сайт для каждого веб-разработчика.

Бродячий менеджер

Бродячий менеджер GUI приложение для управления Vagrant Подобный MAMP, где вы можете остановить или запустить Vagrant и посмотреть, какой Vagrant работает в данный момент. Приложение доступно для OS X и для Windows. Если вы не уверены, что такое Vagrant, ознакомьтесь с нашим предыдущим сообщением о том, как установить WordPress локально с помощью Vagrant..

Бульма

Бульма это интерфейс веб-интерфейса. Пакет включает в себя некоторые общие компоненты пользовательского интерфейса сети, такой как навигация, выпадающий список и (конечно) сетка, которая полностью построена с Flexbox. Единственная отсутствующая функция (по крайней мере, на данный момент) - это компоненты JavaScript. Компоненты Bulma намного тоньше по сравнению с Bootstrap, но этого должно быть достаточно для создания небольшого, но презентабельного веб-сайта..

Гутенберг

Названный в честь Йоханнеса Гутенберга, изобретателя массовой прессы. Гутенберг это коллекция правила стиля для правильной типографской настройки в сети. Правила стиля устанавливают базовую линию, размер и масштаб шрифта, а также высоту строки. Отличная библиотека стилей, чтобы контент вашего сайта выглядел намного лучше.

OkayNav

OkayNav это jQuery для создания адаптивной навигации, но не просто еще одной. Плагин имеет немного другой подход к адаптивному дизайну: так как размер области просмотра уменьшается до меньшего, каждое меню будет постепенно объединены в значок, чтобы допустить ограниченный размер области просмотра. Звучит круто, не правда ли?

Новая веб-типография

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

Цветной Сейф

Цветной Сейф палитра цветового генератора для Интернета В отличие от инструментов, о которых мы упоминали ранее в этой серии, ColorSafe будет генерировать только те цвета, которые соответствуют стандарту WCAG для обеспечения доступности цвета..

Доступный модальный диалог

Это крошечная (всего ~ 0.5kb) библиотека JavaScript для построить модальное диалоговое окно. Будучи доступными, пользователи могут легко открывать, закрывать и перемещаться по диалоговому окну с помощью клавиатуры и мыши. Пакет представляет собой просто чистый JavaScript, без стилей, так что вы можете свободно формировать модальное диалоговое окно любым удобным вам способом..

Mo.js

Mo.js представляет собой полный пакет библиотеки анимации JavaScript. Он поставляется с парой предустановок, поэтому вы можете быстро установить и запустить анимацию. Это модульное решение, позволяющее удалить ненужные функции, а также плавное и плавное. Будучи новой новой библиотекой, к сожалению, документация еще не готова (на данный момент).

Частицы

Эта библиотека добавляет сети плавающих частиц на ваш сайт, просто чтобы ваш сайт мгновенно выглядел круче. Частицы будут реагировать на движение курсора. Реакции, а также другие элементы, такие как цвета, расстояние и форма, можно настроить с помощью параметров.