Описание тега oocss

Описание тега Вопросы с тегом
OOCSS (объектно-ориентированный CSS) - это инициатива Николь Салливан. Это шаблон проектирования CSS, предназначенный для того, чтобы дать разработчикам возможность писать CSS, который легко реализовать, выполняется быстро (как при перекомпоновке и перерисовке браузера) и прост в обслуживании.
1 ответ

Скрыть содержимое, но ответить на:hover

Я работаю над чистым подходом oocss к созданию чудо-кнопок, как в Windows 8. У меня закончен класс Dock, но у меня возникают проблемы с выяснением того, как "развернуть" чудо-объект, когда мышь перемещается по закрепленной области. Я знаю, что есть …
06 май '13 в 01:47
10 ответов

Объектно-ориентированный CSS: это должно иметь значение?

Я только что нашел эту интересную презентацию о концепции "объектно-ориентированного CSS". Это кажется хорошей идеей, но презентация довольно короткая и не дает много примеров. Мои вопросы: эта концепция актуальна? Каковы преимущества OOCSS? Можете …
09 мар '09 в 17:39
2 ответа

Кто-нибудь комбинировал OOCSS с другой структурой сетки?

Я продан на преимуществах использования философии / методологии кодирования CSS Николь Салливан / что угодно. В частности, я стремлюсь использовать такие принципы, как " медиаблок" на сайтах, которые я сейчас создаю. Тем не менее, он поставляется в …
07 апр '11 в 08:34
1 ответ

Почему объект css должен начинаться с префикса o-, а компонент начинается с c-?

Есть ли причина, почему в css naming convention, немного object желательно начинать с префикса o- а также component начинается с c-? я знаю o- будет стоять за object а также c- стоять за component, но почему бы нам просто не игнорировать эти правила…
08 июл '17 в 17:21
2 ответа

Эффективный CSS: стилизация ссылок для большинства случаев, избегая перерасходов

Мне часто задают следующую проблему: У меня есть разметка, которая похожа на следующее: <body> <div id="wrapper"> <div id="header"><a href="/">home</a> </div> <div id="left-column"> <ul> <li><…
23 май '13 в 15:37
1 ответ

Добавьте тег <b> через скрипт для oocss

Я готовлюсь обновить сайт и думаю об использовании oocss. Я знаю, что есть много смешанных мнений о oocss, но пока это кажется хорошим выбором для моего проекта. Единственное, что мне не нравится в этом, - это использование тегов в HTML для стилизац…
13 июн '12 в 01:43
1 ответ

OOCSS в длинный генератор CSS

