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

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

Итак, давайте проверим их.

Проверьте все наши свежие ресурсы (по месяцам):

Прото

Адаптивный веб-дизайн сейчас становится стандартной практикой при создании сайта. Это делает этот инструмент действительно полезен, чтобы сделать работу. Proto построен на SCSS для быстрого создания прототипа адаптивного макета, предоставляя готовые к использованию предопределенные классы CSS, определяя адаптивную сетку и некоторые классы, специфичные для устройства..

Grid Displayer

Если вы работаете с адаптивными средами разработки, такими как Bootstrap или Foundation, вам, вероятно, понадобится этот букмарклет, чтобы отслеживать сетку в браузере. Этот инструмент покажет наложенную сетку на просматриваемой веб-странице. Это очень удобно, просто перетащите его на панель закладок. Просто нажмите на букмарклет в любое время, когда вам нужны сетки, чтобы показать.

BootMetro

Windows 8 применяет простоту языка дизайна Metro. Если вы хотите использовать этот стиль на своем сайте, BootMetro, вероятно, то, что вам нужно.

подчеркивания

В Интернете доступно множество начальных тем WordPress, но ни одна из них не настолько хороша, как Underscores. С его помощью вы можете указать и персонализировать имя темы, описание, автора и, в частности, тему темы, которая применяется к функции темы после загрузки пакета, так что вы получите что-то вроде theme_slug_function.

Jarallax

Как эффект Parallax, который вы видите на таких сайтах, как этот? Если вы хотите применить подобный эффект к своему веб-сайту, вы можете использовать Jarallax, библиотеку анимации JavaScript, чтобы создать эффект Parallax (почти мгновенно).

Ветреный

Вам надоели эффекты скольжения галереи, которые движутся только горизонтально? Затем проверьте Windy, который использует 3D-трансформацию для запуска контента по-настоящему уникальным способом. Посмотреть демо здесь.

TiltShift

Короче говоря, tiltShift в фотографии - это техника, при которой фотография выглядит меньше, почти миниатюрно, чем на самом деле. Проверьте нашу коллекцию таких фотографий в этом посте: “Tilt-Shift Фотография”. Если вы хотите применить такой эффект в вашей фотогалерее, вы можете просто использовать эту библиотеку JavaScript, TiltShift.js.

Последовательность

Sequence.js - это плагин Responsive jQuery slider с некоторыми продвинутыми эффектами перехода. В отличие от другого слайдера, Sequence не имеет собственной встроенной темы. Таким образом, мы можем полностью настроить внешний вид в соответствии с нашим сайтом.

дельта

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