Jump to content
  • 0

Если просто нужна адаптивная верстка без макета


Zverushka
 Share

Question

Подскажите, если нужна просто адаптивная верстка без прориосванного под разные разрешения макеты. Какой фреймворк или сетку _лучше_ использовать. Бутстрап или есть, что полегче и попроще (ведь нужна только адаптивность, стили бутстрапа, плагины итп не нужно)?

Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0

что может быть проще бутстрапа? Постою, послушаю :)

Скажите, а насколько % дольше у вас верстка одного и того же макета занимает больше времени на бутстрапе, чем просто сверстать его фиксировано без бутстрапа?

Link to comment
Share on other sites

  • 0

Первые пару макетов трудно было, время ушло, наверное, в 2 раза больше, чем обычно. А сейчас даже проще, особенно если макет не просто по сетке, но и грамотным веб-дизайнером под бутстрап разрабатывался. Минут 20-30 на "допиливание" каких-то основных стилей уходит, а все остальное уже на автомате.

Да и вносить изменения потом гораздо удобнее :)

 

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

Link to comment
Share on other sites

  • 0

Подскажите, если нужна просто адаптивная верстка без прориосванного под разные разрешения макеты. Какой фреймворк или сетку _лучше_ использовать. Бутстрап или есть, что полегче и попроще (ведь нужна только адаптивность, стили бутстрапа, плагины итп не нужно)?

 

Заходите в раздел Customize, устанавливаете только галочки на 

  • Typography
  • Grid system (сетка и контейнер)
  • Responsive utilities (дополнительные стили под различные типы устройств)

Настраиваете less параметры  для соответствующих разделов и используете. На подготовку уходит несколько минут.

 

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

Edited by Radiocity
  • Like 1
Link to comment
Share on other sites

  • 0

Провсетите, зачем сетку эту "городить", вед это таже верстка блоками? Какие у сетки преимужества перед блочной версткой? Может кто материальчик подкинет, чтоб почитать да разобраться?

Link to comment
Share on other sites

  • 0

Провсетите, зачем сетку эту "городить", вед это таже верстка блоками? Какие у сетки преимужества перед блочной версткой? Может кто материальчик подкинет, чтоб почитать да разобраться?

В том, что сетка уже готова и можно пользоваться.

Вам никто не мешает, создавать свой велосипед.

Link to comment
Share on other sites

  • 0

 

Тоеть от части это помогает "механизировать"/ускорить создание каркаса для страницы.

Только если дизайн заточен под сетку. А так, она почти бесполезна :)

 

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

То есть просят это сделать для лендингов, а вы сами знаете, что это такое.

Кстати недавно видела объявление - нужна попиксельная верстка лендинга, но при этом адаптировано на бутстрапе - при этом я на 1000% уверена, что макет классический - блоки как попало итп итд.

Edited by Zverushka
Link to comment
Share on other sites

  • 0

Подскажите, если нужна просто адаптивная верстка без прориосванного под разные разрешения макеты. Какой фреймворк или сетку _лучше_ использовать. Бутстрап или есть, что полегче и попроще (ведь нужна только адаптивность, стили бутстрапа, плагины итп не нужно)?

Ну так и не используй все стили.

 

 

Вот этого вполне хватит.

.container

.row

.col-md-x

.col-sm-x

.col-xs-x

 

 

и нет проблем)

Edited by ALEEX SWN
Link to comment
Share on other sites

  • 0

 

 

Тоеть от части это помогает "механизировать"/ускорить создание каркаса для страницы.

Только если дизайн заточен под сетку. А так, она почти бесполезна :)

 

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

То есть просят это сделать для лендингов, а вы сами знаете, что это такое.

Кстати недавно видела объявление - нужна попиксельная верстка лендинга, но при этом адаптировано на бутстрапе - при этом я на 1000% уверена, что макет классический - блоки как попало итп итд.

 

В большинстве случаев, заказчик не понимает, что такое адаптивная верстка.

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

Но как я и сказал, чаще всего, просто кидают модные слова и просят, что бы было.

 

А лендинг, ну из того что я у вас видел тут) В ходе ваших вопросов, вполне легко можно все сделать. Там же просто блоки друг за другом. 

Edited by npofopr
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy