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

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

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

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

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

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Складывающиеся информационные блоки при помощи jQuery и CSS3

    Складывающиеся информационные блоки при помощи jQuery и CSS3

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Создание изображения HAL 9000 c использованием только CSS

    Создание изображения HAL 9000 c использованием только CSS

    Этот урок по созданию изображения HAL 9000 покажет вам, какие широкие возможности предоставляет современный CSS и как вы можете использовать эти методы в своей работе. HAL 9000 — это вымышленный компьютер из цикла произведений «Космическая одиссея» Артура Кларка. HAL 9000 также может быть отличной кнопкой уведомлений для веб-приложений. В этом уроке мы расскажем, как создать HAL 9000 [...]

    Далее... 2 Комментариев »
  • Постоянная ссылка на Плагины jQuery в вашу коллекцию

    Плагины jQuery в вашу коллекцию

    Количество плагинов jQuery не поддается подсчету, и мы периодически публикуем подборки полезных примеров. Сегодняшний материал — не исключение. В нем вы найдете 15 интересных и полезных jQuery-плагинов, которые разнообразят вашу работу и помогут поэкспериментировать над улучшением вашего сайта.

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

    Выделение и просмотр изображений с использованием jQuery

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

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

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

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

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

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

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

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

    Оформляем текст с использованием CSS3

    Красивая типографика всегда интересна, поэтому хочется найти способы применения веб-технологий для улучшения оформления текста. В этом уроке мы покажем, как использовать свойства CSS3, чтобы разнообразить оформление текстов или создать эффекты способами, которые кажутся невозможными. Заметьте: эффекты будут работать только в браузерах Webkit, но мы добавили дополнительные свойства, чтобы они работали и в других браузерах.

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

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

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

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