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

Аватар пользователя Владимир Ситников

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

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

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

 

Ключевые слова:
Версия Drupal:
0 Спасибо

Комментарии

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

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

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

Офтопик...

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

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

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

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

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

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

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

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

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

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

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

  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
gorr 8 лет назад
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 Спасибо
Аватар пользователя Ильич Рамирес Санчес
alergi@drupal.org написал:
то что будет, когда попытаешься реальный дизайн натянуть на него...

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

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

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

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

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

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

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

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

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

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

во-во

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

спасибо

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

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

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

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

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

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

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

0 Спасибо