Сервис для создания CSS Layout

image
Пожалуй, представлю вам на суд недавно обнаруженный сервис, надеюсь, он успешно пройдёт тест на полезность и сразу же пригодится.

Первым делом, перед версткой, веб-мастер, понятное дело, должен определиться со структурой макета – то ли это будет стандартный шаблон с боковой колонкой справа, то ли это будет совсем уж уникальный макет не похожий по своей структуре ни на что. В первом случае, обычно, у опытных верстальщиков уже есть свои заготовки, что б ускорить процесс и не придумывать велосипед. Но не у всех же эти заготовочки есть, правда?

Пару дней назад я познакомился с мальчиком, и с тех пор… рыскал по сети в поисках различных сервисов для ускорения верстки, не знаю, нужен ли вам список того, что я нашел, да и думаю, ничего нового я вам не покажу, и, впрочем, суть поста не в этом.
CssTool.Ru – недавно открывшийся сервис, который позволяет сгенерировать каркас для вашего будущего шаблона. В общем, если верстаете часто однотипные шаблоны (например, для дорвеев) – эта штука облегчит вам жизнь – останется только вставить свой дизайн в блоки.

image
Особенности сервиса:
— что бы там не гвоворили, но даже если и есть подобный сервис за океаном, который я так и не смог найти, да и какая разница – здесь все понятно и по-русски;
— как мне кажется, авторы что-то таки понимают в юзабилити — работать с сервисом приятно и удобно — особенно порадовал предосмотр, без него сервис потерял бы наглядность;
— семантически верный код ну и, конечно же, валидный;
+57
9 февраля 2009, 18:26
109
meteor 0,5

комментарии (43)

0
svolot4 #
… и?
+6
svolot4 #
Нее… ну серьёзно, объясните зачем нужен этот сервис?
Для кого он предназначен?
Какие проблемы позволяет решать?
+3
ICharmingo #
например, для меня. Программист. Но с версткой туго. А время тратить жаль на изучение. ;-)
0
svolot4 #
Извините, но времени много ненужно для того, чтобы разобраться как сделать две-три колонки на странице! Тем более, что неизвестно как дальше «довёрстывать» без базовых знаний… Да и к тому же ниже в комментах привели ещё несколько сервисов более грамотно решающих подобные (как у вас) проблемы!
Вобщем сервис — «юзабельное» фуфло!
А статья, по-моему, лишена любой смысловой нагрузки =)
+1
SidexQX #
хы..., IE на сгенерированный код матюгался… похоже на строчку:
* html #footer {
width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
}
как всегда в общем)))
–3
artch #
А где там css? Вижу одни фреймы.
+1
artch #
Извиняюсь, протупил.
+8
Timmmm #
Плохо искали. На любой вкус и цвет www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/
+4
IntenT #
developer.yahoo.com/yui/grids/builder/
может, конечно, кто-то не в курсе
0
IntenT #
И вообще весь The Yahoo! User Interface Library (YUI)
http:/ /developer.yahoo.com/yui/
–1
EzS #
Не для всех такая куча кода, а генератор проще некуда, да и ковыряться не надо…

Мне, например. интересно каждую строчку саму прописывать, по крайней мере я уверен в своём коде и знаю его наизусть, к тому же не возникает проблем с редактированием
+3
meniam #
А мне нравится это blog.html.it/layoutgala/
0
Dimox #
Часть вариантов шаблонов взята как раз с layoutgala, только немного переделана в виду наличия багов в оригинале.
0
leonard #
Там в некоторых трехколоночных вариантах глюк при уменьшении окна браузера (до достаточно маленьких размеров)
–1
EzS #
Пользуюсь именно этим ресурсом. Из минусов — нет примеров сложной разметки для просмотра
+4
iBear #
А мне понравился. Легкий и удобный сервис.
0
TimTowdy #
Неплохо, но судя по заголовку ожидал большего. Вариантов той же трехколоночной верстки очень много, каждый со своими достоинствами и недостатками. Добавить бы большей гибкости, больше вариантов, больше параметров — это было бы отлично.
0
Dimox #
Все пожелания приветствуются. Специально для этого прицепили форму стороннего сервиса (оранжевая вклада слева на странице). Через нее можете оставить конкретные предложения.
–7
pooh #
Урезанный DreamWeaver онлайн.
–2
EzS #
Что такое DreamWeaver?
–4
firstbyte #
О себе:
Дизайнер, верстальщик.

Серьёзно, не слышали ни разу? WYSIWYG HTML-редактор от Macromedia(сейчас Adobe).
+1
Stepler #
почти с самого начала запуска пользуюсь
очень помогает если надо очень быстро набросать костяк
сам я не дизайнер, а иногда надо разметка, поэтому и пользуюсь
толково сделано
+2
acy #
В дополнительных опциях не хватает «И то, и то». А так, славненько.
+2
mitrichlab #
На заре освоения HTML + CSS я душу бы продал за такой сервис

PS. А еще можно генерировать болванки шаблонов под разные CMS.
0
lasc #
где где где? мне болванки для друпала надо
+1
EzS #
Для многих болванки для Друпала это Garland и Zen. Кто-то использует nRebuild (вроде правильно написал)
0
Goodkat #
а для typo3?
–1
EzS #
Без понятия-)
0
mitrichlab #
Это не утверждение было, а предложение по развитию сервиса :)
+1
Blackworker #
отличный сервис, спасибо
+1
Poisoned #
Спасибо! Первое впечатление хорошее. Ну а дальше посмотрим :)
+1
kuzmi4 #
Уверен, что кому-то обязательно пригодится.
0
dmitriykikkas #
Вот здесь много www.dynamicdrive.com/style/layouts/
+2
PQR #
Уже воспользовался и переделал один свой сайт, который до этого был свёрстан таблицами!
+1
ionicman #
а почему ни в одном конструкторе или пример нет такого макета — как один сайдбар фиксированный, контент — резиновый, футер, хедер, и по высоте весь шаблон занимает все окно? :(
+1
Zacariya #
А чё очень даже ничего, мне понравился
+1
Melkor #
Сервис очень даже неплохой.
Было бы еще неплохо, если бы можно было и отдкльные элементы так строить, например взаимное положение двух блоков, таблицы, скругленные углы, etc
+1
kydapodatsya #
интересный сервис… можно пользоваться если времени в обрез…
+1
Xobb #
а мне нормально. верстать не сильно люблю, потому готовое решение — супер. спасибо, плюсанул.
+1
aokolovich #
сервис отличный, автору респект, буду ждать развития, мне лично хватило бы еще:
— указания ширины колонок в % или в px
— указания высоты футера
+1
meteor #
Благодарю. Расстроился было от негативных комментариев, даже мысль вкралась — неужели сервис нехорош.
0
stoune #
Не надо было о дорвеях. Этим не облегчать, а ухудшать жизнь надо.
0
qweewq #
сервис сдох

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.