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

• 

  Потрясающий эффект при наведении на изображение

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

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

  Лучшие СSS галереи

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

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

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

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

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

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

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

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

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

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

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

  Заголовки со стрелочками в стиле 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(). Мне непременно хочется о нем упомянуть, так как оно может сильно повлиять на ваш подход к верстке. 

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