Новая тема для создания других тем на базе мощного и удобного фреймверка 960.gs

Главные вкладки

Аватар пользователя Владимир Ситников Владимир Ситников 19 июня 2009 в 19:35

Есть замечательный css - фреймверк - сетка 960.gs
Цитата отсюда:

CSS-Framework - библиотека CSS стилей, упрощающая создание шаблона для сайта. Фреймворк будет особенно полезен, если вам необходимо сделать шаблон на основе сетки (grid) или шаблон для печати.
 

Если кому интересно, есть подробная статья о дизайне и верстке на базе сетки,  в Smashingmagazine.com (на английском)
На базе 960.gs была создана заготовка темы для 6-го и 7-го !!! Друпала. http://drupal.org/project/ninesixty
Сама по себе она конечно без всякого дизайна, но как база для своей темы - первый класс! Посмотрите на великолепные дизайны на сайте 960.gs 

 

Комментарии

Аватар пользователя gorr gorr 19 июня 2009 в 19:50

"Владимир Ситников" wrote:
Посмотрите на великолепные дизайны на сайте 960.gs

Действительно красивые.

Аватар пользователя volocuga volocuga 19 июня 2009 в 20:41

Сколько не смотрю на эти фреймворки,никак не пойму в чем фишка?С нуля разве не легче сделать,чем убирать лишнее?

Аватар пользователя Владимир Ситников Владимир Ситников 19 июня 2009 в 20:55

У фреймворка есть свои плюсы и минусы:

+ Он показывает как нужно делать правильно, это полезно для не очень опытного разработчика
+ Для более-менее стандартного внешнего вида, темизировать фреймворк быстрее и легче, чем писать тему и css с нуля. К тому же для полноценной темизации нужно разбираться в php, а им владеют далеко не все...

- Иногда фреймворки чересчур сложные и навороченные, 80% их функционала никогда не будут использоваться
- Лучший фреймворк - свой фреймворк, в чужом коде всегда хуже разбираешься и он сделан не так как тебе нужно... Но для этого надо быть профессионалом!

Аватар пользователя kosilko kosilko 20 июня 2009 в 2:45

Вообще, конечно неплохо. Хотя, с другой стороны - на каждый хитрый фреймворк найдется дизайнер с резьбой...

Аватар пользователя alergi@drupal.org alergi@drupal.org 20 июня 2009 в 6:09

Фреймворк так себе:

  1. Все колонки фиксированы, причем жестко в пикселях.
  2. Размер шрифтов тоже фиксирован в пикселях.
  3. Нет версии для печати.
  4. Даже официальный сайт в разных браузерах выглядит по-разному. Этот пипец, товарищи.

.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%}.
А за такое надо сразу казнить! Если фиксы уже в фреймворке, то что будет, когда попытаешься реальный дизайн натянуть на него...

Аватар пользователя gorr gorr 20 июня 2009 в 9:29

"<a href="mailto:alergi@drupal.org">alergi@drupal.org</a>" wrote:
Все колонки фиксированы, причем жестко в пикселях.

Ничего не вижу плохого в фиксированных колонках, на мой взгляд очень много отличных не резиновых дизайнов, тот же yahoo.com, msn.com.
Кроме того на сайте 960 была приведена и резиновая версии прямо с главной страницы:
http://www.designinfluences.com/fluid960gs/
"<a href="mailto:alergi@drupal.org">alergi@drupal.org</a>" wrote:
.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%}.
А за такое надо сразу казнить!

Не знаю каким образом более аккуратно подправить дивовую верстку, чтобы работала под ИЕ6 также, как под другими браузерами.

Аватар пользователя Ильич Рамирес Санчес Ильич Рамирес Санчес 20 июня 2009 в 15:49

"<a href="mailto:alergi@drupal.org">alergi@drupal.org</a>" wrote:
то что будет, когда попытаешься реальный дизайн натянуть на него...

что что... вы будете из букв "а, о, п, ж" пытаться сложить слово "счастье". вот что будет.

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

Аватар пользователя alergi@drupal.org alergi@drupal.org 20 июня 2009 в 19:00

"gorr" wrote:
Ничего не вижу плохого в фиксированных колонках
Где-то Лебедев писал про фиксированные колонки, конечно ещё тот "гуру", но прочитать можно.
Да и не говорил я, что это так плохо, я имел ввиду что резиновый макет на этом фреймворке уже не сверстаешь...
"gorr" wrote:
тот же yahoo.com, msn.com
В США почему-то почти все сайты фиксированной ширины...
"gorr" wrote:
http://www.designinfluences.com/fluid960gs/[/quote]В моей Опере колонки поехали Smile
"gorr" wrote:
Не знаю каким образом более аккуратно подправить дивовую верстку, чтобы работала под ИЕ6 также, как под другими браузерами.
Да уже давно известны способы без встаки невидимого блока-заглушки.

