Дизайн пользовательского интерфейса: популярные системы разметки сайтов> 960

Question

Я знаком с популярной 960 Grid System настройкой, и она мне очень помогла, но я ищу другие популярные / широко принятые решения со следующими возможностями:

• Увеличенное базовое разрешение (1280px, а не 1024px)?
• Использует теги семантической разметки HTML5: ASIDE, NAV и т. Д.
• Чистый CSS: несколько «хитростей / уловок»насколько это возможно ... CSS3 будет бонусом.

Спасибо.

Answer 1

Twitter Bootstrap также имеет сеточную систему. Он основан на модели 960, но вы также можете изменить его, чтобы сделать свой собственный. И у него есть куча других блестящих функций (включая HTML 5 и CSS 3).

Answer 2

Не уверен, что многие люди до сих пор используют макет 960px, так как многие люди сейчас используют адаптивный дизайн.Изучите html5boilerplate , учебное пособие от tutsplus (html5 / css3 стартер), cssgrid , базовая сетка флюида (нацелена на любое разрешение).Не уверен, что это помогло, но должно дать вам представление.Я бы пошел с жидкостью или использовал один из них в качестве основы для новых проектов.