Пресни ресурси за уеб дизайнери и разработчици (февруари 2016 г.)

2015 беше страхотна година за уеб: уеб технологиите бяха приети в много фактори отвъд за изграждането на уебсайт или уеб приложение. Много мобилни и десктоп приложения са изградени с помощта на HTML, CSS и JavaScript. Това е възможно благодарение на преносимостта на уеб технологиите и библиотеките като React.js, Angular и Node.js.

И така, в днешната версия на тази серия сме събрали няколко JavaScript и CSS библиотеки.

Кликнете за още ресурси

Намерете цялата ни колекция от препоръчителни ресурси и най-добрите налични инструменти за уеб дизайн и разработка.

Плосък плъзгач

jQuery UI идва с колекция от общ уеб интерфейс, включващ Slider - потребителски интерфейс, който позволява на потребителя да избира диапазон от числови стойности. Най- Плосък плъзгач е уеб инструмент, който прави персонализирането на jQUery стила на потребителския интерфейс, който някога беше много трудна задача, много по-лесно сега.

Комунални услуги отворен тип

Комунални услуги отворен тип е колекция от класове, в които можете да се включите да прилагат разширени типографски функции на CSS такива шрифт лигатури, малка главна буква и много повече. Те предоставят най-доброто възможно четене за вашите потребители с подробности. Тя се влошава добре в по-старите, неподдържани браузъри.

ResponsifyJS

Едно от известните ограничения, които се отразяват, е, че обикновено се прави правилно мащабиране на изображението, но това отклонява основната фокусна точка на изображението, когато е намалена до много малък размер на виртуалния екран..

ResponsifyJS е лека JavaScript библиотека, която можете да използвате задайте координати, за да поддържате фокуса на изображението докато се преоразмерява.

линеен

линеен е приложение за владетел за Mac. Можете да използвате линейката за измерване на уеб страници, да откриете размера на елемента, без да се налага да отваряте DevTools или да разберете дали елементът е перфектно центриран. Можете да имате няколко линейки и да превключите устройството от PX на EM.

StickyStack

StickyStack е плъгин jQuery, който създава опит за превъртане на стека, когато панелът достигне горната част на прозореца, той се залепва там, докато по-нататъшното превъртане издърпва нагоре следващия панел. Това е лек плъгин с няколко опции за конфигуриране на контейнера за страници, секция на стека, както и сянката на купчините. Вижте демото.

Viewer

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

Приставката също така предоставя набор от API и персонализирани събития за пълен контрол върху лайтбокс реакция и поведение. Нещо повече, той работи до Internet Explorer 8.

DeviceMock

DeviceMock е библиотека на JavaScript, която ви позволява създаване на рамки или макети на устройства като телефон, таблет и десктоп. По подобен начин библиотеката осигурява опции за задаване на цвета на темата на рамката, размера и ориентацията на рамката.

Може да е добра алтернатива да покажете уеб и приложението си вместо да използвате Photoshop.

Clrs

Clrs е инициатива към предефинирайте уеб цветовете по подразбиране в един по-приятен, съвременен цветен тон. Освен това, той препоръчва набор от цветови комбинации за по-добра достъпност. Можете да разположите тези цветове чрез NPM, Gem (Руби) и цветни мостри от Photoshop и Illustrator.

Colorify

Colorify е супер лека JavaScript библиотека (3kb minified) до извлича доминиращи цветове от изображение с много API за манипулиране на цветовете. Можете да използвате извлечения цвят като заместител, докато чакате изображението да се зареди напълно, да генерира градиентен фон или да настроите съседния интерфейс, за да отговаря на цвета на изображението.

BookBlock

BookBlock е плъгин на jQuery създайте брошура с ефекта "флип на страницата". Това е красива алтернатива за показване на няколко изображения на уебсайта ви, особено ако има последователност или поток, които искате да покажете.

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