Свіжі ресурси для веб-дизайнерів і розробників (листопад 2012 р.)
Є цілий ряд нових великих інструментів і ресурсів, щоб дати веб-дизайнерам і розробникам додаткові важелі для своєї роботи. Цей місяць ми маємо деякий великий безкоштовні інструменти та ресурси гідний спробувати, починаючи від плагіна для створення прохолодних фотоефектів до плагіна для змісту та ковзання зображень із справді прохолодним переходом.
Отже, давайте перевіримо їх.
Перегляньте всі наші свіжі ресурси (відповідно до місяця):
Proto
Чуйний веб-дизайн зараз стає стандартною практикою при створенні веб-сайту. Це робить це Інструмент дійсно корисний для виконання роботи. Proto побудований на SCSS для прототипування швидкого реагування, надаючи готові для використання попередньо визначені класи CSS, визначаючи відповідну сітку і деякі специфічні класи пристроїв.
Grid Displayer
Якщо ви працюєте з фреймворками Responsive Design, наприклад Bootstrap або Foundation, вам, ймовірно, знадобиться цей букмарклет для відстеження сітки в браузері. Цей інструмент покаже сітку накладання на веб-сторінці, яку ви переглядаєте. Це дуже зручно, просто перетягніть його на панель закладок. Просто натисніть на закладку в будь-який час, коли вам знадобляться сітки.
BootMetro
Windows 8 застосовує простоту мови дизайну Metro. Якщо ви хочете прийняти цей стиль на вашому сайті, BootMetro, ймовірно, те, що вам потрібно.
Підкреслення
У Інтернеті є багато тем для запуску WordPress, але жодна з них не настільки велика, як підкреслення. За допомогою цього пункту ви можете вказати і персоналізувати ім'я теми, опис, автор і, зокрема, тему Slug, яка застосовується до функції теми після завантаження пакета, тому ви отримаєте щось подібне theme_slug_function.
Jarallax
Як ефект паралакса, який ви бачите на таких веб-сайтах? Якщо ви хочете застосувати подібний ефект до вашого веб-сайту, ви можете використовувати бібліотеку анімації JavaScript Jarallax, щоб створити ефект Parallax (майже не встигнути).
Вітряний
Вам набридли ефекти ковзання галереї, які рухаються лише горизонтально? Потім перевірте Windy, який використовує 3D-трансформацію, щоб виконати вміст справді унікальним способом. Дивіться тут демо.
TiltShift
Коротше кажучи, tiltShift у фотографії є технікою, щоб зробити фото виглядає меншим, майже мініатюрним, ніж воно є насправді. Перегляньте нашу колекцію таких фотографій у цій публікації: “Фотозйомка нахилу”. Якщо ви хочете застосувати такий ефект у вашій фотогалереї, ви можете просто скористатися цією бібліотекою JavaScript, TiltShift.js.
Послідовність
Sequence.js є адаптивним плагін jQuery з деякими просунутими ефектами переходу. На відміну від іншого повзунка, послідовність не має власної вбудованої теми. Таким чином, ми можемо повністю налаштувати зовнішній вигляд і відповідність нашого сайту.
Delta
JQuery UI - це повний набір загальних веб-інтерфейсів і взаємодії, які прості у використанні. Тим не менш, тема за замовчуванням нудна. Отже, якщо ви хочете мати інший вигляд для jQuery UI, але не хочете, щоб ваші руки були брудні з CSS, ви можете просто замінити стилі CSS за замовчуванням на Delta, гладку тему для jQuery UI.
