Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Архив рубрики ‘css’

  • Постоянная ссылка на Социальные закладки на бельевой веревке при помощи CSS

    Социальные закладки на бельевой веревке при помощи CSS

    Сегодня мы создадим забавные социальные закладки, которым не требуется JavaScript, так как они основаны на чистом CSS. Мы повесим повернутые уменьшенные изображения социальных закладок на бельевую веревку и посадим на нее милую птичку Twitter. Это просто пример, и, конечно, вы можете добавить любые социальные закладки, которые подойдут для вашей страницы. Это решение демонстрационное, и оно может показаться кому-то [...]

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание плиточной анимации при помощи CSS и jQuery

    Создание плиточной анимации при помощи CSS и jQuery

    Приложения сервиса Google Plus для iPhone и Android устройств многим кажутся очаровательными. Все изменения в них происходят плавно, но не в ущерб производительности. Плиточная анимация, происходящая при прокручивании ленты новостей, делает еще более приятной прокрутку страницы. Разве не здорово было бы реализовать такую анимацию на вашем веб-сайте?

    Далее... 1 Комментарий »
  • Постоянная ссылка на Выезжающий поверх страницы блок сообщений при помощи CSS и jQuery

    Выезжающий поверх страницы блок сообщений при помощи CSS и jQuery

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Создание трехмерной интерактивной галереи с использованием CSS и jQuery

    Создание трехмерной интерактивной галереи с использованием CSS и jQuery

    В этом уроке мы покажем шаг за шагом, как создать прекрасную трехмерную интерактивную галерею, используя только CSS3 и jQuery. На создание этого урока автора вдохновил веб-сайт Tapmates. В этом уроке мы добавим интересные взаимодействия, которые могут быть применены к чему угодно, начиная от веб-сайта, основанного на изображениях, и заканчивая портфелем с образцами выполненных вами работ. [...]

    Далее... 2 Комментариев »
  • Постоянная ссылка на Три забавных метода оформления текста с использованием Lettering.js

    Три забавных метода оформления текста с использованием Lettering.js

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

    Далее... 5 Комментариев »
  • Постоянная ссылка на Меню с выезжающими изображениями при помощи CSS и jQuery

    Меню с выезжающими изображениями при помощи CSS и jQuery

    В этом уроке мы покажем, как создать необычное меню. Если навести на него указатель мыши, появятся уменьшенные изображения. Уменьшенные изображения выезжают сверху, и, когда указатель мыши покидает область ссылки меню, они уезжают назад под элемент ссылки. Это создает эффект перетасовки карт.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание рекламного щита с использованием jQuery и CSS

    Создание рекламного щита с использованием jQuery и CSS

    Очень интересно создавать то, что обычно делается на flash, используя только CSS и jQuery. В этом уроке мы таким образом создадим поворачивающийся рекламный шит. Мы будем использовать изображения, CSS и jQuery, чтобы создать поворачивающийся рекламный щит с двумя рекламными изображениями. Основная задача, — чтобы один набор фрагментов изображения исчезал, пока другой набор с другим рекламным изображением [...]

    Далее... 6 Комментариев »
  • Постоянная ссылка на Простая контент-галерея с использованием jQuery и CSS3

    Простая контент-галерея с использованием jQuery и CSS3

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

    Далее... 3 Комментариев »
  • Постоянная ссылка на Улучшенное выезжающее меню с использованием CSS и jQuery

    Улучшенное выезжающее меню с использованием CSS и jQuery

    В этом уроке мы разовьем тему, начатую ранее и улучшим меню, которое создавали в прошлом уроке. Предыдущая версия была очень милой, но нам не хотелось бы, чтобы пользователю пришлось наводить указатель мыши на все пункты меню, чтобы узнать, какие они. Так что мы подпишем пункты меню и заставим их высовываться, так что пользователю всегда будет видно, какие пункты существуют. [...]

    Далее... Нет комментариев »

Страница 30 из 41« Первая...1020282930313240...Последняя »