что именно делает grid 960?

Я видел все эти CSS-фреймворки типа «сетка» и все еще немного не понимаю, что они делают.

Я понимаю, что они помогают быстро создать страницу, поскольку макет уже определен для вас, но усложняют ли эти фреймворки определенные вещи?


css 960.gs
person mrblah    schedule 27.10.2009    source источник
comment
См. Также: stackoverflow.com/questions/203069/   -  person bobince    schedule 27.10.2009

Ответы (6)


arrow_upward
7
arrow_downward

Это зависит от того, как вы обычно используете CSS для настройки своих страниц. Они заканчивают тем, что используют менее семантические классы («indent-12» против «rail-content»), если это важно для вас, но они также решают множество проблем компоновки, с которыми люди склонны сталкиваться.

Они заботятся о необходимости (в основном) поплавков, которые могут сломать дизайн быстрее, чем ... ну, что-то быстрое.

Однако они усложняют настройку. Если вы не потратите время, чтобы понять, что именно означают эти классы, может быть трудно заставить вещи выглядеть так, как вы хотите, потому что ваши правила CSS могут конфликтовать с тем, о чем вы не знали.

Они отлично подходят для перехода от таблиц к дизайну на основе CSS, и они также действительно помогают реализовать теорию дизайна «сетка», в которой все выстраивается в горизонтальном и вертикальном ритмах.

Возьми их или оставь (я оставил их, но конечно поиграл с ними немного)

РЕДАКТИРОВАТЬ: Я использовал как 960, так и blueprint, около 8 месяцев назад. Неясно, произошли ли с тех пор значительные изменения.

person Alex Mcp    schedule 27.10.2009

arrow_upward
2
arrow_downward

Grid 960 - это фреймворк CSS. В основном это может помочь вам быстрее разработать макет вашей страницы.

Вы можете узнать больше об этом в руководство.

Наслаждаться!

person Bogdan Constantinescu    schedule 27.10.2009

arrow_upward
2
arrow_downward

Идея состоит в том, чтобы перестать думать в терминах% s или пикселей и начать думать в терминах столбцов. Сеточные системы автоматизируют реализацию позиционирования на основе столбцов. Мне больше всего нравится Fluid 960 - сеточная система, которая растягивает столбцы на всю доступную ширину.

person zvolkov    schedule 27.10.2009

arrow_upward
1
arrow_downward

В прошлом я изучал различные фреймворки CSS, и я думаю, что они нацелены на устранение множества мелких ошибок CSS, которые встречаются между браузерами. Если вы когда-либо пытались вручную свернуть свой собственный CSS, вы будете знать о возникающих проблемах. Если у вас есть собственный шаблон, который вы разработали, я бы придерживался его, именно этим я и занялся. Я знаком с ним, и он очень легкий.

person Burt    schedule 27.10.2009

arrow_upward
1
arrow_downward

Сетка 960 - это структура, которая должна быть реализована на начальном этапе проектирования. Это помогает как дизайнеру, так и разработчику создавать чистые организованные пользовательские интерфейсы. По моему опыту, сеточная система 960 (http://www.960.gs) очень помогла, поскольку позволит мне быстро создать отформатированную страницу без перезаписи каких-либо файлов css независимо от того, что запрашивает клиент. Обычно я реализую следующие стили CSS:

.marginLeft20 { margin-left: 20px; }

.oneColumn {
    float: left;
    width: 60px;
}

Это означает, что я могу создать div с примененными выше классами

<div class="oneColumn marginLeft20">This is a oneColumn example</div>

Если вам нужна дополнительная информация о сетках, я бы порекомендовал http://www.960.gs

person GaryDevenay    schedule 27.10.2009

arrow_upward
0
arrow_downward

Сетки / каркасы похожи на песочницу со всеми готовыми лопатами, ведрами, песком и формовщиками, так что все, что вам нужно сделать, это взять инструмент и начать строить свой замок.

Берт отлично подходит для создания собственного CSS и всех проблем с браузером, с которыми вы сталкиваетесь. В зависимости от проекта, над которым вы работаете, это может быть очень неприятно!

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

person tahdhaze09    schedule 27.10.2009