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

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

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

  • Постоянная ссылка на Создаем динамичное LavaLamp меню при помощи css3

    Создаем динамичное LavaLamp меню при помощи css3

    Многие уже видели примеры анимированных меню с LavaLamp эффектом (созданных при помощи JQuery). Сегодня мы бы хотели вам рассказать, как повторить такой эффект  при помощи CSS3 (без JavaScript). Мы будем использовать свойство CSS3 transitions (для анимации элементов).

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

    Создаём адаптивный сайт

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

    Далее... 8 Комментариев »
  • Постоянная ссылка на Введение в webkit-фильтры

    Введение в webkit-фильтры

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Как избежать ошибок в CSS3

    Как избежать ошибок в CSS3

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

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

    30 классных уроков создания CSS меню

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

    Далее... 17 Комментариев »
  • Постоянная ссылка на Заголовки со стрелочками в стиле Adobe.com

    Заголовки со стрелочками в стиле Adobe.com

    Этот урок опубликовал вчера Chris Coyier, и мы не могли оставить его незамеченным. Способ, описанный в нем, можно здорово применить не только в качестве заголовка раздела или статьи, но и в полосе «хлебных крошек». Мы перевели его статью, добавив некоторые замечания, высказанные читателями CSS-Tricks. Крису приглянулись вот эти стрелочки на панельках заголовков сайта Adobe: 

    Далее... 5 Комментариев »
  • Постоянная ссылка на Делаем навигацию на CSS3 с превью

    Делаем навигацию на CSS3 с превью

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Секреты CSS3: инструмент calc ()

    Секреты CSS3: инструмент calc ()

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

    Далее... 3 Комментариев »
  • Постоянная ссылка на Как браузеры отображают различные значения CSS border-style?

    Как браузеры отображают различные значения CSS border-style?

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

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

Страница 40 из 41« Первая...1020303738394041