верстка - Страница 42

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

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

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

Работать в команде всегда непросто. А сделать так, чтобы тот, кто продолжает сделанную тобой работу был доволен умеет не каждый. Иногда мы сами не подозреваем о том, какие проблемы и препятствия создаем для своих коллег. Частенько такое происходит и в неразлучной связке веб-дизайнер-верстальщик. Как сделать верстальщика счастливым? Специально для читателей Дежурки несколько советов на эту тему [...]
Далее... 7 Комментариев »
Создаем выезжающее меню с использованием CSS и jQuery

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

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

В этом уроке мы создадим уникальный выезжающий блок навигации. Основная задача — сделать так, чтобы блок с пунктом меню сдвинулся вниз и в то же время уменьшенное изображение появилось сверху. Мы также добавим блок подменю с вложенными ссылками для некоторых пунктов меню. Подменю будет выезжать влево или вправо в зависимости от того, на какой пункт мы наведем [...]
Далее... 1 Комментарий »
Эксперименты со свойством CSS3 background-clip: text

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

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

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

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