Лучшая сетка или фреймворк для адаптивного дизайна

[troll31]

Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!

[Struggle]

Никакой фреймворк не нужен, лучший фреймворк - своя голова, пилил 2 адаптивных сайта без макета, всё просто, главное никаких position, пользуемся плавающими блоками, а самое главное - тебе должны предоставить адаптивные макеты, где и как должны выглядить сайты, 240, 640, 800, дальше идёт веб

если что стукай в аську/скайп, подскажу

Edited August 1, 2013 by Struggle

[troll31]

Спасибо большое за помощь, завтра постучусь, жаль форум не дает плюс поставить

[bob_24]

Мне нравится сетка от Foundation. Хорошая сетка в Bootstrap 3. В общем-то они похожи.

[Memphis]

главное никаких position

Объясните пожалуйста почему? Делал position: absolute блока с верхним отступом, ширина естественно в %, всё было ок.

[npofopr]

Делал position: absolute блока с верхним отступом, ширина естественно в %, всё было ок.

Для разных дизайнов, всё по разному.

Такое ощущение, что вы не понимаете значение фреймворков.

Можете и сами верстать, для опыта понадобиться. Но самому посмотреть популярные фреймворки и посмотреть реализации тех или иных моментов в них, всё же стоит.

[Memphis]

Делал position: absolute блока с верхним отступом, ширина естественно в %, всё было ок.

Для разных дизайнов, всё по разному.

Такое ощущение, что вы не понимаете значение фреймворков.

Можете и сами верстать, для опыта понадобиться. Но самому посмотреть популярные фреймворки и посмотреть реализации тех или иных моментов в них, всё же стоит.

Так я сам и верстаю, я спросил не про фреймворки, а почему нельзя использовать position для адаптивных дизайнов!

[Struggle]

Делал position: absolute блока с верхним отступом, ширина естественно в %, всё было ок.

Для разных дизайнов, всё по разному.

Такое ощущение, что вы не понимаете значение фреймворков.

Можете и сами верстать, для опыта понадобиться. Но самому посмотреть популярные фреймворки и посмотреть реализации тех или иных моментов в них, всё же стоит.

Так я сам и верстаю, я спросил не про фреймворки, а почему нельзя использовать position для адаптивных дизайнов!

Ну зачем делать велосипед?

если можно обойтись и без позиционирования

[cyklop77]

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

 

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

[Sergik+]

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

 

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

Единственный который вас устроит это susy, нету ничего лишнего вообще и количество колонок любое.

[cyklop77]

 

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

 

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

Единственный который вас устроит это susy, нету ничего лишнего вообще и количество колонок любое.

 

спасибо, посмотрю. но в бутстрапе тоже любое количество колонок. и это ограничивает

 

в бутстрапе теоретически возможно задать, например, 256 колонок и после этого можно будет довольно тонко контролировать ширину, но что-то такой способ меня не привлекает

Edited February 6, 2015 by cyklop77

[antonKar]

в бутстрапе теоретически возможно задать, например, 256 колонок

 

 

facepalm

 

Просто верстать в потоках блоки никак с указанием ширины и отступов? 

Edited February 6, 2015 by antonKar

[cyklop77]

 

в бутстрапе теоретически возможно задать, например, 256 колонок

 

 

facepalm

 

Просто верстать в потоках блоки никак с указанием ширины и отступов? 

 

ну тогда и фреймворк не нужен никакой)

[Sergik+]

 

 

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

 

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

Единственный который вас устроит это susy, нету ничего лишнего вообще и количество колонок любое.

 

спасибо, посмотрю. но в бутстрапе тоже любое количество колонок. и это ограничивает

 

в бутстрапе теоретически возможно задать, например, 256 колонок и после этого можно будет довольно тонко контролировать ширину, но что-то такой способ меня не привлекает

 

Размер колонок любой при желании.

[antonKar]

ну тогда и фреймворк не нужен никакой)

 

Ну так и зачем тогда себе жизнь усложнять?

[Great Rash]

Я рекомендую посмотреть в сторону Formstone и Gridlock в частности. Мне он больше чем бутстрап понравился, ну а фондейшн вообще клон бутстрапа.

[Sergik+]

Я рекомендую посмотреть в сторону Formstone и Gridlock в частности. Мне он больше чем бутстрап понравился, ну а фондейшн вообще клон бутстрапа.

Те же грабли что и в бутстрапе, куча ненужных классов в html, преимущество сомнительно.

[antonKar]

Кстати про бутстрап. О том какое же это говнище.

 

Есть параграф p, внутри него текст разделён двумя br. И забавность в том, что line-height, применённый к p, после какого-то минимального значения перестаёт применяться ко всему тегу p, а работает только со строкой после последнего br.

 

Оказывается дело всё в волшебном css бустрапа

* { line-height: auto; }

Я просто не понимаю как так можно жить.

Edited February 6, 2015 by antonKar

[Great Rash]

Я просто не понимаю как так можно жить.

Проблема не в бутстрапе, проблема в этом:

Есть параграф p, внутри него текст разделён двумя br.

 

Те же грабли что и в бутстрапе, куча ненужных классов в html, преимущество сомнительно.

Какие именно классы вы считаете ненужными? Особенно интересует в сравнении с susy  

[Sergik+]

Кстати про бутстрап. О том какое же это говнище.

 

Есть параграф p, внутри него текст разделён двумя br. И забавность в том, что line-height, применённый к p, после какого-то минимального значения перестаёт применяться ко всему тегу p, а работает только со строкой после последнего br.

 

Оказывается дело всё в волшебном css бустрапа

* { line-height: auto; }

Я просто не понимаю как так можно жить.

Бутстрап то причем ? Надо просто знать инструмент которым пользуешься, никто ведь

не запрещает исходники править.

[cyklop77]

ну из визивига в любом случае будет приходить код с br и прочим мусором

[Sergik+]

 

 

 

Те же грабли что и в бутстрапе, куча ненужных классов в html, преимущество сомнительно.

Какие именно классы вы считаете ненужными? Особенно интересует в сравнении с susy

 

Нету в susy сетки в html.

Edited February 6, 2015 by Sergik+

[Great Rash]

Нету в susy сетки в html.

Это шутка такая да? 

[antonKar]

Проблема не в бутстрапе, проблема в этом:

 

И в чём тут проблема? С каких пор в параграфе нельзя делать принудительные переносы?

 

Бутстрап то причем ? Надо просто знать инструмент которым пользуешься, никто ведь

 

Как причём, css из него ведь.

[Sergik+]

 

Нету в susy сетки в html.

Это шутка такая да? 

 

Никаких шуток, по html  вы никогда не опознаете susy в проекте, его там попросту нету.

http://zencoder.ru/brief-tutorial-susy-2/

 

Проблема не в бутстрапе, проблема в этом:

 

И в чём тут проблема? С каких пор в параграфе нельзя делать принудительные переносы?

 

 

 

Бутстрап то причем ? Надо просто знать инструмент которым пользуешься, никто ведь

 

Как причём, css из него ведь.

 

Я даже normalize.scss правлю под себя.

Edited February 6, 2015 by Sergik+

[cyklop77]

я это... кипяточку советик бы... по фреймвокру то.... 

Edited February 6, 2015 by cyklop77