Во-первых, поздравляю всех с великим праздником победы! Лично я помню и горжусь. Но я не один и это хорошо. А, во-вторых, предлагаю блоггерам и вебмастерам в честь 9 мая устроить небольшой, но важный для всех флэшмоб, и разместить на своих блогах символику победы в Великой Отечественной Войне. Сделать это конечно можно разными способами. Лично я представил на своем блоге один из самых простых вариантах. О нем и рассказал на блоге...

Добрый! Как вы думаете красивые кнопки с помощью CSS, которые будут выглядеть в самом деле хорошо — это миф? Или все таки все CSS кнопки это дрянь? Лично я думаю, что и с помощью CSS можно создать очень симпатичные кнопки. Ведь иногда так лениво делать сплайны для новых кнопок, пытаться что-то выдумать и копошиться в Фотошопе, что лучше накидать быстренько кнопку в CSS и расслабится. Чтобы узнать по подробней смотрите продолжение на блоге =)

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

Не так часто, но иногда приходится пользоваться тегами (blockquote) цитат на странице. Обычно это происходит в комментариях, когда нужно процитировать ранее опубликованный комментарий, чтобы было понятно кому вы ответили. Или же просто выделить в статье какую-то часть текста, чтобы сделать акцент и привлечь внимание читателя к чему-то очень важному, по вашему мнению.

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

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

Сегодня мы будем разбираться с псевдо-селекторами, а заодно создадим довольно интересное слайд меню. Для начала мы создадим меню используя техники CSS3. Потом мы реализуем то же самое без использования псевдо-селекторов, дабы пример был кроссбраузерным. И в самом конце мы заменим все новые штучки из CSS3 на старый добрый jQuery.

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

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

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