Восстанавливаем старый дизайн вк или как установить расширение для Chrome. Stylish расширение для хрома

Вернуть старый дизайн ВК — расширение Stylish для Chrome и Firefox

2016-08-21 | 2016-08-24 | Лайфхаки |

Кол-во слов в статье - 450 | Время чтения в минутах ~ 4

Привыкли к старому дизайну ВКонтакте? Легко и просто возвращаем его с помощью расширения для браузера.

Как многие знают, 17 августа 2016-ого года ВКонтакте окончательно изменила дизайн на новый, без предоставления переключаения на старый. Только вот многие люди попросту уже привыкли к старому дизайну, и этот лайфхак для них.

Вот что сказал Дуров по поводу нового дизайна ВК:

7 претензий к новому дизайну веб-версии ВКонтакте:

Главный раздел сайта – Новости – стали уже. Парадоксально, что необходимость редизайна обосновывалась стремлением более эффективно использовать экран. По факту, если сравнить ширину записей в старой и новой версии, новости лишь сузились на 28px.
Новости – как и все остальные разделы – стали ниже на 42px. Из-за фиксированной шапки вертикальное пространство сайта стало меньше, нужно больше проматывать. Это серьезное изменение к худшему: именно вертикальный скролл представляет собой дефицит на большинстве дисплеев.
При просмотре главного раздела сайта – Новостей – утрачивается фокус на контенте. В новой версии возник визуальный мусор в виде редко используемой фиксированной правой колонки. С учетом фиксированной шапки и узкой ширины, просмотр новостей стал вдвойне захламлен.
При просмотре фотографий утрачен фокус на самой картинке. Фотографии смещены влево, а яркое пятно белой колонки комментариев, появившейся справа, перетягивает на себя фокус внимания. Это решение было скопировано c Facebook, который в свое время ввел правую колонку для размещения дополнительных рекламных блоков.
Статичная левая колонка при промотке старых записей личных страниц не только не дает нужной информации, но и сужает горизонтальное пространство для просмотра записей по сравнению со старой версией. Аналогичная ситуация – при просмотре записей в группах и пабликах.
Замена белого цвета фона на серый не только уменьшила ощущение чистоты и минимализма, но и в целом сделала сайт более грустным и пасмурным. Появившиеся сизые иконки на сером меню слева на всех страницах избыточны и представляют собой визуальный мусор.
Старый логотип “ВКонтакте” в силу композиции лучше вписывался в горизонтальную шапку, чем новый логотип “VK”. Я нарисовал оба логотипа достаточно давно (первый около 10 лет назад, второй – около 5), но в русскоязычной версии не заменял старый логотип международным именно в силу этого – достаточно очевидного – обстоятельства.

Итог: старый дизайн ВКонтакте, не менявшийся несколько лет, безусловно, нуждался в ряде доработок и эстетическом переосмыслении в рамках новых стилей. Однако проведенный редизайн не только не соответствует стандартам 15-16 года (таким, как Material), но и снижает юзабельность ресурса.

Павер ДуровСоздатель ВКонтакте

Устанавливаем Stylish

Установка Stylish в Chrome: chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe/related?hl=ruДля установки Stylish в Firefox достаточно открыть вкладку с расширениями и ввести в поиске «Stylish». Точно также, через поиск расширений, можно установить Stylish в Хром, и, возможно, в другие браузеры.

Добавляем тему в Stylish — «Старый дизайн ВК»

Переходим по ссылке userstyles.org/styles/128986/theme и жмём «Install with Stylish».

P.S. Версия на данный момент (2016-08-21) альфа, поэтому в стиле могут быть ошибки и недочёты.

almostover.ru

Stylish For Chrome - Free Download

A PHP Error was encountered

Severity: Warning

