Записи, помеченные ‘css’

• 

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

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

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

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

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

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

  Эволюция Responsive Web Design

  Тема Responsive Web Design – универсального дизайна приложения для множества устройств набирает все больше оборотов в мировом дизайн-сообществе. Однако, готовя очередную подборку современных отечественных сайтов, к моему сожалению, среди них не встретилось ни одного, адекватно изменяющего ширину на узком экране. А ведь принципы responsive web design довольно просты и в то же время крайне эффективны. [...]

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

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

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

  Далее... Нет комментариев »
• 

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

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

  Далее... Нет комментариев »
• 

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

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

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