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

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

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

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

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

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

    Далее... 5 Комментариев »
  • Постоянная ссылка на Лучшие СSS галереи

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

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

    Далее... 3 Комментариев »
  • Постоянная ссылка на Введение в 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 Комментариев »
  • Постоянная ссылка на Эволюция Responsive Web Design

    Эволюция Responsive Web Design

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

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

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

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

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

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

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

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

Страница 47 из 49« Первая...1020304546474849