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

2015 год был отличным годом для Интернета: веб-технологии были приняты во многих форм-факторах за пределами для создания веб-сайта или веб-приложения. Многие мобильные и настольные приложения теперь создаются с использованием HTML, CSS и JavaScript. Это стало возможным благодаря природе переносимости веб-технологий и библиотек, таких как React.js, Angular и Node.js..

Итак, в сегодняшнем выпуске этой серии мы собрали несколько библиотек JavaScript и CSS.

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

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

Плоский слайдер

Пользовательский интерфейс jQuery поставляется с набором общих веб-интерфейсов, включая Slider - пользовательский интерфейс, который позволяет пользователю выбирать диапазон числовых значений. Плоский слайдер это веб-инструмент, который делает настройку стиля пользовательского интерфейса jQUery, который когда-то был очень сложной задачей, теперь намного проще.

Утилита открытого типа

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

ResponsifyJS

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

ResponsifyJS это легкая библиотека JavaScript, которую вы можете использовать для установить координаты, чтобы сохранить фокус изображения в то время как это изменяется.

линейный

линейный это линейка приложений для Mac. Вы можете использовать линейку для измерения веб-страниц, определения размера элемента без необходимости открывать DevTools или выяснения, идеально ли центрирован элемент. Вы можете иметь несколько линеек и переключить устройство с PX на EM.

StickyStack

StickyStack это плагин jQuery для создания прокрутки стека, когда панель достигает вершины области просмотра, она остается там, в то время как дальнейшая прокрутка поднимает следующую панель. Это легкий плагин с несколькими опциями для настройки контейнера страницы, секции стека, а также тени блока стеков. Проверьте демо.

зритель

зритель является плагином jQuery для лайтбокса изображения - модный популярный способ увеличения изображений в Интернете. Плагин поставляется с огромным количеством опций, которые позволяют вам настроить каждый бит лайтбокс интерфейс.

Плагин также предоставляет набор API и пользовательских событий для полного контроля над лайтбокс ответ и поведение. Более того, он работает вплоть до Internet Explorer 8.

DeviceMock

DeviceMock библиотека JavaScript, которая позволяет создавать рамки устройства или макеты такие как телефон, планшет и рабочий стол. Кроме того, в библиотеке предусмотрены параметры для установки цвета темы рамки, размера, а также ориентации рамки..

Это может быть хорошая альтернатива, чтобы продемонстрировать ваш веб и приложение вместо использования Photoshop.

Clrs

Clrs это инициатива переопределить стандартные веб-цвета в более приятный для глаз, современный цветовой тон. Кроме того, он выступает за набор цветовых комбинаций для лучшей доступности. Вы можете развернуть эти цвета с помощью образцов цветов NPM, Gem (Ruby) и Photoshop и Illustrator..

Colorify

Colorify это сверхлегкая библиотека JavaScript (уменьшенная до 3 КБ) для извлечь доминирующие цвета из изображения с множество API для манипулирования цветами. Вы можете использовать извлеченный цвет в качестве заполнителя, ожидая полной загрузки изображения, создать градиентный фон или настроить соседний интерфейс для соответствия цвету изображения.

BookBlock

BookBlock такое плагин для jQuery создать буклет с эффектом переворота страницы. Это прекрасная альтернатива для отображения нескольких изображений на вашем сайте, особенно если есть последовательность или поток, который вы хотите продемонстрировать.

Вы можете проверить демо здесь, чтобы получить представление о том, как работает BookBlock.