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

  • Стоит ли приспосабливаться к CSS-фреймворку или просто использовать css, который мы все знаем?

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

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

3 2
css css-frameworks

3 ответа:

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

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

1

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

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

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

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

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

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

1

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

0