Объектно-ориентированный CSS: это должно иметь значение? [закрытый]
Исправлено: я использовал хэш-карту, а затем превратил ее в Json с помощью gson.tojson.
Теперь я использую конструктор, добавляю к нему свои значения, а затем превращаю его в Json.
8 ответов
Действительно ли это релевантно?
Я думаю так, это в основном ставит имя под подходом, используемым автором CSS в почти таком же свете как создающий styleguides. Действительно ли это полезно? Да. Действительно ли легко наследовать чужую работу OOCSS?Наверное, нет.
Каковы преимущества OOCSS?
Абстракция атрибутов стиля определенного компонента всегда хороша для непротиворечивости стиля по всему сайту. Скажите, что Вы хотите изменить стиль границ компонентов для свежего нового взгляда: Вы обычно изменяли бы несколько строк относительно ведущего стиля стиля границ.
Пример
Я создал UI Разработчики styleguide (или словарь стиля) относительно всех 'виджетов' в нашем веб-приложении. Каждый виджет был бы классифицирован согласно его намеченному содержанию. Каждый виджет мог иметь любое количество предопределенных стилей поля, стилей фона. Каждый виджет мог также разметить свое содержание, отличающееся в зависимости от того, под каким родительским элементом он был помещен.
Это составило код как: <div class="free bg_neutral form_search"> будучи используемым для каждой обертки / контейнер, с каждым классом тем, чтобы быть: "Стиль поля, Стиль фона, Содержание" соответственно. Разработчики, работающие над HTML / Представления, могли затем легко выключить любой из предопределенных стилей и заменить их более соответствующими. например, замена bg_neutral с bg_gradient_fff_eee для фона градиента вместо этого.
Я думаю, что мы сохранили бесчисленные строки кода CSS, потому что мы могли использовать взаимозаменяемые свойства на нескольких базовых 'виджетах', вместо того, чтобы определить каждое уникальное воплощение каждого 'виджета'. Это также делает перекрестный браузер, фиксирующий намного легче, потому что можно заняться стилями 'виджетов' независимо. (Большинство ошибок браузера связано с размерами поля и положением/расположением),
По-моему, больше людей UI должно перейти StyleGuide / Стиль осуществление Vocab при разработке и реализации фронтенда их сайтов. Создайте непротиворечивость в визуальных элементах, используемых на сайте. Последовательный зрительный ряд обычно приводит к последовательному и эффективному CSS!
Надежда, которая помогает без обозначения даты
Я не вижу преимуществ для этого понятия, так как текущее определение CSS уже несколько объектно-ориентировано с его расположением каскадом, селекторами, подстановочными знаками, и т.д.
Они упоминают, что разделили контейнер от содержания, чтобы мне точно, что CSS уже делает.
Показ слайдов является большим набором стандартов и инструкций для следования. Я использую их все время, ища шаблоны и повторение в моих проектах, затем факторизуя тех, которые к компонентам.
Навигация, Панель, Сетка, Повторитель, Карта, и т.д. Это все общие компоненты, которые я разрабатываю для каждого сайта.
У меня также есть отдельные файлы CSS для Утилит, Page и Содержания. Утилиты хранят вещи как мой clearfix или граничный нормализатор, Page хранит полное расположение сайта (заголовок, нижний колонтитул, основной), и Содержание является универсальным подшипником для заголовков, абзацев, ссылок, списков, и т.д. по всему сайту.
"Объектно-ориентированный" своего рода неправильное употребление здесь, по крайней мере, в строгом смысле термина. Но руководство по проектированию, которое он представляет, является звуковым и полезным, и идет некоторым путем к облегчению "уязвимости" стандарта CSS.
Проблемами, на которые он указывает - хрупкие проекты, большие файлы, низкая пригодность для обслуживания и так далее, являются последствия стандарта, который слишком свободен, слишком ориентированный для данного случая и на основе целей первоначального проекта, которые больше не действительны. Он правильно замечает, что успешный дизайн требует ясный ум и большую дисциплину.
Кажется, что модное словечко говорит со мной. Как John Rasch сказал - CSS уже является видом OO.
Я хотел бы видеть некоторую форму наследования в CSS. Полноценный oo? Это, вероятно, было бы излишеством, но наследование уменьшит размер моих таблиц стилей экспоненциально.
На связанной ноте можно хотеть посмотреть на платформу таблицы стилей компаса. См. также краткую информацию. Это выглядит интересным, хотя у меня не было возможности использовать его в проекте все же.
Презентация, связанная с этим вопросом, была сделана Николь Салливан , инженером по производительности в Yahoo.
Существует видео с оригинальной презентацией на сайте Yahoo Developer Network и в репозитории для проекта OOCSS на github.