Сила CSS

Главная / Сила CSS

В Интернете, контент — это король. Он весь держится на контенте, то есть содержании.

Как мы недавно обсудили, HTML определяет структуру этого контента.

Так что если вы хотите опубликовать необработанный контент, вы можете взять HTML-файлы, залить их на сервер, и всё готово.

Тем не менее, это было бы большой ошибкой.

Хотя контент и король, от его презентации в значительной степени зависит то как пользователи его потребляют и как к нему относятся.

Если взять ту же аналогию с домом, мало кому понравилось бы жить в доме без красиво окрашеных стен, закрывающих сырой каркас и балки.

В этом разница между домом и простым укрытием от улицы.

И когда дело доходит до сайтов, одной структуры просто недостаточно.

Недостаточно просто оставить CRUD сгенерированный фреймворком бэкенда, вы должны стилизовать контент, чтобы он понравился пользователю.

Цвет, позиционирование и размер, среди прочих вещей, являются частью этого.

CSS — технология, предоставляющая эту возможность.

CSS является невероятно мощной технологией, она может изменить HTML-структуру до неузнаваемости.

Чтобы увидеть то о чем я говорю, можете посетить сайт CSS Zen Garden, он довольно-таки удивит вас.

CSS Zen Garden

Идея этого сайта проста.

Дизайнеры и веб-разработчики со всего мира могут представить свой проект. Они могут переделать дизайн этого сайта.

Но есть одна уловка. Они не могут менять HTML.

Так что единственное, что они меняют, это CSS.

На данный момент у них больше двух сотен дизайнов, вы можете посмотреть на них по ссылке приведенной выше.

Я покажу несколько скриншотов.

Везде меняется только лишь CSS. Неплохо, да?

В общем, советую посмотреть. Некоторые дизайны даже сделаны в виде комикса или используют анимацию.

Вкратце

Суть этого поста в том, что CSS является невероятно мощной технологией. Она не только стилизует контент, но и влияет на опыт взаимодействия пользователя.

Как модно говорить, «юзер-экспириенс» имеет значение.

1 комментарий к “Сила CSS”

  1. Уменьшил размер скриншотов в посте. Чтобы увидеть в полном размере, можно открыть изображения в оригинале, либо посетить сам сайт о котором идет речь.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *