Зачем нужны css фреймверки и почему столько шума вокруг «сеток»?

Куда не зайду, bootstrap, bootstrap, сетка, сетка..и складывается впечатление что это что-то сложное, и необходимое. А как оно на самом деле то? Сетка, это ж ведь просто расположение блоков и их поведение при разных расширениях экрана...и..все. И css фреймверки это "сетка" + красивенькие свистелки. И на сколько предсказуемо поведение этих бутстрапных " сеток" и нужны ли они вообще, стоят ли они времени потраченного на понимание их поведения? Заранее спасибо и извиняюсь за сумбурность вопроса.
  • Вопрос задан
  • 4653 просмотра
Решения вопроса 2
ByKraB
@ByKraB
В чем польза сеток:

1. Задают общий стиль для расположения и размеров блоков на сайте. Делают работу дизайнера и верстальщика более "структурированной". Дизайнер рисует блоки определенных размеров, а верстальщику гораздо проще верстать по сетке.
2. В большинстве случаев, делают страничку более приятной глазу. Представьте, что у вас на рубашке пуговицы будут не точно в ряд, а с отступами по 2-3 пикселя.

В чем польза фреймворка.
0. Вам не нужно самому продумывать и делать стили для сетки, кнопок, форм и прочих элементов, которые есть на любом сайте. Это просто очень удобно.
1. Делают верстку более последовательной и предсказуемой. Например, .btn - кнопка. .btn.btn-success = зеленая кнопка. .btn.btn-success.btn-large = большая зеленая кнопка.
2. Позволяют специалисту, знакомому с фраемворком быстрее понять верстку. И вам тоже будет проще понять через пару месяцев работы над проектом, что вы наверстали на этой страничке.

3. Только для bootstrap (работал только с ним). Очень удобно управлять адаптивностью верстки с помощь классов.

Думаю, найдется еще много мелких полезностей. Описал только самые вкусные.
Ответ написан
htmlcssverstka
@htmlcssverstka
Разработка сайтов
что касается вопроса нужно ли использовать css фреймворки, то ответ такой же, как в вопросе о php фреймворках.
Это нужно для легкой читабельности вашего кода, другими веб-специалистами (некий стандарт).
Ответ написан
Пригласить эксперта
Ответы на вопрос 5
mr_T
@mr_T
Web-разработчик
Если делается сайт с индивидуальным дизайном, то вряд ли фреймворк сильно поможет. Исключение - когда дизайн изначально делается с учетом того, что сайт будет создаваться на базе фреймворка, но в этом случае получаются шаблонные дизайны, очень похожие друг на друга. Хороший вариант, когда это "разработка сайта быстро недорого" за пару дней по шаблону.
Так же можно использовать фреймворк, например, для создания админки, так как там дизайн не важен. Или если быстренько нужно прототип накалякать.
В остальном от фрейморков, на мой взгляд, толку мало.
Ответ написан
Использование CSS Фреймвёрков позволяет создавать прототип сайта практически без стилей. + У фреймвёрков CSS идёт адаптивная сетка, что очень полезно для мобильных устройств.
У нас в студии сайт собирается полностью на бутстрапе, а потом дизайнер накидывает стили в лесе.
Ответ написан
GoodProject
@GoodProject
Верстальщик
Согласен, я вот только обучаюсь, а уже пугаюсь самого только названия ))

Написал бы ещё кто нибудь как юзать эти фреймворки, ссылочку бы на гайд было бы круто )
Ответ написан
@htmleater
Сетка (Модульная сетка) необходима для достижения гармонии при любой вёрстке, претендующей на звание правильной (хорошей). Если просто, то это соотношение величин и пропорций, соответствующих закону "Золотого сечения".
В средние века пришла из архитектуры в книгопечатание. В 20-30-х годах прошлого века понятие окончательно оформилось как научно обоснованный метод и получило настоящее название. наибольшее распространение получило в книгопечатании, шрифтостроении, плакатном искусстве, айдентике.
По мере развития сетка стала широко применяться в оформлении экстерьеров, витрин, визуальной рекламе и даже в промдизайне и дизайне интерьеров.
В вебе сетка применяется относительно недавно и отличается от классического применения только в тех случаях, когда вёрстка является резиновой (% вместо жёстких величин).

ЗЫ: Я, к примеру, никогда не возьму на работу дизайнера, который никогда не слышал о модульных сетках!
Ответ написан
nazarpc
@nazarpc
Open Source enthusiast
Фреймворки позволяют упростить создание шаблонных элементов (кнопки, меню, табы, таблицы, переключатели, выпадающие списки, подсказки, модальные окна и так далее).
Сетки позволяют не угадывать положение элементов, а располагать их предсказуемым образом, к тому же сетка способствует адаптивности сайта (для другого размера дисплея делаете другую сетку с теми же элементами, получается иногда весьма удобно).
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы