#css #layout #editor #wysiwyg #scaffold
#css #макет #редактор #wysiwyg #scaffold
Вопрос:
Короткая история: мне часто приходится работать над множеством разных, довольно маленьких веб-страниц.
Большинство из них верстаются с помощью чистого CSS.
Моя проблема:
Моя работа заключается в том, чтобы работать над самим кодом, над функциональностью страниц, а не над макетом. Однако из-за изменений, которые я вношу, я часто вынужден вносить небольшие изменения в макет, и это поглощает мое время, как черная дыра.
В итоге я трачу в 10 раз больше времени на малейшие изменения макета, чем на добавление или переписывание подпрограмм.
У нас также есть дизайнер, но просто невозможно ждать, пока он переделает макеты для каждого изменения, которое я делаю (и достаточно часто мне приходится менять что-то несколько раз).
Итак, то, что я искал, — это супер простой и простой редактор CSS WYSIWYG, который не является сложным профессиональным инструментом проектирования. Попробовав несколько инструментов, я сдался, вернувшись к редактированию вручную. В частности, поведение вложенных полей макета просто выводит меня из себя каждый раз.
У кого-нибудь есть какие-нибудь подсказки по этому поводу? Я был бы признателен за любую помощь,
Спасибо
Ответ №1:
Две мысли:
1) Принять более гибкий процесс
Визуальный дизайн (макет) и логический дизайн должны создаваться в тандеме, а не один за другим. Как вы уже выяснили, изменение вещей после факта может быть настоящей болью.
2) Принять CSS-фреймворк / методы OOCSS / библиотеку компонентов
Идея, стоящая за всеми тремя из них, заключается в создании повторно используемого CSS, который следует предсказуемой структуре. Это требует гораздо больше предварительной работы, но приводит к созданию базы кода, которую в дальнейшем будет намного проще поддерживать.
Комментарии:
1. Я 1 за рекомендацию по гибкому подходу. Эй, ты проверял bootstrap?
Ответ №2:
загрузчик twitter
http://twitter.github.com/bootstrap / по первому впечатлению выглядит действительно хорошо.
Мой эксперт по rails продолжает бредить об этом, и я планирую попробовать это. Очевидно, что все бесплатно.
В принципе, мы почувствовали вашу боль с этой проблемой!
Bootstrap хорош для настоящих разработчиков, во многом это базовый макет с помощью тегов css, и я думаю, что он будет иметь для вас большой смысл. Даже если он не отвечает всем вашим потребностям, он может быть отличным местом для начала, в качестве стандарта для команды разработчиков. Как бы разработчики часто не любили создавать шаблоны 😉
Фактический прямой сайт github: https://github.com/twbs/bootstrap
Часто ли он используется? В настоящее время ?…
Статистика Github:
Наблюдатель: 8682
Количество веток: 1383
Последнее обновление: 10/10/2011
Это сообщение: 26.10.2011
Выглядит хорошо! 🙂
Я также большой поклонник HAML — Ruby HTML без угловых скобок (и не только)!
Ответ №3:
… не уверен, поможет ли это, но yahoo grid builder хорошо работает для меня. Конечно, есть подвох. CSS-селекторы, которые он генерирует, не очень семантичны, поэтому вам, возможно, придется немного переделать их из сгенерированной HTML-страницы.
Статистика Github: (для схемы, предложенной Даниэлем ниже)
Просмотров: 4556
Количество вилок: 390
Последнее обновление: 06/06/2011
Это сообщение: 26.10.2011
Комментарии:
1. В том же духе я обнаружил, что Blueprint CSS действительно полезен.
2. Конечно, каждому свое, но я обнаружил, что сеточная система YUI является самой неинтуитивной из всех. Как с точки зрения системы именования, так и с точки зрения фактической математики, используемой в ее логике.
3. … правда, это немного загадочно, я думаю, что часть WYSIWYG является решающим фактором здесь. С другой стороны, если мне нужно разобраться с настройками css и html кого-то другого, чтобы создать макет скелета, проще сделать это с нуля. Не всегда, но довольно часто.