19 июня 2009 в 19:35
Есть замечательный css - фреймверк - сетка 960.gs
Цитата отсюда:
CSS-Framework - библиотека CSS стилей, упрощающая создание шаблона для сайта. Фреймворк будет особенно полезен, если вам необходимо сделать шаблон на основе сетки (grid) или шаблон для печати.
Если кому интересно, есть подробная статья о дизайне и верстке на базе сетки, в Smashingmagazine.com (на английском)
На базе 960.gs была создана заготовка темы для 6-го и 7-го !!! Друпала. http://drupal.org/project/ninesixty
Сама по себе она конечно без всякого дизайна, но как база для своей темы - первый класс! Посмотрите на великолепные дизайны на сайте 960.gs
Комментарии
Действительно красивые.
Офтопик...
Неочифу:
Саша, присмотрись внимательно, какой тут дубль? Речь о разном идет. Там о готовых дизайнах, сдесь о совершенно другой базовой теме!
Сколько не смотрю на эти фреймворки,никак не пойму в чем фишка?С нуля разве не легче сделать,чем убирать лишнее?
У фреймворка есть свои плюсы и минусы:
+ Он показывает как нужно делать правильно, это полезно для не очень опытного разработчика
+ Для более-менее стандартного внешнего вида, темизировать фреймворк быстрее и легче, чем писать тему и css с нуля. К тому же для полноценной темизации нужно разбираться в php, а им владеют далеко не все...
- Иногда фреймворки чересчур сложные и навороченные, 80% их функционала никогда не будут использоваться
- Лучший фреймворк - свой фреймворк, в чужом коде всегда хуже разбираешься и он сделан не так как тебе нужно... Но для этого надо быть профессионалом!
Вообще, конечно неплохо. Хотя, с другой стороны - на каждый хитрый фреймворк найдется дизайнер с резьбой...
Фреймворк так себе:
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.А за такое надо сразу казнить! Если фиксы уже в фреймворке, то что будет, когда попытаешься реальный дизайн натянуть на него...
Ничего не вижу плохого в фиксированных колонках, на мой взгляд очень много отличных не резиновых дизайнов, тот же yahoo.com, msn.com.
Кроме того на сайте 960 была приведена и резиновая версии прямо с главной страницы:
http://www.designinfluences.com/fluid960gs/
Не знаю каким образом более аккуратно подправить дивовую верстку, чтобы работала под ИЕ6 также, как под другими браузерами.
что что... вы будете из букв "а, о, п, ж" пытаться сложить слово "счастье". вот что будет.
лучше зена вроде как ниче нет походу. да и то... основная сложность - колонки. а остальное решаемо без всяких фреймворков.
да и колонки сегодня - не сложность.
Да и не говорил я, что это так плохо, я имел ввиду что резиновый макет на этом фреймворке уже не сверстаешь...
В США почему-то почти все сайты фиксированной ширины...
ну хз. у меня уже пара тем с относительными размерами есть... не жалуюсь. мож чуть по разному да.. но так и с фиксом такая же хрень. так что..
Дайте пожалуйста ссылочку, где почитать о лучшей замене.
А я с недавних пор полюбил нерезиновые, ибо резина резине рознь.
Когда текст расползается во всю ширину родного 22-дюймового, аж убить кого-нибудь хочется.
ну резине можно задать чтобы не расползалась слишком.
никто не меншает уменьшить окно браузера
overflow: hidden» помогает, хотя каждыйслучаймакет нужно смотреть. В этом и проблема, когда текста много, становится видна даже разница в 1 пиксель. Смотрите пример размеров шрифтов в YUI, там точность до пикселя! Да есть такая проблема, тоже бесит. Виноваты верстальщики, нада задавать «max-width».Самое лучшее, создать для себя фреймворк самому. Чужой код, он и в Африке чужой код(Даже если это css и html).
Что же все так резину любят, для каждого сайта свое.
ИМХО.
потому что это более гиморно, садо мазо панимаишь
Круто! Спасибо!
а как пользоваться?
скачать эту тему и допиливать?
Дизайн на базе сетке 960 просто мегаохренительный
кстати, эта сетка дружит с ie6 ?
а то посылать в попу "гордых пользователей" не всегда правильно (особенно когда их треть аудитории)
Все фиксированные сетки дружат с IE6
На просторах интернета был найден новый сетко-генератор http://gridinator.com
Он может создавать сетки в px, em, и главное в %
Т.е. резиновые грид системы. К сожалению резина с IE6 не дружит.
Но все равно хорошо...
Кстати, я давал перевод статьи по 960.grid
спасибо
По-моему лажа эти фрэймворки ...
Гарланд наше всё
Да реально проще подсмотреть цсску где угодно и подогнать под себя, ну и пишут об этом много - дофигища библиотечек есть посвященных вопросам таблиц стилей.
Я иногда просто диз и каркас прям на хтмле в style пишу и редактором делаю апгрейд до css. Пару компиляшек и готово - нормальный, чистый код + грамотно скомбинированные стили, остальное по кусочкам уже на месте смотреть.
в интернете каркасов html+css полно, резиновый, фиксированый - выбирай любой, а после фрайmwорка задолбаешься напильником работать.