Готовые приемы по работе со свойством border в CSS

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

Геометрические фигуры с помощью CSS и CSS3. Продолжение

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

Геометрические фигуры с помощью CSS и CSS3

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

10 лучших мануалов по созданию форм с помощью CSS3

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

10 приемов CSS3, которые можно и нужно использовать

Этот список не будет содержать информацию обо всех замечательных нововведениях CSS3. В нем представлены только 10 самых часто используемых. Большинство из ниже приведенных свойств CSS3...
Этот список не будет содержать информацию обо всех замечательных нововведениях CSS3. В нем представлены только 10 самых часто используемых. Большинство из ниже приведенных свойств CSS3 хорошо поддерживаются браузерами на данный момент. В статье так же рассмотрены известные баги браузеров и способы борьбы с ними. (далее…)

Псевдо-элементы :before/:after. Поддержка браузерами

В предыдущей статье Создаем границу у сайта мы активно использовали псевдо-элементы. А поддерживаются ли псевдо-элементы браузерами? Этот вопрос тревожит многих веб-разработчиков. На данный момент псевдо-элементы...
В предыдущей статье Создаем границу у сайта мы активно использовали псевдо-элементы. А поддерживаются ли псевдо-элементы браузерами? Этот вопрос тревожит многих веб-разработчиков. На данный момент псевдо-элементы :before и :after поддерживаются достаточно неплохо, в отличие от многих интересных фишек CSS3. (далее…)

Работаем с эффектом при наведении (hover)

Добрый день! Сегодня хочу привести небольшой пример работы с эффектом при наведении. Из примера вы научитесь выделять определенный элемент из группы элементов при наведении на...
Добрый день! Сегодня хочу привести небольшой пример работы с эффектом при наведении. Из примера вы научитесь выделять определенный элемент из группы элементов при наведении на них курсора мыши. Пример строиться на использовании свойства opacity и псевдо-классов. Итак, приступим. (далее…)

6 полезных CSS кнопок

С помощью CSS мы полностью меняем представление о создании кнопок для сайтов и интернет проектов. Раньше нам приходилось использовать несколько изображений для создания кнопки, а...
С помощью CSS мы полностью меняем представление о создании кнопок для сайтов и интернет проектов. Раньше нам приходилось использовать несколько изображений для создания кнопки, а теперь несколько строк кода. Далее в статье вы увидите рецепт для приготовления шести различных кнопок с использованием CSS. Код представленный в статье вы можете просто взять и вставить в свой проект. Учитывайте только то, что часть кнопок будут некорректно отображаться в IE, но это решаемо - достаточно прочесть статью об условных комментариях для Internet Explorer. (далее…)

3D текст с помощью CSS

Видели ли вы сайт Дэвида Дэсандро? Сайт выглядит очень минималистично. А вот футер очень интересный: текст при наведении на него указателя мыши становится трехмерным. Техника...
Видели ли вы сайт Дэвида Дэсандро? Сайт выглядит очень минималистично. А вот футер очень интересный: текст при наведении на него указателя мыши становится трехмерным. Техника создания таково эффекта очень проста. Давайте посмотрим как можно сделать такой эффект. Использовать мы будем несколько свойств CSS3. (далее…)

Градиенты CSS

Совсем недавно, в статье Градиентная заливка с помощью CSS3 я приводил парочку примеров работы линейного градиента. Мы тогда так и не коснулись вопроса радиального градиента....
Совсем недавно, в статье Градиентная заливка с помощью CSS3 я приводил парочку примеров работы линейного градиента. Мы тогда так и не коснулись вопроса радиального градиента. Сегодня я хотел бы дать немного больше информации о градиентах CSS. На данный момент градиенты поддерживаются браузерами Internet Explorer 8+, Firefox, Safari и Chrome и мы можем с уверенностью применять их на наших сайтах. Давайте подробнее рассмотрим градиенты CSS: их синтаксис и поддержку браузерами. (далее…)