Верстка адаптивного проекта с нуля

  • 4 Ответов
  • 706 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн shurakana

Всем привет! Возникла потребность сделать проект сразу адаптивным, даже больше для мобильных, чем для компьютеров.
Так вот, при верстке обычных проектов набрался определенного опыта в плане удобства (мне удобно), создаю основные селекторы пока в отдельном файле all.css, например:

fl_r{float:right;} и наоборот
moa{margin: 0 auto;}
clr{clear:both;}
tdn{text-decoration:none;}
dib{display:inline-block;}
ну, и так далее..

И понял что такой подход совсем не удобен при верстке адаптивных сайтов с нуля, т.к. при медиа запросах, 90 % селекторов приходится переопределять.
Переопределить то не сложно, хочется код сократить.

Так вот, хотел бы узнать, кто как поступает в случаях изначальной резиновости и адаптивности? Может какие то нюансы, алгоритмы есть, или методы..
Эта подпись отображается внизу каждого Моего сообщения. Я также могу использовать BB код и смайлы.

*

Оффлайн zeus07

Есть один метод. Нужно просто верстать на основе фреймворка Twitter Bootstrap 3, и сайт сразу будет иметь адаптивность. Кое-какие селекторы конечно придётся переопределять под медиа-запросы, но совсем немного.

*

Оффлайн AlekVolsk

Нужно просто верстать на основе фреймворка Twitter Bootstrap 3
Не нужно. BS - весьма тяжелый фреймворк, да к тому же тройка часто конфликтует со встроенной в ядро второй версией bs. Используйте uikit или materialize - в первом проблемы конфликтов решены на корню, во втором - нет точек соприкосновения с bs вообще.

*

Оффлайн shurakana

Да не, меня интересует сам процесс, т.е. в плане удобства и уменьшения кода.. на счет бутстрапа и пр. я скептически настроен..)
Эта подпись отображается внизу каждого Моего сообщения. Я также могу использовать BB код и смайлы.

*

Оффлайн irc-h

Да не, меня интересует сам процесс, т.е. в плане удобства и уменьшения кода.. на счет бутстрапа и пр. я скептически настроен..)
Если Вас интересует сам процесс то вырубаешь интернет, берешь ручку и блокнот и ай да .....
Если результат, то прикручиваешь uikit и вперед.