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

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

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

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

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

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

JS Советы
JS Tips – это коллекция советов по JavaScript, некоторые из которых вращаются около синтаксиснекоторые – об эффективности и производительности кода, а некоторые – о такой среде, как AngularJS. Новые советы добавляются ежедневно, и в настоящее время выпущено 50 советов. По сути, это обязательный сайт для каждого веб-разработчика.
Бродячий менеджер
Vagrant Manager – приложение с графическим интерфейсом для управления Vagrant. Подобный MAMP, где вы можете остановить или запустить Vagrant и посмотреть, какой Vagrant работает в данный момент. Приложение доступно для OS X и для окон, Если вы не уверены, что такое Vagrant, прочитайте наш предыдущий пост о том, как установить WordPress локально с помощью Vagrant.
Бульма
Bulma – это интерфейс внешнего интерфейса. Пакет включает в себя некоторые общие компоненты пользовательского интерфейса в Интернете, такие как навигация, раскрывающийся список и (конечно) сетка, полностью построенная с помощью Flexbox. Единственная функция, которая отсутствует (по крайней мере, на данный момент) – это компоненты JavaScript. Компоненты Bulma намного тоньше по сравнению с Bootstrap, но этого должно быть достаточно для создания небольшого, но презентабельного веб-сайта.

Подробнее: 10 легких альтернатив Bootstrap & Foundation

Гутенберг
Названный в честь Йоханнес ГутенбергИзобретатель массовой прессы. Гутенберг представляет собой набор правил стиля для правильной типографской настройки в Интернете. Правила стиля устанавливают базовую линию, размер и масштаб шрифта, а также высоту строки. Отличная библиотека стилей, чтобы контент вашего сайта выглядел намного лучше.
OkayNav
OkayNav – это jQuery для создания адаптивной навигации, но не просто еще одной. Плагин имеет несколько иной подход к адаптивному дизайну: поскольку размер области просмотра уменьшается до меньшего, каждое меню будет постепенно объединяться в значок, чтобы выдержать ограниченный размер области просмотра. Звучит круто, не правда ли?
Новая веб-типография
New Web Typography – это углубленное, открывающее глаза очерк о типографии. В нем обсуждаются стили от ранних дней книг до текущего способа, которым мы создаем и потребляем в Интернете. Это обширная статья Робина Рендла, хорошо проработанная с множеством иллюстраций и полностью цитируемая, но, безусловно, ее стоит прочитать, чтобы лучше понять типографику.

Подробнее: Взгляд в: лучшая типография для современных сайтов

Цветной Сейф
Color Safe – это палитра цветового генератора для Интернета. В отличие от инструментов, о которых мы упоминали ранее в этой серии, ColorSafe будет генерировать только те цвета, которые соответствуют стандарту WCAG для доступность цвета,
Доступный модальный диалог
Это небольшая (всего ~ 0,5 КБ) библиотека JavaScript для построения модального диалогового окна. Будучи доступными, пользователи могут легко открывать, закрывать и перемещаться по диалоговому окну с помощью клавиатуры и мыши. Пакет представляет собой просто чистый JavaScript, без стилей, так что вы можете свободно формировать модальное диалоговое окно любым удобным вам способом.
Mo.js
Mo.js – это полный пакет библиотеки анимации JavaScript. Он поставляется с парой предустановок, поэтому вы можете быстро установить и запустить анимацию. Это модульное решение, позволяющее удалить ненужные функции, а также плавное и плавное. К сожалению, новая библиотека пока не готова (на данный момент).
Частицы
Эта библиотека добавляет сети плавающих частиц на ваш сайт, просто чтобы ваш сайт мгновенно выглядел круче. Частицы будут реагировать на движение курсора. Реакции, а также другие элементы, такие как цвета, расстояние и форма, можно настроить с помощью параметров.