{"id":38084,"date":"2023-01-06T14:44:52","date_gmt":"2023-01-06T19:44:52","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=38084"},"modified":"2023-01-06T14:45:36","modified_gmt":"2023-01-06T19:45:36","slug":"user-stylesheets","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2023\/01\/06\/user-stylesheets\/","title":{"rendered":"User Stylesheets"},"content":{"rendered":"<p><a href=\"https:\/\/pxlnv.com\/blog\/user-stylesheets-are-still-pretty-great\/\">Nick Heer<\/a>:<\/p>\n<blockquote cite=\"https:\/\/pxlnv.com\/blog\/user-stylesheets-are-still-pretty-great\/\">\n<p>As Kyrnin writes, web designers usually do a better job these days, and most browsers no longer support user stylesheets by default. Google removed them from Chrome <a href=\"https:\/\/src.chromium.org\/viewvc\/chrome?revision=234007&amp;view=revision\">nine years ago<\/a> and they were made <a href=\"https:\/\/twitter.com\/firefoxnightly\/status\/1131287595563065344\">optional in Firefox<\/a> in 2019. But Safari, my browser of choice, still <a href=\"https:\/\/blog.jim-nielsen.com\/2021\/custom-style-sheet-in-safari\/\">makes user stylesheets easily visible<\/a> and, if you have the inclination, I recommend its use for a low-effort way of blocking irritations and overriding bad design choices.<\/p>\n<p>[&#8230;]<\/p>\n<p>But user stylesheets have drawbacks and are evidently from an earlier era of the web. The ways you might employ user styles today are often similar to browser extensions like <a href=\"https:\/\/underpassapp.com\/StopTheMadness\/\">StopTheMadness<\/a> or any number of ad blockers. Modern extensions are far more powerful, too, as rules can be tailored to individual websites or run globally. The biggest advantage to the user stylesheet is also its Achilles&rsquo; heel: it only works globally, meaning the same rules are applied to all websites. That means your CSS selectors need to be highly specific.<\/p>\n<p>[&#8230;]<\/p>\n<p>Unlike browser extensions, there are no <a href=\"https:\/\/pxlnv.com\/linklog\/avast-jumpshot\/\">security or privacy questions<\/a> to worry about, and it is entirely controlled by the user. I saved my stylesheet in my iCloud Drive so it syncs between my Macs; Safari for iOS does not support user styles.<\/p>\n<\/blockquote>","protected":false},"excerpt":{"rendered":"<p>Nick Heer: As Kyrnin writes, web designers usually do a better job these days, and most browsers no longer support user stylesheets by default. Google removed them from Chrome nine years ago and they were made optional in Firefox in 2019. But Safari, my browser of choice, still makes user stylesheets easily visible and, if [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"2023-01-06T19:44:55Z","apple_news_api_id":"a5824a2a-d019-4d1d-a86c-e08f995815c8","apple_news_api_modified_at":"2023-01-06T19:45:39Z","apple_news_api_revision":"AAAAAAAAAAAAAAAAAAAAAA==","apple_news_api_share_url":"https:\/\/apple.news\/ApYJKKtAZTR2obOCPmVgVyA","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[2],"tags":[338,279,456,30,2223,355,103,96],"class_list":["post-38084","post","type-post","status-publish","format-standard","hentry","category-technology","tag-css","tag-firefox","tag-googlechrome","tag-mac","tag-macos-13-ventura","tag-privacy","tag-safari","tag-web"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/38084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=38084"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/38084\/revisions"}],"predecessor-version":[{"id":38085,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/38084\/revisions\/38085"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=38084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=38084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=38084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}