Одноразовые | CSS-Tricks

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

Вы можете назвать это одноразовым . ¹

Одноразовые — все в порядке! Мир без разовых дел очень скучный. Но сайт, заполненный одноразовыми, приводит к знакомым проблемам: непоследовательность и неповторимый CSS, который приводит к раздуванию и поддержке, которые на самом деле не знают, что используется, а что нет.

Что нам делать?

Брэд Фрост подумал об этом недавно со своей статьей. Где поставить одноразовые компоненты?:

Вполне вероятно, что отдельные приложения содержат компоненты, которые отвечают самым реальным потребностям конкретного приложения (подумайте о калькуляторах, блоках героев параллакса праздничного сезона, интерактивных интерактивных картах контекста и т. Д.), Но может и не быть способный быть незамедлительным (или когда-либо) абстрактным в общий, повторно используемый компонент, включенный в систему проектирования.

И Этан Маркотт:

Вот пример: допустим, вы создали всплывающее изображение героя. (Хорошая работа, кстати, выглядит очень эффектно.) Давайте также скажем, что ее объем довольно ограничен: возможно, он используется на небольшом количестве страниц или привязан к одному конкретному разделу вашего сайта. Другими словами, он достаточно общий, чтобы быть образцом, но он не является широко используемым.

Как вы могли догадаться, это опасное место для картины. Если образец кажется немного необычным, это всегда должно побуждать нас спросить: должна ли ваша команда сохранять шаблон или удалять его?

Дело в том, что на этот вопрос нет единого и легкого ответа. Каждый шаблон отличается, и значение каждого шаблона является переменным. Может быть, мы вообще отбросим эту модель; возможно, мы объединим его с другим, похожим рисунком

Брэд связал идею одноразового использования концепции позора Гарри Роберта:

Идея shame.css заключается в том, что у вас есть совершенно новая таблица стилей, зарезервированная только для вашего взломанного кода. Код, который вы должны написать, чтобы получить выпуск вовремя, но код, который заставляет вас стыдиться.

Но, возможно, такой CSS-файл не нужно резервировать только для «хаков» или позорно быстро написанных исправлений (эй, это лучше, чем встроенные стили), но также для одноразовых .

С точки зрения разработчика в укладе, интересно рассмотреть, как различные методы моделирования вступают в игру здесь. Для тех, кто путешествует по атомной дороге CSS, в некотором смысле, все одноразово. У вас может быть образец, визуально или поведенческий, одноразовый из-за того, как вы его построили, но не потому, что он использует другой набор CSS. Каллум Джеффрис о своем опыте работы с атомарным CSS:

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

Так же, с 36 ароматами CSS-in-JS. Когда ваши стили прикреплены к вашим компонентам, все компоненты являются одноразовыми. Прекратите использовать этот компонент, прекратите использовать эти стили.

Очевидно, одноразовое является довольно новым выражением:

Как заметил Уильям Сафир в колонке «Язык по-2007», одноразовое значение «что-то уникальное» — это британское выражение, которое в последние годы ползало в американской речи и письме. И, как и в случае с другими британцами, которые сталкиваются с этими берегами (пропавшими без вести, приходит на ум), идиоматическое происхождение одноразовых в основном теряется на американских ушах.

Связанные