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

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

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

  • Постоянная ссылка на Исчезающие со временем уведомления с CSS-анимацией

    Исчезающие со временем уведомления с CSS-анимацией

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Адаптивный аккордеон на CSS и JAVASCRIPT

    Адаптивный аккордеон на CSS и JAVASCRIPT

    В сегодняшнем уроке мы будем создавать адаптивный аккордеон. При открытии он будет скользить с верхней части страницы и раскрывать содержимое. Будут добавлены также CSS3 переходы для стрелок. Начнем!

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

    Создаем меню со случайным поворотом пунктов с помощью jQuery и CSS3

    В этом уроке мы создадим отличное меню с выезжающей областью содержимого. Мы используем неряшливый стиль, так как хотим, чтобы оно выглядело немного беспорядочно: мы сделаем пунктам меню случайный угол поворота, используя свойство CSS3 “transform”. Так что когда мы загрузим страницу, все пункты меню будут расположены по-разному, что придаст случайный и творческий вид этой нерегулярной странице.

    Далее... 2 Комментариев »
  • Постоянная ссылка на Создание анимации с Animate.css

    Создание анимации с Animate.css

    Несмотря на все трудности возникающие при создании анимации, безусловно стоит стремиться к получению навыков,  приобретению уверенности и достижению мастерства в этой области. Ден Эден – дизайнер и студент из Манчестера (Великобритания) —  создал своеобразную библиотеку анимации Animate.css. По его словам, изначально идея возникла для оптимизации собственного времени на разработку проектов, а затем приобрела большие масштабы. Теперь все желающие могут [...]

    Далее... 1 Комментарий »
  • Постоянная ссылка на Как сделать элегантный аккордеон с JQUERY и CSS3

    Как сделать элегантный аккордеон с JQUERY и CSS3

    Сегодня мы будем создавать элегантный аккордеон для контента. Идея состоит в том, чтобы несколько вертикальных вкладок с контентом раздвигались в стороны при наведении на одну из них курсором мыши. Для улучшения внешнего вида аккордеона будут использованы некоторые свойства CSS3. Давайте приступим!

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

    Создание эффекта глянцевой фотографии при помощи CSS3

    Все чаще и чаще мы создаем эффекты, которые обычно создавались в графическом программном обеспечении, таком как Adobe Photoshop, используя только CSS. И последнее время новые эффекты становятся достижимы с помощью CSS3. В этом уроке мы рассмотрим, как воссоздать распространенный эффект глянцевого изображения, используя некоторые градиенты CSS3.

    Далее... 2 Комментариев »
  • Постоянная ссылка на Полезные инструменты для размещения, изменения и просмотра CSS

    Полезные инструменты для размещения, изменения и просмотра CSS

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Адаптивный веб-дизайн с использованием CSS3

    Адаптивный веб-дизайн с использованием CSS3

    Революция смартфонов привнесла новые особенности в веб-разработку, пришло время преобразовать дизайн вашего веб-сайта в адаптивный дизайн вместо того, чтобы поддерживать отдельную мобильную версию. Адаптивный дизайн автоматически подстроится, основываясь на размере экрана используемого устройства. Этот урок объясняет, как использовать свойство CSS3 @media и работать с Internet Explorer, используя библиотеку JavaScript Modernizr.

    Далее... 3 Комментариев »
  • Постоянная ссылка на Многоуровневое меню

    Многоуровневое меню

    Сегодня мы хотим поделиться с вами экспериментальным многоуровневым меню, которое может стать полезным для сайтов с большим количеством контента (например, интернет-магазинов). В результате получается меню, которое может содержать теоретически бесконечное количество вложенных подменю. Когда вы открываете подменю, главное меню частично скрывается под ним. При необходимости этот срез может быть видимым или же нет. Если нет — то [...]

    Далее... 4 Комментариев »

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