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

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

Така че нека ги проверим.

Вижте всички наши нови ресурси (според месеца):

Proto

Отзивчивият уеб дизайн сега се превръща в стандартна практика при създаването на уебсайт. Това прави това инструмент наистина полезен, за да си свършите работата. Proto е изграден върху SCSS за прототипиране на бързо реагиращо оформление чрез предоставяне на предварително дефинирани CSS класове, готови за използване, определяне на отзивчивата мрежа и някои специфични класове на устройства.

Решетъчен дисплей

Ако работите с рамки за реагиращ дизайн като Bootstrap или Foundation, вероятно ще ви е необходим този bookmarklet, за да следите мрежата в браузъра. Този инструмент ще покаже решетка с наслагване върху уеб страницата, която разглеждате. Това е доста удобно, просто го плъзнете и пуснете в лентата си за отметки. Просто кликнете върху букмарклета по всяко време, когато ви трябват мрежи за показване.

BootMetro

Windows 8 прилага простотата на езика за дизайн на Metro. Ако искате да прегърнете този стил на вашия сайт, BootMetro е вероятно това, от което имате нужда.

Долните

В интернет има много теми за начинаещи в WordPress, но никой друг не е толкова голям, колкото и подчертаващите. С него можете да зададете и персонализирате името на темата, описанието, автора и по-специално тематичния пул, който се отнася за функцията за тема, след като изтеглите пакета, така че ще получите нещо подобно theme_slug_function.

Jarallax

Подобно на ефекта Parallax, който виждате в сайтове като този? Ако искате да приложите подобен ефект към уебсайта си, можете да използвате Jarallax, JavaScript библиотека с анимации, за да създадете ефекта на Parallax (почти без време).

Ветровит

Отегчавате ли се с ефектите на галерията, които се движат само хоризонтално? След това проверете Windy, която използва 3D трансформация, за да изпълни съдържанието по истински уникален начин. Вижте демонстрацията тук.

TiltShift

Накратко, tiltShift във фотографията е техника, която прави снимката по-малка, почти миниатюрна, отколкото всъщност е. Проверете нашата колекция от такива снимки в тази публикация: “Фотография с накланяне”. Ако искате да приложите такъв ефект във вашата фото галерия, можете просто да използвате тази библиотека на JavaScript, TiltShift.js.

последователност

Sequence.js е отговорен плъгин за jQuery с някои усъвършенствани ефекти на прехода. За разлика от другия плъзгач, Sequence не се предлага със собствена вградена тема. Така че ние можем напълно да персонализираме вида и усещането, които съответстват на нашия уебсайт.

делта

JQuery UI е пълен набор от общ потребителски интерфейс и взаимодействие, което е лесно за използване. Темата по подразбиране обаче е скучна. Така че, ако искате да имате различен поглед за jQuery UI, но не искате да си замърсявате ръцете с CSS, можете просто да замените стандартните CSS стилове с Delta, гладка тема за jQuery UI.