У меня есть существующий CSS и я бы хотел его обновить, какие инструменты CSS я должен использовать для этого?Восстановление CSS, какие инструменты я должен использовать
У меня есть существующее веб-приложение, у которого уже есть тонны CSS, но вам нужна полная модернизация.
Инструменты и предложения о том, как это сделать, были бы замечательными.
Ваш лучший вариант - простой текстовый редактор, хорошая книга CSS и Google.
без сарказма или чего-либо иного. если вы хотите обновить свой CSS, изучите CSS и напишите его самостоятельно. ни один инструмент никогда не будет производить то же качество, что и ручной CSS.
+1 cuz Я согласен с тем, что это старая школа - лучший способ, но некоторые редакторы, такие как Stylizer или DreamWeaver, имеют приличные механизмы форматирования, которые помогают держать вещи организованными. –
Я склонен сказать, что вы должны просто использовать стандартный текстовый редактор и кнопку обновления в вашем браузере. Visual Studio имеет автоматическое заполнение для стилей CSS, чтобы это могло помочь.
В качестве альтернативы вы можете попробовать что-то вроде этого
, но лично я считаю его излишество
я бы не сделать «общие обновляет», если я не имел фантастические причины для этого. При этом единственными инструментами, которые я бы использовал, является стандартный редактор с подсветкой синтаксиса (например, intype) и firebug. Избегайте редакторов wysiwyg, таких как чума! Они напишут ужасную разметку/css, и вы обнаружите, что захотите сделать еще одну реконструкцию по дороге. Научитесь писать правила твердого стиля и избегать многословия.
Другим интересным плагином firefox, который работает в сочетании с firebug, является firediff. Это поможет вам отслеживать изменения, внесенные вами в firebug, переносить их в файлы проектов.
Я бы также сохранил основные браузеры (Opera, Chrome, Firefox, Safari и IE7/8), которые были открыты параллельно друг другу, для постоянного тестирования. Вы встретитесь с некоторыми дизайнерами, которые скажут: «Запустите его в Firefox, затем проверьте позже в IE», но я называю эту глупость - все время проверяем, и вам не придется искать решения для одного в конец.
Используйте текстовый редактор Simpel с подсветкой синтаксиса.
Читайте дальше, ориентированный на объект CSS.
слайд-шоу об этом: http://www.slideshare.net/stubbornella/object-oriented-css
Использование Firefox, установите "Firebug" и "Web Developer" Add On. Они бесценны, когда вам нужно изучить текущую настройку.
Вы получите функцию «Осмотреть элемент» с помощью Firebug, которая также позволяет быстро проверять небольшие изменения.
Сбросить таблицы стилей (поиск) для хорошего старта; и действительно идут на семантику вашего контента, а не только на чисто CSS-эффекты.
Я использую Yaml для создания макета на основе CSS.Это не «инструмент» для обновления существующих файлов CSS, но поставляется с большим количеством примеров и предопределенных CSS-файлов для разработки плавающих макетов с помощью CSS (и позволяет добавлять все эти ужасные браузерные хаки для получения рабочих страниц с несколькими браузерами). Не уверен, что это может быть интересно для вашей цели, просто взгляните.
Структурно, вы можете попробовать использовать сетку, как 960.
Если вы хотите попробовать фреймворк CSS, вы можете использовать что-то вроде cssscaffold или compass.
Возможно, вас заинтересует стиль «object oriented css», продвигающийся вперед.
Ваш оригинальный вопрос немного неспецифичен.
Какая платформа? Могут быть некоторые варианты, которые интегрируют немного лучше, чем другие для вас. –
Что вы хотите точно обновить? –
Весь сайт. Я могу использовать любые инструменты, я открыт, пока я могу делать все быстро и легко. Сам сайт находится в Django. –