hypnocolor

Деталей мало, но, видимо, как-то так: http://jsfiddle.net/hypnocolor/98sb980p/

Обновил тут по-крупному сайтик с панорамами Магадана и области — http://magadan360.ru/. Правим оставшиеся баги после переноса всех панорам, но было бы интересно услышать мнения касаемо дизайна и прочего. С десктопным вроде определились, но, вероятно, в мобильном есть какие-то неудобные штуки, поэтому мнения со стороны будут ценны и полезны.

http://cl.ly/200a121T1q1R

Работает всё (четвёртый айпад, хром/сафари).

Дык тут же цикл используется для перебора массива с загружаемыми файлами. Если загрузить одну пачку файлов, а потом отдельно другую, цикл опять пойдёт с нуля и $i будет повторяться, в текущем коде он никак не подходит для именования файла

http://stackoverflow.com/questions/9384101/php-incremental-file-names

Раньше тоже медиа-запросы делал отдельным файлом, теперь с использованием Сасса, Галпа и прочих автоматизирующих штук делаю по-другому: на каждую страницу — свой файл стилей, в котором прописаны стили элементов, используемых только на этой странице. Соответственно, для общих элементов (кнопки, breadcrumbs и т.д.) есть свой отдельный файл. Медиа-запросы прописываю сразу для каждого элемента отдельно, дабы добиться абсолютной независимости и гибкости в управлении поведением каждого отдельного элемента. Ну а потом Галп всё это дело склеивает и минифицирует в одном файле. Немного жалею, что долгое время был старовером и игнорировал такой удобный подход. Кто-то может скептически отнестись к тому, что медиа-запросы долго и утомительно набивать на каждый элемент, но тут на помощь, как и во многих других случаях, приходит Эммет Можно ещё миксин для медиа-запросов написать, но мне лично пока удобно и так. Небольшой пример того, о чём говорю: .contacts-top { margin: 0 auto; max-width: $siteMaxWidth; padding: 80px $mobilePadding 30px; position: relative; @media screen and (min-width: 1024px) { padding: 200px $tabletPadding 100px; } &__title { color: $darkGray; font-family: $fontOpenSans; font-size: 20px; font-weight: 600; line-height: 1.5; margin-bottom: 30px; @media screen and (min-width: 640px) { font-size: 28px; } @media screen and (min-width: 1024px) { font-size: 38px; margin-bottom: 60px; } }}

Или банально шрифт не поддерживает кириллицу.

Не припомню. Для тестирования на устройствах Эпла можно использовать XCode, там есть встроенный эмулятор разных айфонов и айпадов. Для андроида тоже эмуляторы есть. А вообще, лучше заиметь реальные устройства для тестирования.

Есть. https://www.browserstack.com/

Выражение «горбатого могила исправит» обычно как раз вот про таких нелюдей. Кинул единожды — кинет в дальнейшем, это уже как аксиома, хоть что ты тут с ним делай. Разве что полиция может прижать таких товарищей, и то гарантии нет.

Я бы извлёк урок и не работал больше без предоплаты. Разбираться с подобными говнюками — себе дороже. Гарантии возврата оплаты никакой, а так ещё и нервы потратите. Убивать сайт — очевидный выход, но, опять же, не факт, что он всю работу не скопировал куда-то ещё. Другие сайты трогать не стоит, они тут не виноваты и к вам отношения не имеют.

Не смог найти приличного варианта картинки с книгой «Как ничего не понять и не подать виду». Закиньте код на jsfiddle и дайте ссылку.

Вероятно, какой-то из классов, навешанных на li или ul, ставит white-space: nowrap.

Для инпута попробуйте добавить свойство -webkit-appearance: none.

Зависит от того, какие браузеры нужно поддерживать. С последними версиями и относительно недавними там уже всё хорошо в целом — http://caniuse.com/#search=flexbox.

https://jsfiddle.net/hypnocolor/75kfao0f/2/

Или чуть короче sum += +$(this).val();

Может, с айпадом беда? Я проверял на четвёртом, с ретиной, в Хроме и Сафари — всё норм.

Вообще не понял проблемы. Оба селекта работают, проверил на айпаде. Только на нём вместо выпадашки скрипта показывается стандартный контрол селекта в iOS. Если нужно, чтоб прям выпадашка была одинаковая и на десктопе, и на айпаде, попробуйте поковырять https://select2.github.io/.

http://jsfiddle.net/hypnocolor/c3trhgsp/1/

http://www.youtube.com/results?search_query=photoshop+%D0%B4%D0%BB%D1%8F+%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%B0%D0%BB%D1%8C%D1%89%D0%B8%D0%BA%D0%B0&page=&utm_source=opensearch

Стили проверьте на косяки. Например, что-то непонятное и незакрытое на 406-й строке. @media (max-width: 768px) { .navbar-header { padding-left: 15px; } .navbar-toggle { margin-top: 2px; } .navbar-toggle san}

В моём варианте он к низу и прижат. Точнее формулируйте свои вопросы в будущем

Можно как-нибудь так, например: http://jsfiddle.net/hypnocolor/0gxa2moj/.