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

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

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

CSS Layout Generator - генератор шаблонов HTML + CSS

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

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

Не стану скрывать, что в первую очередь этот сервис создавался для самого Антона =) Но почему бы не выложить в открытый доступ инструмент, который потенциально может пригодиться кому-то еще? Так и поступили.

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

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

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

  1. Попробую угадать. Это был blog.html.it/layoutgala/.

    таки да. и таки там был недочет :)

    Это, пожалуйста, через формочку на сайте,

    уже сделано.
    Еще раз спасибо за отличную фичу. Пусть проект растет и радует!

  2. Спасибо Вам за проект. Пусть он всегда радует нас.

  3. Вау. Спасибо — на проверку оказалось очень удобно…

    Желаю не останавливаться и продолжать доделывать и добавлять новые фишечки. Очень востребованно!

  4. Спасибо! Сервайс отличный! Буду пользоваться.

  5. Большое спасибо за сервис! Товарищ показал. Теперь пойду переделывать свой сайт на основе вашего шаблона, а то были проблемы с резновостью сайта.

  6. Красиво!

  7. Прикольный сервис! Буду рекомендовать его новичкам!

  8. Отличная штука судя по всему… Тренируясь на сателлитах, пытаюсь делать первые шаги в этой области — думаю пригодится. Спасибо.

  9. Привет всем.
    спасибо за сервис. рад что наткнулся на Ваш блог.
    Но… есть одно, НО :)
    Я вот через сайт сделал себе без сайдбаров и прижал футер. в FF3, IE6, Chrome отображается все отлично, футер внизу, все гуд, НО, почему-то в Opera сверху появлсяется небольшой отступ (не измерял, но «на глаз» — 2 пикселя), вследствии чего в опере появляется скролл… которого поидее не должно быть :)
    у меня OperaAC 3.6.6 Final (Opera 9.64)

  10. А ну и собственно вопрос: что делать? :)

  11. ради интереса скачал Opera 9.64 с оффа… результат меня поразил. В ней отображается все нормально. Пойду сейчас к создателям AC говорить про оный баг.

  12. я пользуюсь ею уже на 2−3 проекте по рекомендации попова, полезная чтучка. Спасибо!
    Сила в единстве авторов.

  13. «Потому что более разумно выносить стили в отдельный файл.»
    А если опционально? :)
    Иногда в процессе доводки бывает удобнее, когда стили тут же расположены, чтобы не прыгать из фала в файл.
    После окончания доводки ручками вынести вовне — на раз.

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

  15. Странно, но все макеты, если их открывать в dreamweaver — визуально поломаны, футер уходит вправо и вверх. В браузерах проблем нет, но редактировать не удобно

  16. Спасибо, пригодился для создания нового шаблона…

  17. хотел освежить блог. Вот думаю поможет