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

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

Записи, помеченные ‘урок верстка’

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Эксперименты со свойством CSS3 background-clip: text

    Эксперименты со свойством CSS3 background-clip: text

    С помощью свойства CSS background-clip: text, которое сейчас поддерживается только браузерами Webkit, мы можем добавить фоновое изображение к текстовому элементу. Сегодня мы будем экспериментировать с ним и создадим забавные примеры с помощью CSS3 переходов.

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

    Создание выезжающих блоков связанных сообщений с помощью jQuery и CSS3

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Эффект размытия с помощью CSS3 и jQuery

    Эффект размытия с помощью CSS3 и jQuery

    Сегодня вы увидите, как создать простой эффект размытия для текстовых элементов. Основная задача – есть набор текстовых блоков, которые будут размываться и уменьшаться, когда мы проводим над ними указателем мыши. Элемент в фокусе будет увеличиваться. Это создаст эффект фокуса, который привлечет внимание к элементу, над которым указатель мыши находится сейчас.

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

Страница 41 из 42« Первая...1020303839404142