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

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

Записи, помеченные ‘меню css’

  • Постоянная ссылка на Меню из маленьких блоков с использованием jQuery

    Меню из маленьких блоков с использованием jQuery

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Создание интересного меню в виде вкладок с использованием CSS3

    Создание интересного меню в виде вкладок с использованием CSS3

    Не смотря на то, что не совсем понятно, для чего в CSS3 была добавлена анимация, у этого развивающегося стандарта есть несколько очень приятных элементов, которые были добавлены в CSS и которыми мы сегодня воспользуемся. Мы создадим интересное меню в виде вкладок с использованием CSS3.

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

    Создание адаптивного меню с использованием CSS

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

    Далее... 3 Комментариев »
  • Постоянная ссылка на Создание необычного выезжающего меню с использованием jQuery

    Создание необычного выезжающего меню с использованием jQuery

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Создание вытягиваемого бокового меню для веб-сайта

    Создание вытягиваемого бокового меню для веб-сайта

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

    Далее... 33 Комментариев »
  • Постоянная ссылка на Создаем меню с нестандартными шрифтами на CSS3 и jQuery

    Создаем меню с нестандартными шрифтами на CSS3 и jQuery

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

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

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

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Создаем выезжающее меню с использованием CSS и jQuery

    Создаем выезжающее меню с использованием CSS и jQuery

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

    Далее... 10 Комментариев »
  • Постоянная ссылка на Создаем меню с уменьшенными изображениями с использованием jQuery

    Создаем меню с уменьшенными изображениями с использованием jQuery

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

    Далее... 1 Комментарий »

Страница 1 из 212