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

Пт, 19/06/2009 - 15:35

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

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

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

 

0 Спасибо

Комментарии

Аватар пользователя gorr
7 лет 8 months назад gorr #
Владимир Ситников написал:
Посмотрите на великолепные дизайны на сайте 960.gs

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

0 Спасибо
Аватар пользователя Владимир Ситников
7 лет 8 months назад Владимир Ситников #

Офтопик...

Неочифу:
Саша, присмотрись внимательно, какой тут дубль? Речь о разном идет. Там о готовых дизайнах, сдесь о совершенно другой базовой теме!

0 Спасибо
Аватар пользователя volocuga
7 лет 8 months назад volocuga #

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

0 Спасибо
Аватар пользователя Владимир Ситников
7 лет 8 months назад Владимир Ситников #

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

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

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

0 Спасибо
Аватар пользователя kosilko
7 лет 8 months назад kosilko #

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

0 Спасибо
Аватар пользователя alergi@drupal.org
7 лет 8 months назад alergi@drupal.org #

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

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

0 Спасибо
Аватар пользователя gorr
7 лет 8 months назад gorr #
alergi@drupal.org написал:
Все колонки фиксированы, причем жестко в пикселях.

Ничего не вижу плохого в фиксированных колонках, на мой взгляд очень много отличных не резиновых дизайнов, тот же yahoo.com, msn.com.
Кроме того на сайте 960 была приведена и резиновая версии прямо с главной страницы:
http://www.designinfluences.com/fluid960gs/

alergi@drupal.org написал:
.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 также, как под другими браузерами.

0 Спасибо
Аватар пользователя Ильич Рамирес Санчес
7 лет 8 months назад Ильич Рамирес Санчес #
alergi@drupal.org написал:
то что будет, когда попытаешься реальный дизайн натянуть на него...

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

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

0 Спасибо
Аватар пользователя alergi@drupal.org
7 лет 8 months назад alergi@drupal.org #
gorr написал:
Ничего не вижу плохого в фиксированных колонках

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

gorr написал:
тот же yahoo.com, msn.com

В США почему-то почти все сайты фиксированной ширины...

В моей Опере колонки поехали :)

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

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

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

во-во

Ilya1st написал:
основная сложность - колонки

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

0 Спасибо
Аватар пользователя Ильич Рамирес Санчес
7 лет 8 months назад Ильич Рамирес Санчес #
alergi@drupal.org написал:
Сделать так, чтобы они выглядили одинаково во всех браузерах и ОС, причем задавая размеры в относительных еденицах (% или em), практически нереально.

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

0 Спасибо
Аватар пользователя gorr
7 лет 8 months назад gorr #
alergi@drupal.org написал:
"gorr" написал(а):

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

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

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

0 Спасибо
Аватар пользователя Химический Али
7 лет 8 months назад Химический Али #

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

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

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

0 Спасибо
Аватар пользователя Ильич Рамирес Санчес
7 лет 8 months назад Ильич Рамирес Санчес #
Химический Али написал:
Когда текст расползается во всю ширину родного 22-дюймового, аж убить кого-нибудь хочется.

никто не меншает уменьшить окно браузера

0 Спасибо
Аватар пользователя Химический Али
7 лет 8 months назад Химический Али #
Ilya1st написал:
никто не меншает уменьшить окно браузера

К сожалению, меня такой вариант не устраивает.

0 Спасибо
Аватар пользователя alergi@drupal.org
7 лет 8 months назад alergi@drupal.org #
gorr написал:
Дайте пожалуйста ссылочку, где почитать о лучшей замене.

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

Ilya1st написал:
мож чуть по разному да..

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

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

Да есть такая проблема, тоже бесит. Виноваты верстальщики, нада задавать «max-width».

0 Спасибо
Аватар пользователя F10
7 лет 8 months назад F10 #

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

0 Спасибо
Аватар пользователя kosilko
7 лет 8 months назад kosilko #
F10 написал:
Что же все так резину любят, для каждого сайта свое.

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

0 Спасибо
Аватар пользователя Antoniy
7 лет 7 months назад Antoniy #

Круто! Спасибо!

0 Спасибо
Аватар пользователя Valeratal
7 лет 7 months назад Valeratal #

а как пользоваться?
скачать эту тему и допиливать?

0 Спасибо
Аватар пользователя gorenski
7 лет 5 months назад gorenski #

Дизайн на базе сетке 960 просто мегаохренительный

0 Спасибо
Аватар пользователя Valeratal
7 лет 5 months назад Valeratal #

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

0 Спасибо
Аватар пользователя Владимир Ситников
7 лет 5 months назад Владимир Ситников #

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

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

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

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

0 Спасибо
Аватар пользователя Valeratal
7 лет 5 months назад Valeratal #

спасибо

0 Спасибо
Аватар пользователя Stargazer
7 лет 3 недели назад Stargazer #

По-моему лажа эти фрэймворки ...

0 Спасибо
Аватар пользователя Stargazer
7 лет 3 недели назад Stargazer #

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

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

0 Спасибо
Аватар пользователя Symphony
6 лет 7 months назад Symphony #

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

0 Спасибо