"Ilya1st" wrote:
что что... вы будете из букв "а, о, п, ж" пытаться сложить слово "счастье". вот что будет.
во-во
"Ilya1st" wrote:
основная сложность - колонки
Да с колонками уже всё ясно, в гугле можно сразу найти готовое решение на любое кол-во колонок. Основая сложность, с которой сейчас борятся - шрифты. Сделать так, чтобы они выглядили одинаково во всех браузерах и ОС, причем задавая размеры в относительных еденицах (% или em), практически нереально. Лучше всех пока это удавалось Yahoo UI FrameWork.
Плюс формы, тоже беда, особенно в осле.

Аватар пользователя Ильич Рамирес Санчес Ильич Рамирес Санчес 20 июня 2009 в 21:06

"<a href="mailto:alergi@drupal.org">alergi@drupal.org</a>" wrote:
Сделать так, чтобы они выглядили одинаково во всех браузерах и ОС, причем задавая размеры в относительных еденицах (% или em), практически нереально.

ну хз. у меня уже пара тем с относительными размерами есть... не жалуюсь. мож чуть по разному да.. но так и с фиксом такая же хрень. так что..

Аватар пользователя gorr gorr 20 июня 2009 в 21:16

"<a href="mailto:alergi@drupal.org">alergi@drupal.org</a>" wrote:
"gorr" написал(а):

Не знаю каким образом более аккуратно подправить дивовую верстку, чтобы работала под ИЕ6 также, как под другими браузерами.

Да уже давно известны способы без встаки невидимого блока-заглушки.


Дайте пожалуйста ссылочку, где почитать о лучшей замене.

Аватар пользователя Химический Али Химический Али 20 июня 2009 в 23:37

А я с недавних пор полюбил нерезиновые, ибо резина резине рознь.
Когда текст расползается во всю ширину родного 22-дюймового, аж убить кого-нибудь хочется.

Аватар пользователя Nikit Nikit 21 июня 2009 в 2:02

Химический Али wrote:
А я с недавних пор полюбил нерезиновые, ибо резина резине рознь.
Когда текст расползается во всю ширину родного 22-дюймового, аж убить кого-нибудь хочется.

ну резине можно задать чтобы не расползалась слишком.

Аватар пользователя alergi@drupal.org alergi@drupal.org 21 июня 2009 в 19:19

"gorr" wrote:
Дайте пожалуйста ссылочку, где почитать о лучшей замене.
Обычно «overflow: hidden» помогает, хотя каждый случай макет нужно смотреть.

"Ilya1st" wrote:
мож чуть по разному да..
В этом и проблема, когда текста много, становится видна даже разница в 1 пиксель. Смотрите пример размеров шрифтов в YUI, там точность до пикселя!

"Химический Али" wrote:
Когда текст расползается во всю ширину родного 22-дюймового, аж убить кого-нибудь хочется.
Да есть такая проблема, тоже бесит. Виноваты верстальщики, нада задавать «max-width».

Аватар пользователя F10 F10 25 июня 2009 в 1:51

Самое лучшее, создать для себя фреймворк самому. Чужой код, он и в Африке чужой код(Даже если это css и html).
Что же все так резину любят, для каждого сайта свое.
ИМХО.

Аватар пользователя kosilko kosilko 25 июня 2009 в 12:45

"F10" wrote:
Что же все так резину любят, для каждого сайта свое.

потому что это более гиморно, садо мазо панимаишь

Аватар пользователя Valeratal Valeratal 30 сентября 2009 в 9:22

кстати, эта сетка дружит с ie6 ?
а то посылать в попу "гордых пользователей" не всегда правильно (особенно когда их треть аудитории)

Аватар пользователя Владимир Ситников Владимир Ситников 30 сентября 2009 в 9:41

Все фиксированные сетки дружат с IE6

На просторах интернета был найден новый сетко-генератор http://gridinator.com

Он может создавать сетки в px, em, и главное в %

Т.е. резиновые грид системы. К сожалению резина с IE6 не дружит.
Но все равно хорошо...

Аватар пользователя Stargazer Stargazer 8 февраля 2010 в 19:21

Да реально проще подсмотреть цсску где угодно и подогнать под себя, ну и пишут об этом много - дофигища библиотечек есть посвященных вопросам таблиц стилей.

Я иногда просто диз и каркас прям на хтмле в style пишу и редактором делаю апгрейд до css. Пару компиляшек и готово - нормальный, чистый код + грамотно скомбинированные стили, остальное по кусочкам уже на месте смотреть.

Аватар пользователя Symphony Symphony 25 июля 2010 в 12:36

в интернете каркасов html+css полно, резиновый, фиксированый - выбирай любой, а после фрайmwорка задолбаешься напильником работать.