Главная CSS-верстка

Web 2.0 генератор шаблонов HTML + CSS

Web 2.0 генератор шаблонов HTML + CSS

Сегодня двумя веб-разработчиками в лице меня и PHP-мастера Антона a.k.a. molodoy официально дан старт онлайн-сервису под названием "CSS Layout Generator" - генератор шаблонов HTML + CSS. Собственно, из названия сервиса становится ясно, что он из себя представляет. Данная тулза в несколько кликов мыши выдаст вам ...

Комментарии (64)

  1. делал когда-то для себя генератор, но так и забил …

    тут можно посмотреть зачатки — skomoroh.net/tpl/ - нуна F5 понажимать …
    большая часть функционала скрыта что-б не палить, оставил только внешний вид …

    если будет кому интересно и полезно — доделаю …

    нуна себе тоже блог завести =)

  2. Штука полезная. Удобный выбор заготовок — это очень даже неплохо.

    Критика:

    — «Прижать футер к низу окна браузера» или «Эмулировать одинаковую высоту колонок». А вместе можно и то и то?

    — Доктайп Transitional. Почему бы не Strict?

    — В media для дефолтного CSS неплохо бы добавить projection.

    — .sl, .sr — не очень понятные имена классов.

    — Жёстко…

    * {
    	margin: 0;
    	padding: 0;
    }
    

    — font: 12px/18px. Почему бы не относительные величины?
    — Это для чего (height)?

    a:hover {
    	text-decoration: none;
    	height: 500px;
    }
    
    • Спасибо за комментарий.

      — «Прижать футер к низу окна браузера» или «Эмулировать одинаковую высоту колонок». А вместе можно и то и то?

      Пока нет, потому что не нашел способ.

      — Доктайп Transitional. Почему бы не Strict?

      Привычка. Strict — для меня слишком жестко. Я всегда использую Transitional.

      — В media для дефолтного CSS неплохо бы добавить projection.

      Честно признаюсь, я в параметре media не разбираюсь.

      — .sl, .sr — не очень понятные имена классов.

      Предложи более подходящие.

      — Жёстко…

      Всегда практикую такой сброс. Не вижу проблем.

      — font: 12px/18px. Почему бы не относительные величины?

      Относительные величины обхожу стороной. Ничто не мешаешь из заменить тому, кто будет использовать шаблон.

      Это для чего (height)?

      Это для ссылки «Вытягиваем колонку», когда включена опция эмуляции высоты. Это моя недоделка. Должно быть по-другому. Исправлю.

  3. А в Google Chrome все так прыгает, аж прикольно.
    Ручками оно надежнее сверстать.

  4. Спасибо! Интересный сервис, главное что структуру создаёт сам … экономит время, остальное можно поправить.

  5. Сууупер! Но тоже есть замечания.
    1. Почему нет варианта без сайдбара (например для сайта-одностраничника)
    2. В фиксированной ширине можно сделать выбор из пары десятков фоновых картинок или если без картинки то выбор цвета (по бокам, там где нет основного шаблона)
    И вообще мне кажется, что если будете этим проектом заниматься, то он может перерости в чтото на подобии онлайн конструктора сайта для тех кто на базовом уровне шарит в HTML и CSS (на сайте делаешь шаблон, скачиваешь и доделываешь дальше в каком-нибудь HTML-редакторе — загружаешь на сайт и готово)

    • Сууупер!

      Спасибо.

      1. Почему нет варианта без сайдбара (например для сайта-одностраничника)

      Потому что в разметке такой страницы нет ничего особенного.

      2. В фиксированной ширине можно сделать выбор из пары десятков фоновых картинок или если без картинки то выбор цвета (по бокам, там где нет основного шаблона)

      Это лишнее. Существуют сайты с галереями паттернов и предпросмотром.

      если будете этим проектом заниматься, то он может перерости в чтото на подобии онлайн конструктора сайта для тех кто на базовом уровне шарит в HTML и CSS

      Вряд ли он превратится в конструктор. Но время покажет.

  6. Огромное спасибо, то что искал.

  7. Круто. Интересно. Поздравляю! Пока не тестировал всерьез, но думаю, буду рекомендовать другим. Не оставляейте проект без присмотра, пускай развивается :) Удачи!

  8. Идея хороша, особенно для ленивых программистов, ненавидящих возиться с версткой.
    Я вот всё хочу пересесть на CSS фреймворки, чтобы такие вещи вручную не делать. Те же 960 CSS Framework, Blueprint и т. д. как раз упрощают создание layout-а.

  9. Спасибо за отличный сервис, добавил в закладки, приятно что и русские начали делать сервисы для упрощения жизни вебмастеров.

  10. Думаю, min-width для резины можно и пользователю дать заполнить.
    Кстати, почему бы и не встроить текст css-файла прямо в исходники страницы, чтобы через view source смотреть? А то web developer пришлось задействовать…

    • Думаю, min-width для резины можно и пользователю дать заполнить.

      Рассмотрим это предложение.

      Кстати, почему бы и не встроить текст css-файла прямо в исходники страницы, чтобы через view source смотреть? А то web developer пришлось задействовать…

      Потому что более разумно выносить стили в отдельный файл.

  11. Похоже, что на сайте вертикальной прокрутки нет. Вижу меню «ширина», «сайдбары», «дополнительные опции». Дальше не видно и не скроллится. Это браузер на весь экран, разворачивать надо? ;-)

  12. Спасибо, полезный сервис, опробуем-с. Желаю не останавливаться и продолжать дорабатывать продукт, вон сколько пожеланий в комментах высказали.

  13. А раньше все ручками делал, спасибо за сервис

  14. Отлично!

    Могу сказать, что стал пользователем данного сервиса!
    Есть несколько замечаний правда, но надо комменты наверное сначало прочитать…

    Молодцы, желаю успехов! :)

  15. Занятный сервис, интересно попробовать для ускорения создания шаблонов на каких-нибудь фреймворках)

  16. Я так понял на лету ничего не генерируется, а просто есть заготовки и они идут через выбор параметров?
    Сколько времени заняло создание чуда?:)

    • Я так понял на лету ничего не генерируется, а просто есть заготовки и они идут через выбор параметров?

      По сути да. Архивы генерируются только при первом обращении к сервису, после того, как мы что-то меняем в шаблонах и сбрасываем кеш (т.е. сгенерированные до этого архивы). А дальше отдаются уже готовые архивы.

      Сколько времени заняло создание чуда?:)

      Если удалить все промежутки «между делом», то в день наверное уложились =)

  17. Задумка интересная (у самого, признаюсь витало что-то подобное в голове). Но! Опиций мало, ни слова про типографику, есть некоторые спорные моменты (для меня). Вообщем, если «улучшить и углУбить» выйдет отличная вещь. Тогда даже денежку не пожалею, чтобы пользоваться ;)

    • Предлагаю оставить конкретные предложения через соответствующую форму на сайте сервис. Заранее не предугадаешь всего, что хочет пользователь =)

      Мне не понятно, каким боком здесь типографика. Расшифруйте =)

      На счет денежки — сервис в любом случае будет бесплатным.

      • в форму, так в форму. сформулирую — напишу.

      • меня друг попросил узнать, почему его комментарий так и не прошел модерацию? он вчера писал, ник «Муравей».

        А еще, помнишь, ты когда-то рассказывал как подключил login-box для Opera и пообещал сделать на эту тему статью. Но статью ты так и не написал, может хотя бы исходник скрипта для оперы скинешь куда-нить?

        p. s. Ниче, что я на «ты» обращаюсь?

        • меня друг попросил узнать, почему его комментарий так и не прошел модерацию? он вчера писал, ник «Муравей».

          Потому что я только что добрался до блога. Долго сплю =)

          А еще, помнишь, ты когда-то рассказывал как подключил login-box для Opera и пообещал сделать на эту тему статью. Но статью ты так и не написал, может хотя бы исходник скрипта для оперы скинешь куда-нить?

          Да-да. Этот пост у меня все еще запланирован, никак не могу собраться про него написать =) Будет скоро.

          p. s. Ниче, что я на «ты» обращаюсь?

          Самое то.

  18. Клевый сервис, заценил.

  19. Спасибо! Штука оч полезная! Для верстальщика-лентяя, такого как я в сам раз. Не буду расписывать психологические аспекты, почему готовые шаблоны это клево…
    Раньше я пользовался буржуйским сервисом с CSS-каркасами (там их штук сорок было). Теперь вот ваш буду пробовать. Мне, как конечному пользователю, важны функциональные отличия сервисов. Вот и будем их вычислять.
    От себя могу предложить, что было бы хорошо, если бы на сайте был доступен для скачки архив со всеми возможными на данный вариантами шаблонов (такая фишка у буржуев есть).
    Отдельное спс lilumi за наводку ;)
    З.Ы. Тонна уважения вам, что сервис фришный и таковым быть планируется!!!
    С уважением, Муравей

    • Благодарю за такой отзыв!

      Раньше я пользовался буржуйским сервисом с CSS-каркасами (там их штук сорок было).

      Попробую угадать. Это был blog.html.it/layoutgala/. Если так, тогда хочу сказать, что часть шаблонов взята как раз оттуда, только я их подтесал, т.к. в оригинале есть баг.

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

      Это, пожалуйста, через формочку на сайте, чтобы все пожелания были в одном месте ;)

  20. Хорош сервис, можно использовать для создания части дорвея: D