Сетка CSS макетов. Скажите мне причины не использовать

Question

Поскольку я только начал работать с CSS, я только начал работать с системой CSS Grid. Я хотел бы знать, есть ли какие-либо технические проблемы при использовании CSS-сеток? Я имею в виду, по каким причинам вы не используете сетку?

Спасибо

Answer 1

Гибкость

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

По моему мнению (и любому другому дизайнеру, с которым я разговаривал), намного проще определить своестолбцы и размеры по умолчанию как классы и применять их по мере необходимости.Пользовательская сетка, если хотите.Тогда изменить стиль так же просто, как изменить одну или две строки CSS, вместо того, чтобы либо заново сгенерировать систему сетки, либо переделать сайт и пожертвовать ради использования сетки.

Я фанат сбрасывает и некоторую незначительную любовь из Blueprint (особенно в типографии), но это все.

Answer 2

Я только начал использовать объектно-ориентированный CSS ( OOCSS ).Я действительно наслаждаюсь этим, потому что это обеспечивает очень основную и минималистичную систему сетки.Это позволяет создавать сетки относительного размера путем деления элемента на половинки, трети, четверти или пятые.Разделенные элементы бесконечно встраиваемы.

OOCSS - это скорее философия, чем структура.Это все о том, как вы расширяете очень простой фундамент.

Проверьте эти ссылки:

http://oocss.org/ http://developer.yahoo.net/blogs/theater/archives/2009/03/website_and_webapp_performance.html http://www.youtube.com/watch?v=j6sAm7CLoCQ

Answer 3

Если ваш сайт имеет макет столбца И повторяющиеся шаблоны дизайна по всему сайту ... тогда нет никаких причин не включать сетку.Сетка добавляет: организацию, пропорции и выравнивание на вашей странице.Так почему бы не сделать это последовательным?Нет причины.

Только не злоупотребляйте сеткой

Некоторые люди говорят, что сетка негибкая?Это не совсем так - вы можете использовать его там, где вам это нужно.Вы всегда можете удалить его или настроить.Только не злоупотребляйте этим.

Answer 4

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

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

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

Answer 5

Это зависит от системы сетки. Большинство сеток имеют фиксированное количество столбцов, которые ограничивают вас при создании макета. Например, они не позволяют вам комбинировать 30% / 30% / 40%, 50% / 50%, 25% / 75% и любые другие комбинации, которые вы можете придумать.

Некоторые сеточные системы также не допускают вложения. Это означает, что вы не можете использовать элемент сетки в качестве сетки для дочерних элементов в этих системах сеток, что значительно затрудняет кодирование многих макетов в HTML.

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

Однако существуют рамки без таких ограничений. Cascade Framework , фактически, имеет сеточную систему, гораздо более гибкую, чем любая другая инфраструктура, и отлично работает как в IE6-8, так и в современных браузерах.