CSS макет комплект

Question

Какой инструментарий CSS для начального макета страницы вы предпочитаете? Есть ли решение, которое бы имело:

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

Answer 1

Я предполагаю, что вы имеете в виду CSS-фреймворк, когда говорите "инструментарий".

Я работал как с Blueprint, так и с 960 Grid System, и они оба работают хорошо. Они оба настраиваемы и в некоторой степени модульны.

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

Answer 2

Лучший инструментарий - это не инструментарий. Я держу вокруг себя несколько шаблонов (шаблон страницы с двумя столбцами, шаблон боковой панели и т. Д.) И использую их по своему усмотрению, а также фрагменты.

Мой совет: сделай сам. У всех нас есть шрифты, размеры и расстояния, которые мы предпочитаем, и только вы можете знать, что это такое.

Answer 3

Существует два широко распространенных варианта: 960 и blueprint . Оба полагаются на систему на основе сетки . Это значительно повышает гибкость вашего дизайна.

Я не уверен насчет 960, но план также включает в себя CSS reset . Это то, что вы должны использовать, даже если вы решили не использовать CSS-фреймворк.

Answer 4

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

Таблица стилей может быть настолько корректной, насколько вы хотите, но если разметка плохая и не соответствует визуальному дизайну, проблема совместимости снова устраняется.

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