Главная » Блогосфера » Обзоры расширений » 2014 » Март » 13
Темы оформления браузера и стили контента
Опубликовано: Бармалей · 13.03.2014 · 01:00 ••• Обновление: 25.10.2022 · 18:22 1

Актуализированный репринт авторской статьи с форума Ru-Board • [веб-архив]
Дата публикации: 13.03.2014. Последнее изменение на форуме: 27.12.2018.
★ Материал репринта обновлён, дополнен и исправлен по состоянию на 25.10.2022.

Темы оформления браузера и стили отображения контента

Подборка ссылок на расширения и другие инструменты для изменения стандартного интерфейса браузера и для подстройки веб-дизайна сайтов или отдельных веб-страниц "под себя". Проще говоря – "шкурки" и "раскраски".)

В этой подборке:

Обозначения: [⚓] анонс [©] источник [®] исходник [✻] описание [☰] обзор [1.0] версия [✇] архив [⚒] форк [Ru] форум

Темы – внешний вид интерфейса браузера

Особенности установки тем для панелей DevTools

Установка таких тем аналогична обычным темам, но для их включения требуется выполнить следующие действия:

  1. В настройках флагов переходим к опции chrome://flags/#enable-devtools-experiments и ВКЛючаем её.
  2. Перезагружаем браузер (кнопка перезапуска там же, во флагах, внизу страницы).
  3. В любой вкладке нажимаем F12 (или Ctrl+Shift+I|J) для вызова инструментов разработчика (панель DevTools).
  4. Выбираем в меню Settings (F1), далее – вкладку Experiments, и ставим галку на 'Allow custom UI themes'.
  5. Если тема уже установлена (и включена – на странице расширений), она применяется сразу же.
  6. Если в п.5 почему-то "не взлетело" – перезапускаем DevTools (дважды жмём F12).
  7. При удалении темы или при установке другой – просто перезапускаем DevTools.

Примечание:
В некоторых темах (пример) могут присутствовать собственные настройки или выбор одного из шаблонов. В таких случаях в меню DevTools будет присутствовать дополнительный пункт (что-то вроде 'Author Settings'). После внесения изменений для применения этих настроек следует перезагрузить DevTools (дважды нажать F12).

Удаление тем для DevTools выполняется штатно – на странице расширений chrome://extensions, как и других аддонов.

Изменение внешнего вида веб-страниц и сайтов

Для повышения общего комфорта работы с браузером рекомендуется ознакомиться со статьёй "Бережём глаза: проблемы с рендерингом шрифтов", в которой описаны различные методы и инструкции по обеспечение качественного рендеринга шрифтов в хром-браузерах.

Помимо общих методов, для улучшенного рендеринга шрифтов также можно воспользоваться специальными расширениями, примеры которых можно найти в подборке "Настройка и работа со шрифтами, улучшенный рендеринг" (варианты с глобальным CSS).

Для настройки внешнего вида сайтов (или отдельных веб-страниц) можно использовать расширения, приведённые в подборке "Управление стилями отображения веб-страниц". Подходящие готовые стили и темы оформления для конкретных сайтов можно найти в репозиториях сайтов UserStyles.org или FreeStyler.ws.

Для задания собственного стиля отображения полосы прокрутки на сайтах можно использовать расширения, указанные в подборке "Scrollbar : собственные стили полосы прокрутки". Готовые стили скроллбаров также можно поискать самостоятельно в указанных выше репозиториях, в частности – на сайте UserStyles.org.

Кроме того, в отдельных случаях можно использовать расширения, указанные в подборке "Дополнительные режимы просмотра", позволяющие просматривать сайты более комфортно.

Дополнительные ссылки для самостоятельного изучения

Если у вас есть что добавить к этому списку – просьба отписаться в комментариях к статье.
…и не забываем смотреть в "похожих" у понравившихся аддонов, чтоб "два раза не вставать"…))

Смотрим также: другие статьи рубрики "Тематические подборки расширений".

Обзоры расширений
Так держать! :)
 Бармалей 13.03.2014 25.10.2022 443 0.0
Поделиться
Всего комментариев: 1
0
1 Бармалей 05.12.2020 • 09:45
..убрал скурвившийся stylebot.me (каспер давно уже на нём какое-то вирьё детектит)..
Войдите:
close