С типографикой на сайте можно экспериментировать бесконечное количество раз. Одним из инструментов, который помогает это делать является свойство CSS3 text-shadow. На первый взгляд свойство text-shadow достаточно простое, но при должном внимании и сообразительности можно добиться потрясающих эффектов. Сегодня я хочу вам показать несколько таких примеров, которые вы легко сможете использовать в своих проектах.

Смысл технологии состоит в том, чтобы система загружает css в зависимости от разрешения вьюпорта пользователя. Очень полезно, так как резина стала подводить - нужно чтобы сайт хорошо смотрелся и на iphone и при ширине экрана более 2540px. Кстати, Css подменяются даже если происходит изменение размера окна браузера.

Изучение таких свойств, как transform, transition, animation лучше всего на конкретных примерах, чтобы было наглядно видно какого результата добьёмся теми или иными действиями. А в заключении какой-нибудь интересный образец, который заставит ахнуть и подтолкнуть для самостоятельного составления кода.

ChocoTemplates – отличный CSS шаблон, сделанный исключительно в современном стиле. У этого шаблона красивое CSS меню с эффектом подсветки, а также jQuery слайдер на главной странице. Такой шаблон можно использовать для корпоративного сайта или сайта компании. Код шаблона чист, как слеза младенца.)

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

Часто возникают вопросы связанные с созданием различного рода границ, с использованием свойства border. Чаще всего используются обычные границы, например, solid или dotted. Сегодня же мы разберем примеры, в которых создадим границы, которые будут выглядеть совсем иначе. Это будут границы с различными эффектами, такими как тени, вдавленность, границы со скосом. Давайте приступим.

Сегодня хочу продолжить тему построения геометрических фигур с помощью CSS и CSS3. Фигуры сегодня будут еще более сложные, нежели в предыдущей статье. Вот перечень фигур: ромб, яйцо, pac man, рамка цитаты, 12-ти конечная звезда, 8-ми конечная звезда. Итак, приступим.

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

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

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