Шаблон JoomShopping для мобильных устройств - страница 2 - Дизайн и оформление

А вы сами себя неужели профи не считаете?) Ложная скромность тут ни к чему)

Вот зря вы спорите на счет Mobile first. В Википедию зачем-то полезли читать. В этой Википедии пишут неизвестно кто. А на сайте bootstrap пишут точно профи, надеюсь хотя бы на счет этого у вас нет сомнений?) И пишут они, что в третьей версии начали использовать принцип mobile first, когда изначально все стили прописаны под мобильные экраны, а остальные добавляются по мере увеличения ширины. Теперь вопрос на засыпку: Как такое можно сделать? А сделать можно только если в точках перехода использовать именно @media (min-width: ***px), и никак это не получится сделать если использовать @media (max-width: ***px).

Если же вы по прежнему не верите мне, не верите разработчикам bootstrap 3.. ну проверьте на практике тогда и посмотрите что получится. Пропишите сначала все стили и сетку для широких экранов, а потом двигайтесь в сторону уменьшения - вам в любом случае придется прописывать сетку под мобильные экраны. Это называется Mobile last. А при Mobile first вам не нужно прописывать сетку под мобильные экраны - вот в этом вся СУТЬ.

Еще раз ссылку вам скину http://getbootstrap.com/css/ читайте второй абзац сверху, он так и называется Mobile first

я вообще не спорю. у меня на это нет ни времени, ни желания. я вам попытался объяснить - вы не слышите. ну и ладненько

dmitry_stas, вот только из-за уважения к вам, я не поленился и нашел видео. Уделите хотя бы пару минут, посмотрите начиная с 18:47 минуты.


После просмотра надеюсь получить от вас + в карму, за изменение вашей как вы говорите парадигмы) Получить плюс от такого монстра как вы дорогого стоит!)

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

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

Спасибо за предоставленную возможность. Злоупотреблять не буду, спрошу лишь раз)

Вначале автор рассказывает про респонсив на примере @media (max-width: ***px): "Вот вы сначала указываете размер для мобильных экранов, потом для средних, и затем для широких..."
Потом на 18:47 минуте у него спрашивают, а что же такое mobile first? Он говорит: "Это значит что изначально вы верстаете для мобильных. Здесь идём в обратном порядке и вам не нужно указывать размер мобильных экранов, запись для мобильных экранов будет пуста." И показывает пример, где вместо @media (max-width: ***px) использует @media (min-width: ***px) и там видно что запись действительно пуста.

Вопрос: Почему нельзя применить принцип mobile first используя max-width?
Если вы считаете, что можно, то приведите пожалуйста пример CSS где в точках перехода будет указана max-width для широких и средних экранов, а запись max-width для мобильных будет пустой, и при этом на мобильных экранах все блоки будут выстраиваться в одну колонку, как у автора видео.

тему закрыл как неактуальную для ЖШ.
споры прекращены.
дефолтный ЖШ уже респонсив
вопрос к шаблону Joomla а не к вопросу ЖШ.