В настоящее время я работаю над графическим интерфейсом для некоторого приложения, которое разработано в QT (мультиплатформенная структура). GUI в QT может быть стилизован под обычный CSS. Итак, я разработал GUI как базовое веб-приложение (HTML5, CS…
29 авг '15 в 23:34
1 ответ

Медиа объект и позиция: абсолют

Я пытаюсь воссоздать объект мультимедиа OOCSS, чтобы показать изображение рядом с текстом. Медиа-объект использует overflow: hidden создать новый контекст форматирования блока. Это гарантирует, что текст не будет обтекать изображение. Однако, когда …
08 окт '14 в 14:28
2 ответа

OOCSS Разделение контейнера и содержимого?

Вопрос: действительно ли второй принцип OOCSS действительно? Согласно второму принципу OOCSS, у вас не должно быть стилей, зависящих от местоположения: Цитата с https://github.com/stubbornella/oocss/wiki По сути, это означает "редко использовать сти…
23 фев '13 в 18:24
1 ответ

Могу ли я придерживаться OOCSS разделения контейнера и содержимого, когда стиль объекта должен зависеть от родительского контейнера?

Мой вопрос отличается от этого, но он касается того же принципа, поэтому эта цитата актуальна и здесь: с https://github.com/stubbornella/oocss/wiki По сути, это означает "редко использовать стили, зависящие от местоположения". Объект должен выглядет…
08 янв '14 в 22:49
1 ответ

Нужна помощь в понимании того, как я должен определять oocss объекты и скины

Прежде чем задать вопрос, вот код, на который я ссылаюсь: Коробка Объект Используется для блокировки контента, такого как Остров или Островок в Bootstrap. .box { margin-bottom: 24px; padding: 12px; } .box--s { padding: 8px 12px; } .box--l { padding:…
20 апр '13 в 06:31
1 ответ

Как выбрать среди CSS модульные методы, такие как BEM, OOCSS, AMCSS, SMACSS, SUITCSS и другие?

Много модульных решений для CSS. Я перечислил некоторые в теме, но, вероятно, уже было больше. Как вы выбираете, какой использовать для вашего нового проекта? Есть ли сравнение?
28 окт '14 в 08:24
2 ответа

Настройка плагина oocss-compass

У меня проблемы с настройкой плагина oocss-compass. Шаги, которые я сделал: Загрузил oocss-compass и разместил его на моем рабочем столе (https://github.com/he8us/oocss-compass). В папке oocss-compass destkop, которую я запустил: rvm use @global gem…
24 фев '12 в 10:09
2 ответа

OO CSS/CSS компоненты

Мне интересно, каким способом является реально-ориентированный CSS, где вы можете действительно быстро и чисто повторно использовать компоненты. Сценарий 1: HTML: &lt;button class="button button-submit"&gt;Submit&lt;/button&gt; CSS: .button { /* bas…
17 июл '14 в 12:57
2 ответа

Изменить объект правила CSS с помощью JavaScript

Возможный дубликат: Изменение набора правил CSS из Javascript Мне было интересно, есть ли возможность изменить объявления таблиц стилей Css без использования встроенных стилей. Вот быстрый пример: &lt;style&gt; .box {color:green;} .box:hover {color:…
23 ноя '12 в 11:47
1 ответ

Что такое соглашение Twitter Bootstrap для добавления нового стиля для ярлыков форм?

Я хочу создать новый стиль для форм на своем сайте Twitter Bootstrap и придерживаться соглашений SMACKS / OOCSS. Это форма по умолчанию: &lt;form role="form"&gt; &lt;div class="form-group"&gt; &lt;label for="exampleInputEmail1"&gt;Email address&lt;/…
31 окт '14 в 16:02
1 ответ

Трехслойная архитектура OOCSS

Я ищу обсуждение структуры / архитектуры для трехуровневого руководства по стилю, которое следует принципам OOCSS (inuit.css, smacss и т. Д.). Если вы знакомы с inuit.css, вы будете знать, что фреймворк построен для двух слоев. Нижний слой (фундамен…
16 июл '13 в 17:44
1 ответ

БЭМ: автономный блок внутри блока

Например, у меня есть автономный блок под названием: .main-company-logo { background: url(../images/logo_company.png); width: 88px; display: block; text-indent: -9999999px; height: 60px; } Этот блок находится в заголовке, но также может быть где уго…
07 окт '13 в 07:28
1 ответ

Разделение структуры и кожи с помощью ITCSS, BEM и OOCSS

Я создаю таблицу стилей, вдохновленную ITCSS, BEM и OOCSS, и не знаю, как отделить свойства структуры от свойств косметики. Пример как я понимаю ITCSS и OOCSS: //First the structure. Button is an object (ITCSS) .o-btn { height: ...; width: ...; } //…
29 сен '15 в 14:57
4 ответа

Лучше ли связывать CSS-классы или называть их отдельно для модульных целей?

Например, что лучше: Метод 1 (назовите классы отдельно): /* CSS */ .textbox-red, .textbox-green { padding: 10px; border: 1px solid #CCC; border-radius: 10px; } .textbox-red { color: #900; } .textbox-green { color: #3c3; } /*HTML*/ &lt;div class="tex…
08 фев '13 в 09:43