Ваши мысли о веб-дизайне для 16:9 экраны
Это похоже на проблему с самим JSON - было бы полезно, если бы вы предоставили фактический пример JSON, отправленный в этом запросе. Структура может отличаться от ожидаемой (например, «компания» вложена в другой ключ). Попробуйте использовать binding.pry в первой строке контроллера, который обрабатывает этот запрос, и исследуйте, что является возвращениями из params и params.require(:company), это может привести вас к ответу.
19 ответов
Главным образом разрешение только что увеличилось горизонтально по плате, когда мы смотрим на широкоэкранное принятие. 1024x768 ноутбуки идут 1280x800, 1600x1200, дисплеи идут 1920x1200 и так далее. Вертикальный размер все еще доступен, как обычно.
время, что я обновляю этот ответ для адаптации к изменениям о том, как, где и с тем, какие люди бродят по сети. Я склоняюсь к быстро реагирующим проектам, которые жидки до известной степени, но благодаря мультимедийным запросам и другим полезным методам дает разработчику намного больше контроля обратным течением презентации, в то время как все еще имеют возможность адаптироваться к любому представлению/размеру экрана.
Адаптация и сворачивание содержания, когда доступное представление является меньше, чем определенный предел и текстом хранения в максимальной ширине строки, но расширение и реконструкция других элементов являются вещами, которые я начал делать.
Это не только ограничено уменьшением сайта к мобильному устройству, но также и адаптировать и соответствовать элементам на полноэкранный браузер на HDTV - или просто заполняться и выглядеть хорошим на меньшем планшете со сродни вне размера нетбуку.
я все еще лично не понимаю использование традиционных "жидких" разметок, где центральный столбец текста мог расшириться до 2 000 пикселей без колебания, за исключением в сети приложения , где у Вас есть подобные Excel матрицы данных для отображения или большое изображение, а не фактическое текстовое содержание. Лично я наткнулся на слишком много таких сайтов, где поле является также слишком маленьким, и если я расширяю браузер, поле не увеличивается даже в полной ширине 1920 года и является все еще слишком маленьким - разработчик наложил неудобное поле на меня, и я не могу зафиксировать его меньше, чем изменением CSS сайта с dev инструментами ^^
браузера, первые шаги в быстро реагирующем дизайне мне должны были взять зафиксированную ширину печально известных на 960 пкс, я люблю так сильно и имею его, адаптируются на трех шагах, когда представление было меньшим. Это сделало это приятным на устройствах меньшего размера полностью к телефонному экрану. Однако мой текущий вызов расширяет дизайн мимо вокруг метки на 1200 пкс, где материал становится слишком широким для моего вкуса, и другое обратное течение элемента должно быть сделано - но много сайтов испытывают недостаток в любом содержании для ровного использования для этого...
Как обычный пользователь широкоэкранных мониторов, я не хочу видеть, что разработчики делают свои сайты немного шире. Я выполняю 24-дюймовые широкие экраны (1920x1200) и когда я просматриваю веб-сайты, я обычно выполняю два браузера рядом. В любом случае создание некоторых немного более узких сайтов было бы лучшим. Большинство сайтов будет хорошо работать в 960 пикселях, но это является раздражающим, когда я должен появиться, сайт открываются шире или прокручивают вокруг для наблюдения всего.
обширный большинство интернет-пользователей находится все еще по стандарту, неширокоэкранные мониторы (см. статистику и мой комментарий ниже), таким образом, я разработал бы для них. Я лично оптимизирую для 1024x768 разрешение.
Я всегда использую 964 пкс в качестве своей ширины для веб-сайтов. Приблизительный, варьирующийся от места к месту, но я сохраняю это менее чем 1024 пкс шириной, учитывая вертикальные полосы прокрутки. Это усиливает сайт, не является чрезмерно большим для широкого экрана на 800 пкс, но является просто достаточно большим для взгляда хорошим на 1024 и широких экранах на 1280 пкс.
я нашел, по моему опыту, что даже пользователи, которые используют довольно большие широкие экраны (я сам наличие двойных 22 дюймов (1680x1050) экраны, я все еще предпочитаю фиксированное расположение ширины приблизительно в 1024 пкс шириной для удобочитаемости.
мне очень так не нравится читать очень большие промежутки текста, и мне нравится сохранять его в "книжной ширине". Большинство веб-сайтов я нахожу привлекательными, и имею большую базу пользователей, вокруг этих размеров.
Hope это помогает.
Не забывайте, что просто, потому что у пользователя есть широкоэкранный монитор, это не означает, что им максимизировали их окна также.
Не предполагайте, что вертикальное разрешение в порядке на широком экране. 1440x900, кажется, популярное разрешение, и в то время как это больше, чем 1024x768, это заметно короче, чем 1280x1024.
кроме того, не предполагайте, что все те новые широкоэкранные мониторы используются правильно. Я видел довольно много установок, где монитор не используется в его родном разрешении. Люди или не знают, что что-либо неправильно, или они ценят очень большие символы, даже если это делает вещи немного нечеткими.
Вот является ссылка на другого ТАК вопросом, который мог бы содержать некоторую полезную информацию
Я придерживаюсь разработки для большинства, которое все еще использует 4:3 мониторы. Если бы я хотел создать 16:9-определенное содержание, то я, вероятно, предоставил бы ссылку на "Расширенный для широкоэкранных мониторов" версия, вид подобных маркировка в конце DVD со дней, если не все они были анаморфическими.
В моем ходе дизайна у нас было эмпирическое правило, что длина строки не должна быть больше, чем высота строки 40 раз. Причина очевидна: когда Ваши глаза прослеживают до начала следующей строки, Вы хотите быть уверенными, что это - следующая строка, не та же строка снова или следующее плюс одно.
Поэтому я всегда использую дизайн фиксированной ширины. Мой текущий монитор имеет активную область 43 см шириной. Высота строки на этой странице SO составляет 5 мм. РАЗ ТАК использовал бы дизайн жидкости длина строки отношения / высота строки была бы недопустимыми 84.
И вещи еще хуже на 30-дюймовых мониторах.
Не делайте.
Дизайн для 4:3, возможно, 800 - 900 пикселей шириной максимум
Многие компьютер я использую (как почти все на моей работе), 4:3. Только мой ноутбук 16:9 (на самом деле 16:10, я думаю, но достаточно близко).
мне не нравится иметь мой веб-браузер, столь же широкий как мой монитор, это - трата пространства. Вы не можете прочитать текст, настолько широкий. На моем рабочем столе 4:3 жидкокристаллический дисплей (который я использую прямо сейчас) ширина составляет 14 дюймов. Вы не можете прочитать текст 14 дюймов шириной, глаз теряет след, которой строки он идет. Это - ужасная боль. Большинство сайтов ограничивает ширину реального содержания. Колонна основного содержания StackOverflow для меня составляет приблизительно 8 дюймов, большой размер чтения.
Поэтому, когда Вы идете 16:9, вещи ухудшаются. Теперь вместо 14 дюймов у Вас могло бы быть 16 дюймов. Это огромно. Таким образом, что Вы ДЕЛАЕТЕ со всем тем пространством? Вы не можете только поместить текст, если Вы не хотите иметь две статьи бок о бок (как два газетных столбца), и я сомневаюсь, что Вы хотите сделать это. Это означает, что Вы просто заполняете его неважной ерундой. Больше боковых панелей, больше столбцов рекламы. В основном Вы вызываете содержание в заполнить пространство.
Не все работают 1920x1080. Не все сохраняют их веб-браузер максимизируемым. Заполнение почти половины моего экрана с неважными столбцами не обращается ко мне.
Разработайте свой сайт так, чтобы это было содержание , который имеет значение, не, как это смотрит. Затем можно предоставить альтернативные таблицы стилей CSS пользователю для выбора от.
Это может иногда быть более трудно для разработчика. Например, использование таблиц для расположения не работает.
Я делаю всю свою разработку на 30-дюймовом мониторе и предварительно просматриваю его на 20-дюймовом мониторе как быстрая проверка работоспособности. На недавнем выпуске приложения я сделал, у меня был JS, передают статистику обратно того, что использовала моя целевая аудитория, и я возвращаюсь с большим количеством случайных чисел, меньших, чем 1024x768. Из приблизительно сотни статистики я собрался, только 5 или 6 пользователей выполняли полный экран на чем-либо большем, чем 1440x900 экран.
Одной вещью рассмотреть является положение Вашего приложения. Действительно ли это - суверенное приложение, где пользователь, как ожидали бы, уделит их все внимание ему некоторое время? Я недавно перепроектировал страницу в нашем веб-приложении, которое позволяет пользователю выполнять переводы на другие языки. В этом случае пользователь собирался быть "дайвингом в" к этой части приложения некоторое время, таким образом, я разделил обычные навигационные элементы, которые будут отвлечением для разрешения большего количества недвижимости для задачи под рукой.
В этом случае, база пользователей была ограничена людьми в моей компании, которые я знал, что все имели широкоэкранные мониторы, таким образом, было легко принять решение пойти широкое. В целом я сказал бы, что нужно все еще разработать для неширокоэкранных мониторов, но в случаях, где существует значительное преимущество, сделайте дизайн способным к использованию в своих интересах дополнительного пространства. Я видел некоторые страницы, которые были размечены для обычных экранов, но использовали JavaScript, чтобы обнаружить, была ли страница более широкой, и перестройте некоторые элементы страницы, если это было. Тем путем конфигурация по умолчанию была всегда применима, но пользователи с широкими экранами и JavaScript получат лучшее использование своего пространства.
Я не волнуюсь очень о старых экранах в эти дни и каждый раз, когда 800 пкс недостаточно, я легко переключаюсь на 1000 пкс. Однако Вы не должны разрабатывать намеренно для чего-то шире, как 1920x1080 разрешения. Число пользователей с такими экранами не так очень. Даже если это не имело место, слишком широкие проекты влияют на удобство использования. Читайте тексты, расширенные горизонтально к ~1500px, не действительно хорошо.
В дополнение к другим комментариям...
Большинство пользователей еще не использует широкоэкранные мониторы. Что еще более важно, многим пользователям, которые используют широкоэкранные мониторы, не максимизировали их веб-браузеры.
Вот некоторые принципы, которые я рекомендовал бы как пользователь, но также и в качестве веб-дизайнера и разработчика:
- Стараются избегать горизонтальной прокрутки. У большинства людей есть колесико прокрутки мыши, которое только работает одно направление. Горизонтальную прокрутку часто считают очень раздражающей. Вертикальная прокрутка обычно acceptible теперь.
- Размер столбца имеет значение в длинных абзацах. Я обычно рекомендовал бы ширину приблизительно 15-20 слов, но не стеснялся бы экспериментировать. Ссылка от alphadogg является интересным чтением, но я должен был бы сказать, что трудно пойти термином "дюймы" в веб-разработке. Слова или символы являются, возможно, лучшим измерением, которое приводит меня к следующему объекту:
- единицы родственника Использования для ширины. Это позволяет Вам сохранить ширину в определенном количестве слов в большинстве случаев.
- Полезная подсказка: проблема с относительной единицей состоит в том, что страница может быть расширена мимо ширины страницы. Можно править, что в с большинством браузеров указывают свойство max-width в CSS 90% или около этого. Таким образом, когда текст хорошо разбирается в чьем-то дисплее, они все еще не должны горизонтально прокручивать.
Снова не рекомендуется просто течь содержание к 100% ширины браузера большую часть времени. И я думаю, поскольку дисплеи становятся более крупными, Вы будете видеть намного меньше людей, максимизирующих окна браузера так или иначе.
16:9 экраны действительно не ограничиваются вертикально, если Вы думаете об этом. По моему опыту, с этими мониторами, их родные разрешения обычно 1920x1080. Вертикальное пространство еще больше, чем большинство разрешений (1024x768, 1280x1024, и т.д.)
я однако начал писать жидкие разметки для обработки горизонтального пространства. Некоторым веб-разработчикам нравится придерживаться зафиксированной ширины на 960 пкс. Все это зависит от того, что Вы пытаетесь представить пользователю.
Как пользователь и разработчик, я ненавижу сайты фиксированной ширины. Много сайтов могло быть сделано жидким, но - не потому что это - "простой способ". Затем следует за всеми видами рационализаций, которые приспособлены (предназначенная игра слов) для поддержки того представления.
Экстренное сообщение: Короткие длины строки являются мифом что даты к раннему газетному исследованию. См. эта сводка для деталей и сделайте свое собственное суждение.
Очень широкие строки могут быть нечитабельными некоторым (я не нахожу, что такое количество проблемы, лично), но так ~900px фиксированные макеты с тремя столбцами, такими, что каждая строка является приблизительно восемью - десятью словами.
я всегда пытался разработать для разумного изменения размеров путем рассмотрения демографии сайта (например, через Google Analytics) и наблюдения, кто склонен посещать...
Рассмотрите быстро растущую аудиторию пользователей нетбука, которые используют 1024x600 экраны. Я думаю, что это должно быть Вашим минимальным размером дизайна для текущих проектов.