CSS - Флаг Соединённых Штатов Америки

Флаг С.Ш.А. интересен тем, что при его отрисовки можно использовать Repeating Gradient, отрисовка звёздочек через Content и всё это одним дивом.

CSS - Флаг Японии

Простой и понятный флаг - красный круг на белом фоне. Это же так просто, да? Ну да, просто. Зато можно нарисовать двумя разными, и интересными, способами.

CSS - Флаг Израиля

Флаг Израиля. Вроде всё просто, две полосы на белом фоне и звезда Давида. С фоном всё было просто, а вот относительно звезды пришлось применить один фокус. Треугольники и CSS не самые лучшие друзья.

CSS - Флаг Норвегии

А вот здесь пришлось попотеть. Вроде нет ничего страшного или сложного, даже ежу понятно, что больше одного дива и не надо. Но вот liner-gradient задал загадку которую пришлось разгадать.

CSS - Флаг Чехии

Как оказалось, нельзя так просто взять и нарисовать треугольник на чистом CSS. Флаг Чехии это очень хороший пример для тренировки рисования треугольников.

CSS - Флаг России

Рисунки на чистом CSS. Блин, да это просто ё-моё!! Я всё никак не мог понять с чего начинать практиковать CSS. Просто так верстать страницы с шаблонов я не хотел - скучно. А верстать что-то своё тоже не мог - нет фантазии. А вот с рисунками всё получилось иначе. Интересно, забавно и не тривиально.

Простой Code Block для блога на CSS

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

CSS это просто круто

Я так много времени боялся этих 3-х букв. Ужас просто... на эти "коды" было страшно смотреть, я ничего в них не понимал и никто не мог помочь... с тех пор прошло больше 10-и лет :)

И вот настал тот момент когда именно CSS мне помог решить мою проблему... и я был просто поражен на сколько это удобно и просто.