НАСТОЯЩИЙ быстрый, простой CSS-макет - PullRequest
Новая
       5

НАСТОЯЩИЙ быстрый, простой CSS-макет

2 голосов
/ 27 октября 2011

Короткая история: Мне часто приходится работать над множеством разных, довольно маленьких веб-страниц.
Большинство из них выложены чистым CSS.

Моя проблема:
Моя работа - работать над самим кодом, над функциональностью страниц, а не над макетом.Однако из-за изменений, которые я делаю, мне часто приходится вносить небольшие изменения в макет, и это впитывает мое время, как черная дыра.
В итоге я трачу в 10 раз больше времени, чтобы делать малейшие изменения макета,мне нужно добавить или переписать подпрограммы.
У нас также есть дизайнер, но просто невозможно дождаться, чтобы он переделал макеты при каждом внесенном мною изменении (и достаточно часто мне приходится что-то менять несколько раз).

Итак, я искал супер базовый и простой CSS WYSIWYG редактор, который не является сложным профессиональным инструментом дизайна.Попробовав несколько инструментов, я сдался, вернувшись к редактированию вручную.В частности, поведение вложенных блоков макетов просто пугает меня каждый раз.

У кого-нибудь есть намеки на это?Буду признателен за любую помощь,

Спасибо

Ответы [ 3 ]

2 голосов
/ 27 октября 2011

Две мысли:

1) Принять больше гибкого процесса

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

2) Принять CSS-фреймворк / Методы OOCSS / Библиотека компонентов

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

2 голосов
/ 27 октября 2011

начальная загрузка Twitter

http://twitter.github.com/bootstrap/ выглядит очень хорошо с первых впечатлений.

Мой эксперт по рельсам продолжает бредить, и я собираюсь попробовать это. Очевидно, свободный и все.

В основном мы почувствовали вашу боль в этой проблеме!

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

Фактический сайт прямого github: https://github.com/twbs/bootstrap

Много ли это используется? В настоящее время? ...

Статистика Github:
Наблюдатель: 8682
Вилы: 1383
Последнее обновление: 10/10/2011
Это сообщение: 10/26/2011

выглядит хорошо! :)

Я также большой поклонник HAML - Ruby + HTML без угловых скобок (и не только)!

1 голос
/ 27 октября 2011

... не уверен, поможет ли это, но yahoo grid builder хорошо работает для меня.Конечно, есть подвох.Селекторы css, которые он генерирует, не очень семантичны, поэтому вам, возможно, придется пересмотреть их из-за создания сгенерированной HTML-страницы.ниже)
Наблюдатели: 4556
Вилы: 390
Последнее обновление: 06/06/ 2011
Это сообщение: 10/26/2011

...