Как начать работу с Blueprint [CSS Framework]? - PullRequest
2 голосов
/ 09 февраля 2010
  • Стоит ли адаптироваться к фреймворку CSS или просто использовать CSS, который мы все знаем?

  • Как начать работу с Blueprint [CSS Framework]?

  • Какие-нибудь еще фреймворки CSS, которые действительно стоит попробовать?

Ответы [ 3 ]

1 голос
/ 21 июля 2010

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

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

Я создал Intronis.com с использованием фреймворка Blueprint CSS. Это сработало хорошо, потому что это очень чистый сайт с общими элементами, основанный на сетке.

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

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

Также убедитесь, что вы ознакомились с IE6 CSS, включенным в Blueprint, и обратите внимание на класс .clearfix, который вы можете использовать при работе с контейнерами и плавающими объектами.

1 голос
/ 09 февраля 2010

Если не Blueprint, я рекомендую хотя бы использовать файл сброса CSS, который стандартизирует многие настройки браузера по умолчанию, которые различаются в разных браузерах; такие как Yahoo "YUI Reset CSS" .

В противном случае, если бы я был вами, я думаю, я бы просто начал в Blueprint wiki и просматривал учебники . Тогда сделайте что-нибудь свое!

0 голосов
/ 26 сентября 2010

Я только что написал краткое руководство о том, как начать работу с Blueprint CSS, оно вам может понравиться. http://flowdev.tumblr.com/post/1187039740/blueprint-css-to-grid-or-not-to-grid

...