Анонсы с пометкой «сайт»

Анимированные эффекты для сайта на WebGL

Разработка Анимированные эффекты для сайта на WebGL

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

Разработка Эластичная навигация для сайта с помощью CSS3

Эластичность, сейчас, весьма популярная. Разнообразие девайсов заставляет разработчиков придумывать новые приемы для реализации навигации для разных объектов. В данном уроке мы рассмотрим процесс построения и стилизации замечательной эластической навигации для сайта. В демонстрации мы сделали несколько версий, для отображения в разных условиях, первая навигация это обычная кнопка Обсудить »
Параллакс с эффектом увеличения с помощью JS

Разработка Параллакс с эффектом увеличения с помощью JS

Параллакс весьма интересная тема для наших читателей и мы не могли пройти ее стороной, в данном уроке мы рассмотрим достаточно простой способ реализации параллакса, а именного эффект увеличения шапки страницы с движением при прокрутки вниз. Смотрится такой эффект достаточно оригинально и визуально оживляет страницу, реализовать его тоже не составит труда. Обсудить »
Слайдер отзывов клиентов сайта на CSS и jQuery

Разработка Слайдер отзывов клиентов сайта на CSS и jQuery

Отзывы клиентов для сайта который предоставляет услуги или рекламирует себя является очень важным элементов в структуре сайта. Данный раздел не стоит упускать из виду и подать его посетителям красиво и отзывчиво. В данном уроке мы рассмотрим как реализовать данную функцию. Мы рассмотрим замечательный способ создания простого модуля для отзывов клиентов, который можно легко встроить в ваш дизайн. Обсудить »

Разработка Навигация для сайта при помощи CSS3 и JS

Несколько недель назад ресурс stripe.com запустил новый дизайн сайта. Ресурс получился, по нашему мнению, удивительным. Одна особенность,которая первая нам бросилась в глаза, это морфинг выпадающей навигации. Вместо того , чтобы скрывать, а затем показывать новый выпадающий "контейнер" пользователю предлагается переключается с одного элемента навигации к другому, Обсудить »
Стильный слайдер для сайта при помощи SVG

Разработка Стильный слайдер для сайта при помощи SVG

В данном уроке мы бы хотели вам рассказать о возможности реализации достаточно легкого слайдера, который отлично впишется в любой дизайн сайта, кроме этого мы будем использовать SVG, что позитивно скажется в скорости загрузки сайта и поисковой оптимизации. Идея состоит в следующем, у нас будет две стрелки стилизованы с предварительным просмотром в виде ромба, Обсудить »
Модальное окно с эффектом перетаскивания на JS

Разработка Модальное окно с эффектом перетаскивания на JS

Прочитав заголовок вы подумаете, что ничего нового в этом уроке вы для себя не найдете, но не спешите делать выводы. В сегодняшнем уроке мы рассмотрим достаточно новый и экспериментальный эффект перетаскивания элементов, который наверняка вас удивит. Во время перетаскивания объектов мы будем менять их форму для добавления интерактивности. Обсудить »
Интерактивные hover-эффекты для сайта на JS

Разработка Интерактивные hover-эффекты для сайта на JS

Прежде всего, мы бы хотели пояснить, для тех, кто не знает, что такое hover-эффекты, мы немного объясним. Это различные виды эффектов (всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение.) применяемые к элементам веб-сайта при наведении на них курсора мыши. Обсудить »
Эффекты искажения кнопок с помощью фильтров

Разработка Эффекты искажения кнопок с помощью фильтров

Все больше разработчиков используют SVG, что заставляет развивать данное направление. В данном уроке мы рассмотрим замечательный прием с применением фильтром основанных на SVG. Такой прием мы подключим к кнопкам. Основная идея заключается в применении эффекта искажения или эффекта жидкости к кнопке. Обсудить »
Универсальный WordPress шаблон Monstroid 2

Разработка Универсальный WordPress шаблон Monstroid 2

В этой статье мы познакомим вас с Monstroid 2, универсальным WordPress шаблоном нового поколения. Monstroid 2 является результатом слаженной командной работы, нестандартного мышления и постоянного стремления к совершенству. Вы готовы узнать всё об этом продукте, стильном “снаружи” и функциональном “внутри”? Тогда просмотрите более детальную информацию этом, замечательном, шаблоне. Обсудить »
Захватывающий видео-шаблон для сайта на JS

Разработка Захватывающий видео-шаблон для сайта на JS

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

Разработка Эффект масок для изображений с помощью CSS

Ранее мы уже публиковали уроки про различные маскирующие эффекты, основанные на свойствах SVG. На этот раз мы воспользовались прозрачностью PNG, чтобы увеличить масштаб маски. Если вы хотите изменить цвет масок форматов .png, вы можете легко сделать это в Photoshop (или любом другом графическом редакторе), применив цветное наложение ко всему слою изображения. Обсудить »
22 лучших инструмента для веб-дизайнеров

Разработка 22 лучших инструмента для веб-дизайнеров

Вы веб-дизайнер? Какие инструменты вы используете, когда работаете над своими проектами? Хотите узнать секреты других веб-мастеров? В этой статье вы найдёте список лучших, наиболее популярных инструментов, которыми пользуются ваши наиболее успешные коллеги. Обсудить »
Интересные шаблоны лендингов для магазинов

Разработка Интересные шаблоны лендингов для магазинов

Посадочная страница или, как ее чаще называют, "лендинговая" страница – это именно то, с чего все начинается. Начинается ваше знакомство с продуктом, начинается реклама, начинается интерес. Возможно, вы уже не раз невольно поддавались влиянию и силе посадочных страниц. Обсудить »
Реагирующие посты сайта при наведении курсора

Разработка Реагирующие посты сайта при наведении курсора

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

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте