Итак, приступаю непосредственно к программированию сайта. Первым делом надо разработать макет главной страницы. С одной стороны – необходимо, чтобы он был функциональным, но с другой стороны – не хочется, чтобы он получился перегруженным. Надо что-нибудь простенькое и лаконичное без вычурных излишеств.
Главную страницу сайта я планирую сделать как рекомендательную ленту из публикаций, а также инструментами регистрации и авторизации. Кстати, а вы помните, как раньше выглядела рекомендательная лента Яндекс.Дзена? Увы, у меня нет скринов ленты, но я нашёл их в Тырнете:
Открывая новую вкладку в Яндекс.Браузере, под плашками избранных сайтов ниже шла рекомендательная лента. В 2018-19 гг. лично я заходил на неё почитать две-три статьи и... залипал на два-три часа. Три квадратных блока, ниже шли один широкий блок и один квадратный, в котором обычно располагалась реклама Яндекс.Директа. Ненавязчиво и ничуть не бесила.
Затем опять шли три блока в ряд и ниже вновь широкий блок, но уже с другой стороны – справа, и рекламный блок с Директом. И так далее вниз до бесконечности, пока палец не устанет прокручивать ленту колёсиком мыши.
Личное моё мнение – за всю историю Дзена первоначальная рекомендательная лента была наилучшей и самой гармоничной. Впоследствии её неоднократно изменяли, вносили «улучшения» и теперь у меня в ПК главная страница Дзена выглядит так:
Снова видим три квадратных блока в ряд, ниже – широкий блок, в котором разместились реклама и новости короткой строкой, справа – рекламный блок. Вроде бы схема похожа на первоначальную ленту, однако в ней нет былой привлекательности. Но опять же повторюсь – это моё личное мнение. Как сделаю у себя, пока не знаю. Не исключено, что это будет симбиоз первоначального и нынешнего вариантов плюс свои идеи.
Изначально сайт буду делать под ПК и пока с фиксированными значениями по ширине. Разрешение моего монитора составляет 1600 px по длинной стороне, на него и буду ориентироваться. Впоследствии сделаю сайт адаптивным под разные разрешения. Так, например, у Дзена главная страница имеет четыре адаптации:
1600 px
1414 px
На панели инструментов слева исчезли поясняющие надписи, остались только иконки.
1210 px
Поисковик и место рекламных блоков сверху стало чуточку поуже
900 px
Рекомендательная лента перестроилась под два блока вместо трёх, сами блоки стали немного уже. Аватарка «спряталась» за правой границей, вследствие чего внизу появился горизонтальный скроллинг. По поводу аватарки считаю такое решение неудачным.
P.S.
Может, у Дзена есть адаптация и для более широких мониторов с бóльшим разрешением по длинной стороне. У меня такого монитора нет в наличии, проверить не могу.
А какая у вас ширина мониторов ПК в пикселях? И кто с каких устройств выходит в Интернет – компьютер, ноутбук, планшет или смартфон/айфон?