Комментарии 40
А без jQuery?
+2
Здесь не нужен ни jquery, ни яваскрипт вообще.
Перед добавить, ссылку #pull заменить на и добавить к стилям:
nav > input { position: absolute; left: -9999px; }
nav > input:checked + ul { display: block; }
Перед добавить, ссылку #pull заменить на и добавить к стилям:
nav > input { position: absolute; left: -9999px; }
nav > input:checked + ul { display: block; }
+2
Как-то много кода и мало текста. Ну можно ещё и флэш сделать и не париться, тоже будет везде отображаться флэш плеером.
-7
Под везде вы наверное iOS устройства подразумеваете?
0
Ну, для начала http://www.adobe.com/products/flashplayer/tech-specs.html. Вот и под андроид есть http://www.softportal.com/software-23472-adobe-flash-player.html
-1
НЛО прилетело и опубликовало эту надпись здесь
Вместо clearfix в данном случае можно использовать overflow:hidden для ul
0
В Fx15 меню не ужалось до одного столбца, в IE8 вообще ничего не работает, меню только для большого экрана, в хроме порядок. Иконка вообще нигде не показывается.
+1
Если количество пунктов нечетное, в 2 колонки не красиво будет.
0
ну принцепе дельный цсс буду иметь ввиду.
но. всетаки мне кажется для мобильных версий надо делать отдельные страницы и там уже пытаться вписаться в отдельные экраны.
но. всетаки мне кажется для мобильных версий надо делать отдельные страницы и там уже пытаться вписаться в отдельные экраны.
-2
Суть адаптивного дизайна как раз в том, чтобы сделать одну страницу, которая будет адаптироваться к разным устройствам.
+2
вы определенно правы. в теории так и есть. но реальность такова что полностью адаптивный дизайн может получится неоправданно трудозатратным
0
Думаю, что создавать отдельную страницу для разных устройств — более трудозатратная работа. Представьте, что у вас на сайте 50 динамических страниц и вам нужно сделать вариант для экрана, для планшета и для смартфона (три варианта). в результате получается 150 страниц. Когда нужно что-то поменять на одной странице — это нужно сделать на трех страницах. в общем вот такое направление мыслей. Кроме того, наверное, не случайно, появилась тенеденция делать сайты адаптивными — значит этот подход привлекает все большее число разработчиков.
+1
Все же адаптивный дизайн не панацея. Скорее даже, адаптивную верстку можно применять в достаточно ограниченном пространстве тематики сайтов
0
я не говорил про 150 дизайнов я сказал про 2 варианта страницы
1. для десктопнях браузеров.
2. адаптивный для мобильных устройств.
вы реальные вебклиенты\сайты делали? есть случаи где для десктопа функуилнальность вразы больше чем для мобылы и таких случаев большинство. для мобилы имеем информативную функциональность из серии буть в курсе или сделай что то простое. (ибо больше с мобилы просто не удобно) для десктопа всякие настройки и конфиги. сайты типа домашней страницы или того же баша по сложности вертски приближающихсяк нулю не стоит сравнивать со всеми вместе. для простых сайтов разумеется проще сделать полностью адаптивный дизайн
1. для десктопнях браузеров.
2. адаптивный для мобильных устройств.
вы реальные вебклиенты\сайты делали? есть случаи где для десктопа функуилнальность вразы больше чем для мобылы и таких случаев большинство. для мобилы имеем информативную функциональность из серии буть в курсе или сделай что то простое. (ибо больше с мобилы просто не удобно) для десктопа всякие настройки и конфиги. сайты типа домашней страницы или того же баша по сложности вертски приближающихсяк нулю не стоит сравнивать со всеми вместе. для простых сайтов разумеется проще сделать полностью адаптивный дизайн
0
ну принцепе дельный цсс буду иметь ввиду.Мне казалось, школьные каникулы закончились?
но. всетаки мне кажется для мобильных версий надо делать отдельные страницы и там уже пытаться вписаться в отдельные экраны.
0
А почему сначала идет «media screen and» а потом «media only screen and»? Эта какая-то особенность адаптивной верстки? Что будет если в первом правиле добавить only или убрать у следующих?
0
Может я чего-то не понимаю, но разве display:inline + float:left не избыточно?
+2
Opera 12.02 — меню сказало: «досвиданья» и скрыло от меня текст пунктов
0
Интересно, а почему меню получило мобильное представление на телефоне с разрешением экрана 768х1280?
0
Зарегистрируйтесь на Хабре , чтобы оставить комментарий
Создаем адаптивную навигацию на сайте