CSS — потрясающая технология. Когда я впервые ее использовал, я думал, что это то, о чем я даже не мечтал. С появлением CSS3 такие технологии, как закругленные углы, тени, повороты и т. д., подняли CSS на беспрецедентную высоту. Однако, что касается CSS, не зашли ли мы слишком далеко? Эта статья дает еще один взгляд на некоторые экспериментальные применения CSS с точки зрения веб-дизайнера.
Эти авангардные эксперименты с CSS
В каждом эксперименте используются разные методы. Некоторые из них, например, рисование линий CSS, могут найти практическое применение в реальности. Другие, например, рисование Twitter Fail Whale, реализованное с помощью CSS, являются чисто экспериментальными. проиллюстрируйте, на что способен CSS, но это не значит, что так нужно делать.
давайте будем практичными
На изображении выше изображен логотип социальной сети, реализованный с использованием чистого CSS. Удивительно, не правда ли?
Недавно я прочитал статью Фарука Атеша «Чистые CSS-иконки: остановите безумие», в которой подвергался сомнению этот подход. Автор сказал, что некоторые люди начали пытаться использовать CSS в качестве инструмента дизайна и быстро вызвали большое количество подражателей. доступен ли подход? Его нелегко интегрировать в ваш дизайн и разработку, а также нелегко адаптировать.
Так же, как и приведенный выше логотип социальной сети, который полностью основан на CSS, он представляет собой не что иное, как набор различных комбинаций линий. Это впечатляюще и креативно, но непрактично, поскольку создание такого логотипа может потребовать нескольких часов упорного труда. работы, рисование той же картинки в Фотошопе совершенно не требует усилий, а эффект получается лучше (более детальный).
Атеш считает, что ремонтопригодность значков, созданных таким образом, также является проблемой. Изначально настройка значка требовала только настройки пикселей, но теперь нужно изменить определение CSS. В то же время Николас Галлахер, дизайнер вышеупомянутого. Логотип CSS также сказал, что для подобных вещей CSS не подходит лучше всего.
Уменьшить HTTP-запросы?
Все значки на картинке выше созданы с помощью CSS, и автор продает их, продав 40 значков за 25 долларов. Я должен признать, что эти значки очень красиво оформлены. Первоначальное намерение автора при разработке этих CSS состояло в том, чтобы уменьшить количество HTTP-запросов для этих веб-сайтов, поскольку эти значки не требуют дополнительных запросов к файлам изображений. Однако стоит ли упоминать HTTP-запрос, отправленный с помощью небольшого файла значков? Более того, с помощью технологии CSS Sprite эти значки можно разместить в одном изображении и отобразить с помощью CSS-позиционирования. Таким образом, требуется только один HTTP-запрос. достаточно спросить. Более того, я очень сомневаюсь, насколько эти CSS-версии иконок смогут уменьшить пропускную способность.
В духе семантики
Должен признаться, что иногда я использую дополнительные теги, такие как DIV или SPAN, для достижения определенных визуальных потребностей, что весьма бессмыслично. Однако рисование CSS еще менее семантично. Настоящая задача CSS — изменить содержимое веб-страницы, а не создать сам контент. Графика на веб-страницах сама по себе относится к категории контента и не должна создаваться с помощью CSS.
Первоисточник этой статьи: blog.echoenduring.com Не зашли ли мы слишком далеко в CSS? (Оригинальный автор: Мэтт Уорд)
Источник выдержки на китайском языке: официальный сайт системы управления контентом веб-сайта Ruishang Enterprise CMS.