Поговорим за новую френдленту
Oct. 31st, 2012 05:35 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
pozitronikНа днях ЖЖ предложил новый вид френдленты. Как сообщается, какое-то время будет возможно пользоваться старой френдлентой, но, в конце концов, все пользователи будут переведены на новый вид.
По большей части у меня только одна претензия: изменение ширины колонки с постами. Раньше она занимала всю ширину экрана (вернее, могла занимать, в зависимости от стиля вашего ЖЖ), теперь её ширина - 940px.
Почему так, а не иначе? Воспользуемся сервисом http://responsive.is/ для того, чтобы увидеть, как новая френдлента будет отображаться на экранах различных устройств. Вполне очевидно: ширина подобрана под экраны планшетов (идеально вписывается в экран в ландшафтном режиме и читаемо выглядит в портретном), причём не самых современных. А вот на Full-HD разрешении (а это подавляющее число десктопов и последние поколения планшетов) 50% экрана оказываются пустыми, при всём том, что на экране не умещается больше одного поста, и приходится очень много скроллить. На экранах с меньшим разрешением (например, телефоны) появляется ещё и горизонтальный скроллинг.
Вполне обоснованно называю это изменение идиотским, неудачным и отвратительным.
Что нужно было сделать? Всего-навсего адаптивную резиновую вёрстку.
Что можно сделать, чтобы привести вид ленты в человеческий вид? Конечно же - навесить пользовательский CSS.
Ширина блока задана в классе "l-body", достаточно убрать параметр width, и френдлента растянется на весь экран.
Создаём css-файл с содержанием
и подключаем его в вашем браузере. В Опере, например, достаточно в настройках сайта указать этот css:
Для остальных браузеров наверняка есть какие-то расширения на этот счёт.
По большей части у меня только одна претензия: изменение ширины колонки с постами. Раньше она занимала всю ширину экрана (вернее, могла занимать, в зависимости от стиля вашего ЖЖ), теперь её ширина - 940px.
Почему так, а не иначе? Воспользуемся сервисом http://responsive.is/ для того, чтобы увидеть, как новая френдлента будет отображаться на экранах различных устройств. Вполне очевидно: ширина подобрана под экраны планшетов (идеально вписывается в экран в ландшафтном режиме и читаемо выглядит в портретном), причём не самых современных. А вот на Full-HD разрешении (а это подавляющее число десктопов и последние поколения планшетов) 50% экрана оказываются пустыми, при всём том, что на экране не умещается больше одного поста, и приходится очень много скроллить. На экранах с меньшим разрешением (например, телефоны) появляется ещё и горизонтальный скроллинг.
Вполне обоснованно называю это изменение идиотским, неудачным и отвратительным.
Что нужно было сделать? Всего-навсего адаптивную резиновую вёрстку.
Что можно сделать, чтобы привести вид ленты в человеческий вид? Конечно же - навесить пользовательский CSS.
Ширина блока задана в классе "l-body", достаточно убрать параметр width, и френдлента растянется на весь экран.
Создаём css-файл с содержанием
.l-body {width: auto !important;}
и подключаем его в вашем браузере. В Опере, например, достаточно в настройках сайта указать этот css:
Для остальных браузеров наверняка есть какие-то расширения на этот счёт.
