- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем привет!
Хотел спросить, какая в наше время ширина сайта актуальна, ну та которая контент + сайдбар. Посмотрел в популярном фреймворке bootstrap вроде пишут 960 и 1140 пикселей, если я туда смотрел конечно. Или сейчас уже не делают фиксированную ширину, т.к. сейчас в продаже очень много сильно вытянутых и изогнутых мониторов с большим разрешением экрана более Full HD.
Если я правильно замерял, то получается:
Pikabu.ru – 1020 px.
3dnews.ru – 1245 px.
Habr.com – 1100 px.
Losst.ru – 1124 px.
Vk.com – 795 px.
Примерно на вскидку получается в среднем 1056 пикселей нормальная ширина сайта, или сейчас лучше думать над тем как не использовать фиксированную ширину?
Всем спасибо за ответы!
Приветствую. На мой взгляд универсальна ширина в диапазоне 1024-1270. Мониторы с диагональю меньше 17 уже в красной книге. А 19-шки еще в строю и думаю будут долго.
И далеко не у всех широкоформатные, по моему опыту на этот год соотношение примерно такое:
65% 19-22 дюйма.
30% 22' и больше,
5% 17' и меньше.
я бы смотрел в сторону max-width: 1200px, если не нужна максимальная ширина
по моему опыту на этот год соотношение примерно такое:
https://www.liveinternet.ru/stat/ru/resolutions.html
Мониторы с диагональю меньше 17 уже в красной книге. А 19-шки еще в строю и думаю будут долго.
Ноутбуки (в т.ч. макбуки) живы.. 12-13-14-15 дюймов никуда не разошлись.. другое дело, что на ретине и разрешение будет..
Адаптивная ширина
Expert64, вы забыли про планшеты, которые половину юзеров юзают, а там хорошо если 12"
Главное, чтобы ширина сайта не мешала ему в ТОП пролезть.🚬 А то ведь может и застрять. 🙅
Резиновая до какой-нибудь цифры, а цифра зависит в основном от макета и кривости рук разраба, теоретически можно и max-width: 2500 делать красиво, но очень мало кто заморачивается над сайтом для больших экранов сейчас. В тренде - мобильная версия для всего, даже если там и три колонки, все равно мобильность лезет через край.
В тренде - мобильная версия для всего, даже если там и три колонки
ОК.. тогда так..
Отсюда (ибо, по ссылкам всё равно мало кто ходит):
https://www.liveinternet.ru/stat/ru/resolutions.html
С учётом адаптивной вёрстки, scale и css3 не вижу сложности "сделать красиво" как под 2к+, так и под мобильник (часть из которых сейчас шире чем экраны лет *дцать назад)
Да, требует внимания и навыков.. как, впрочем, и любая сфера деятельности..
ivan-lev, Не понятно, мягко говоря. 800х600 и 640x480 это что? У мониторов таких разрешений нет, 15 дюймовые ЭЛТ уже исчезли. Это и не планшетные размеры.
Desktop (D)
10" Netbook 1024 x 600
12" Netbook 1024 x 768
13" Notebook 1280 x 800
15" Notebook 1366 x 768
19" Desktop 1440 x 900
20" Desktop 1600 x 900
22" Desktop 1680 x 1050
23" Desktop 1920 x 1080
24" Desktop 1920 x 1200
Tablet (T)
Kindle Fire HD 7" 800 x 480
Asus Nexus 7 960 x 600
Kindle Fire 1024 x 600
Apple iPad 1024 x 768
Samsung Galaxy Tab 7" 1024 x 600
Kindle Fire HD 8.9" 1280 x 800
Samsung Galaxy Tab 1280 x 800
Apple iPad Pro 1366 x 1024
Microsoft Surface Pro 1440 x 1024
Mobile (M)
Motorola RAZR V3m 176 x 220
Motorola RAZR V8 240 x 320
BlackBerry 8300 320 x 240
Apple iPhone 3/4 320 x 480
Samsung Galaxy S2 320 x 533
Apple iPhone 5 320 x 568
LG G3-5 360 x 640
Samsung Galaxy S3-7 360 x 640
Apple iPhone 6/7 375 x 667
Apple iPhone 6/7 Plus 414 x 736
Так что я склонен не доверять информации с лайвинтернета.
Вменяемые модели ноутбоков, которые у 90% пользователей, это 15.6 дюймов с разрешением по ширине 1366х... и то, они уже снимаются с производства и повсеместно внедряют матрицы с разрешением Full HD при тех же размерах.
foxi, Согласен, но я их не упомянул специально, поскольку автор спрашивал про разрешения на мониторах. А всё что планшетное и мобильное должно идти как адаптивная вёрстка с @media (max-width:...)
Лично я на своих проектах ставлю 1270 максимум. Если делать максимум адаптивным, то изображения очень сложно подобрать, придётся искать вплоть до 4к разрешений, ведь такие мониторы тоже нельзя исключать. Всё что ниже уже резиновое.
Какая ширина сайта модная в 2019 приближающемся 2020 году?
Хороший вопрос, жаль хорошего ответа на него не будет, но мы попробуем приблизиться к нему.
1.Ширина сайта будет прямо зависима от маркетинговых задач, не важно если сайт информационный, продажа рекламы тоже своего рода деятельность.
2.От ширины сайта будет зависеть юзабилити на том или ином разрешении экрана и конечно чем мельче будет шаг между разрешениями, тем лучше, но кроме этого нужно делать еще и мобильную версию, т.е. будет наступать порог после которого какие-то элементы не будут выгружаться.
3.Контентная часть, вот здесь было бы интересно узнать профессиональные точки зрения на изменение длины строки к 2020 году, например. По моим ощущениям строка становится короче, отчасти из-за уменьшения диагоналей в первой декаде 21-го века, сейчас разрешения экранов возвращают малые диагонали к стандартной верстке.
Что есть у меня:
Средняя длина слова русского языка — 7 символов
Нормальная, комфортная, длина строки — 12 слов
Нехитрое действие подводит нас к результату 12*7=84 символа б/п.
Проверим:
Pikabu.ru – 1020 px. — 78
3dnews.ru – 1245 px. — 102, но верстка как по мне — говно
Habr.com – 1100 px. — 83 (почти в дырочку)
Losst.ru – 1124 px. — 77
Vk.com – 795 px. — 64 (но он и воспринимается узким)
Сайт Ильяхова до 77-ми (по мне так авторитетный человек)
Сайт самизнаетекого — до 100 / студия — 72
Среднее один фиг выходит 81 символ.