Message: date(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone.

Filename: libraries/datamapper.php

Line Number: 1872

A PHP Error was encountered

Severity: Warning

Message: Cannot modify header information - headers already sent by (output started at /home/umbrella/public_html/system/core/Exceptions.php:185)

Filename: libraries/Session.php

Line Number: 672

EnglishالعربيةFrançaisdeutschespañolitalianoportuguêsрусский한국의日本人中国的

Application Information

Windows XpWindows VistaWindows 7Windows 8

Description

Stylish For Chrome

User styles are themes for web sites. User styles empower your browsing experience by letting you customize web sites. Take out irrelevant content, change colors, or completely redesign the entire site.

Stylish lets you easily manage user styles. Add, delete, enable, disable, and organize with a few clicks of a mouse, no code to edit, no obscure configuration to find. Stylish's companion website, userstyles.org, hosts tens of thousands of user styles made by other Stylish users that you can try.

For you technical types out there, think of it this way: Stylish and userstyles.org are to CSS as Greasemonkey and userscripts.org are to JavaScript.

Stylish For Chrome

Website - Stylish For Chrome

Восстанавливаем старый дизайн вк или как установить расширение для Chrome | Helpme-IT

Главная » VK » Восстанавливаем старый дизайн вк или как установить расширение для Chrome

Социальная сеть Вконтакте окончательно и бесповоротно перешла на новый дизайн, который к слову, не всем приглянулся. Не знаю в чём уж дело – либо дизайн и правда имеет существенные недостатки, либо люди по наитию всё новое воспринимают в штыки — поскольку к старому всё же привыкаешь и менять ни на что другое его порой неохота. А возможно, дело и в том и другом одновременно. Сам я тоже от нового дизайна не в восторге, но поскольку провожу в этой социальной сети не так много времени, то особо и не печалюсь. Однако привычка дело такое… Поэтому я решил поделиться способом, благодаря которому можно вернуть старый дизайн. Заодно мы научимся устанавливать расширения из репозитория, если вы раньше с этим никогда не сталкивались.

Прежде всего нам нужно установить расширение Stylish, которое пока что доступно только для Chrome и Firefox.

Переходим в меню Chrome, выбираем пункт меню «Дополнительные инструменты — Расширения«. Здесь будет список всех установленных у нас расширений.
Опускаемся ниже этого списка и щёлкаем по строке «Ещё расширения«.
Вбиваем в строке поиска Stylish и нажимаем на кнопку «Установить«.
Переходим на страницу Старый дизайн ВК и нажимаем на кнопку «Install with stylish»Ждём когда на месте кнопки появится надпись Style Installed, что означает что новый дизайн установлен.
Перезагружаем браузер и пользуемся старым дизайном.

Следует сказать, что дизайн всё же выглядит сыроватым, но постепенно дорабатывается автором.

К слову, расширение работает не только с Вконтакте, но и с другими сайтами. Все доступные стили можно посмотреть на этом сайте — https://userstyles.org/

Ранее в этой же рубрике:

Оставить комментарий или два

helpme-it.ru

Stylus – Дополнения для Firefox

Stylus (Стилус) стартовал с исходного кода Stylish (для Chrome) версии 1.5.2, последней версии от его основного и первоначального разработчика перед тем, как проект перешел в другие руки. Целью создания было сохранение и улучшение удобства использования, а также оптимизация быстродействия, ради чего большая часть кода была переписана. Стилус использует платформу WebExtensions, которая будет работать в новых версиях браузеров Mozilla, в отличие от старых дополнений.

Из плюсов по сравнению с старым Stylish для Firefox можно отметить новый интерфейс, совместимость импорта-экспорта стилей с Chrome-версиями Stylish или Stylus, настраиваемое авто-обновление стилей. Из минусов, к сожалению, платформа WebExtensions не позволяет применять пользовательские стили к интерфейсу браузера и его встроенным страницам.

Стилус разрабатывается пользователями исходного расширения для таких же пользователей. Это наш ответ перешедшему в новые руки Stylish, в котором веб-аналитика и слежение за посещенными страницами включено по-умолчанию, а интерфейс настолько упрощен в угоду популяризации, что крайне осложняет доступность функционала для опытных пользователей и разработчиков стилей. Так как новые версии Firefox выключат поддержку классического Stylish для Firefox, и скорее всего новые владельцы просто портируют свою имеющуюся Chrome-версию, мы решили выпустить наш собственный вариант Стилус для Firefox.Полезные ссылкиИсходный код: https://github.com/openstyles/stylusОтветы на вопросы: http://add0n.com/stylus.htmlВведение в Стилус (на английском): https://www.youtube.com/watch?v=fCVvGwoF5cQТехнический баг-трекер: https://github.com/openstyles/stylus/issuesОбсуждение Стилуса и его проблем: http://add0n.com/stylus.html#reviewsПеревод интерфейса: https://www.transifex.com/github-7/Stylus/dashboard/

****** Политика конфиденциальности ******Нам и нашему браузерному расширению, в отличие от некоторых схожих, не интересно кто вы и чем вы занимаетесь. Пусть сомнительные сайты останутся между вами и провайдером. Стилус не «стучит».Особенности версии для Firefox1. Для импорта стилей из классического Stylish см. http://add0n.com/stylus.html#faq5Имейте в виду, что и экспорт и сам классический Stylish работают только в версиях Firefox перед 57.

addons.mozilla.org