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

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

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

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

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

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

Плоский слайдер
Пользовательский интерфейс jQuery поставляется с набором общих веб-интерфейсов, включая слайдер — пользовательский интерфейс, который позволяет пользователю выбирать диапазон числовых значений. Flat Slider — это веб-инструмент, который значительно упрощает настройку стиля пользовательского интерфейса jQUery, который когда-то был очень сложной задачей.
Интерфейс генератора тем jQuery UIУтилита открытого типа
Утилита Open-type — это набор встроенных классов для применения расширенных типографских функций CSS, таких как лигатуры шрифтов, маленькая заглавная буква, и многое другое. Они в основном дают наилучшие возможности чтения для ваших пользователей в мелких деталях. Он значительно ухудшается в старых, неподдерживаемых браузерах.
ResponsifyJS
Одним из пресловутых ограничений реагирующего изображения на лице является то, что оно обычно правильно масштабирует изображение, но это отклоняет основную точку фокусировки изображения, когда оно уменьшается до очень маленького размера области просмотра.

ResponsifyJS — это легкая библиотека JavaScript, которую вы можете использовать для установки координат, чтобы поддерживать фокус изображения во время его изменения.
Художественное руководство для отзывчивой фотографии с Responsifyлинейный
Linear — это линейка приложений для Mac. Вы можете использовать линейку для измерения веб-страниц, определения размера элемента без необходимости открывать DevTools или выяснения, идеально ли центрирован элемент. Вы можете иметь несколько линеек и переключить устройство с PX на EM.
Mac приложение для веб-разработки в виду.StickyStack
StickyStack — это плагин jQuery для создания прокрутки стека: когда панель достигает верхней части окна просмотра, она остается там, а при дальнейшей прокрутке поднимается следующая панель. Это легкий плагин с несколькими опциями для настройки контейнера страницы, секции стека, а также тени блока стеков. Проверьте демонстрация,
Интерфейс Sticky Page Scrollзритель
Viewer — это плагин jQuery для лайтбокса изображений — модный популярный способ увеличения изображений в Интернете. Плагин поставляется с огромным количеством опций, которые позволяют настроить каждый бит лайтбокс интерфейс.

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

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

Это может быть хорошей альтернативой для демонстрации вашего веб-приложения вместо использования Photoshop.
Создайте макет устройства с помощью JavaScriptClrs
Clrs — это инициатива, направленная на то, чтобы переопределить стандартные веб-цвета в более удобный для глаз современный цветовой тон. Кроме того, он выступает набор цветовых комбинаций для лучшей доступности, Вы можете развернуть эти цвета с помощью образцов цветов NPM, Gem (Ruby) и Photoshop и Illustrator.
Лучшие стандартные веб-цветаColorify
Colorify — это сверхлегкая библиотека JavaScript (уменьшенная до 3 КБ) для извлечения доминирующих цветов из изображения с множеством API для управления цветами. Вы можете использовать извлеченный цвет в качестве заполнителя, ожидая полной загрузки изображения, создать градиентный фон или настроить соседний интерфейс для соответствия цвету изображения.
Библиотека JavaScript для извлечения цвета в изображенииBookBlock
BookBlock — это плагин jQuery для создания буклета с эффектом переворота страницы. Это прекрасная альтернатива для отображения нескольких изображений на вашем сайте, особенно если есть последовательность или поток, который вы хотите продемонстрировать.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *