Восстановление CSS, какие инструменты я должен использовать

Question

У меня есть существующий CSS, и я бы хотел его обновить, какие инструменты CSS я должен использовать для этого?

У меня есть веб-приложение, в котором уже есть тонны CSS, но я хочу полностью обновить.

Инструменты и предложения о том, как это сделать, было бы замечательно.

Answer 1

Я склонен сказать, что вы должны просто использовать стандартный текстовый редактор и кнопку обновления в вашем браузере.Visual Studio имеет автоматическое заполнение для стилей CSS, так что это может помочь.

В качестве альтернативы вы можете попробовать что-то вроде этого

Stylizer

, но лично я думаю, что егоизлишество

Answer 2

Ваш лучший вариант - это простой текстовый редактор, хорошая книга по CSS и Google.

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

Answer 3

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

Answer 4

Используйте Firefox, установите дополнения «Firebug» и «Web Developer». Они неоценимы, когда вам нужно изучить текущую настройку.

Вы получите функцию «Проверка элемента» с Firebug, которая также позволяет быстро проверять небольшие изменения.

Используйте (ищите) сброс стилей для хорошего старта; и действительно используйте семантику вашего контента, а не только чистые эффекты CSS.

Answer 5

Используйте текстовый редактор simpel с подсветкой синтаксиса.

Читайте дальше, объектно-ориентированный CSS.

Слайд-шоу по этому поводу: http://www.slideshare.net/stubbornella/object-oriented-css

Answer 6

Я бы не сделал "полное обновление", если бы у меня не было фантастической причины для этого. При этом единственными инструментами, которые я бы использовал, является стандартный редактор с подсветкой синтаксиса (например, intype ) и firebug . Избегайте таких редакторов, как чума! Они напишут ужасную разметку / css, и вы захотите сделать еще одну модернизацию в будущем. Научитесь писать твердые правила стиля и избегайте многословия.

Еще один интересный плагин firefox, который работает в сочетании с firebug - это firediff . Это поможет вам отслеживать изменения, которые вы делаете в firebug, и переносить их в файлы вашего проекта.

Я бы также хотел, чтобы основные браузеры (Opera, Chrome, Firefox, Safari и IE7 / 8) были открыты параллельно друг другу для постоянного тестирования. Вы встретите некоторых дизайнеров, которые скажут: «Заставьте его работать в Firefox, а затем протестируйте позже в IE», но я называю это бессмыслицей - тестируйте его во всем, все время, и вам не придется искать решения для одного в конец.

Answer 7

Конструктивно вы можете попробовать использовать сетку, например 960 .

Если вы хотите попробовать CSS-фреймворк, вы можете использовать что-то вроде cssscaffold или compass .

Возможно, вам будет интересно попробовать стиль * объектно-ориентированный css , продвигающийся вперед.

Ваш оригинальный вопрос немного не специфичен.