Расширение Google Chrome для стилизации сайтов
Для браузера Google Chrome на сегодняшний день существует уже огромное количество дополнений (так называемых Расширений или Extentions).
Но сейчас хотел бы рассказать только про одно: Personalized Web.
Имея хорошие познания в CSS, я искал инструмент, с помощью которого можно просто и удобно переопределять стили на интернет-сайтах. Не всегда сайты полностью устраивают по отображению информации. Иногда какая-то мелочь доставляет много неудобств. И наоборот – сделать чуть-чуть по-другому и становится значительно удобнее пользоваться сайтом. Не говоря уже о том, что можно скрыть какие-то ненужные тебе блоки на странице (например, рекламные блоки).
Данное расширение создает правила для сайтов, в которых можно прописать дополнительные свойства CSS, дописываемые тэги HTML и инструкции на JS. Есть возможность экспорта и импорта правил (дамп, специальным образом сформированный текст, включающий в себя все настройки правила). При достаточном подзнании в сфере HTML/CSS/JS расширение может значительно упростить жизнь и открывает очень большие возможности.
Просто устанавливается расширение, загружается дамп (этот набор букв из примеров ниже) – создается правило.
Дополнение к Twitter. По умолчанию, последнее из прочитанных сообщений (до развертывания новых) отделяется чуть заметной границей. Я применил правило, которое раскрашивает последнее из прочитанных сообщений:
{"name":"Twitter","urlRegex":"https://twitter.com/","urlExcludeRegex":"","enabled":true,"preserveDocWrite":false,"css":".stream-item.last-new-tweet+.stream-item {background:#ffbebe !important;}","html":"","js":"","filters":[]}
Дополнение к Gmail. Иногда набирается достаточно большое количество писем, которые вроде бы и нужны, т.е. в архив кидать еще не время, но их количество такое, что становится не очень удобно. А вот если ограничить видимую высоту списка с письмами и добавить прокрутку – и становится удобнее:
{"name":"Gmail","urlRegex":"https://mail.google.com/","urlExcludeRegex":"","enabled":true,"preserveDocWrite":false,"css":".oy8Mbf .Cp {height:500px; overflow:auto;}","html":"","js":"","filters":[]}
Общее дополнение «Удалятор». Если мешает какой-то блок на странице (или хотите оставить только нужную информацию для последующей печати), можно просто удалить его. При использовании нижеследующего плавила блок можно удалить зажав ALT и сделав левый клик мышкой. Во избежание «излишнего» удаления, можно использовать ALT+ Правый клик. Тогда на некоторое время тот блок, который будет удаляться, слегка изменится и будет ясно, что именно затронет удаление.
{"name":"AllDeleter","urlRegex":"^http://","urlExcludeRegex":"","enabled":true,"preserveDocWrite":false,"css":"","html":"","js":"function delme(e){\nif(e.altKey && e.which==1){\nvar theElem = e.target;\nvar thePap = e.target.parentNode;\nthePap.removeChild(theElem);\nreturn false\n}\n}\nfunction delmeR(e){\nif(e.altKey){\ne.target.style.opacity='0.3';\nsetTimeout(function(){e.target.style.opacity=1},500);\nreturn false\n}\n}\ndocument.onclick = delme;\ndocument.oncontextmenu = delmeR;","filters":[]}