User Style Sheets Notes
This is a rough collection of notes for now. Please let me know of additional information that might be useful to include here.
on this page:
TAdER Reseach
User Style Sheet Study
This study explored how advanced users customize text in user style sheets. It gathered user style sheets designed to improve readability and analyzed which aspects of text display was customized in the style sheet, and to what settings (for example, which font-family). 203 USS were collected from 25 users. (Some users created different USS for specific websites.) 23 USS from 14 users were included in the detailed analysis. Results of this study are published in:
Henry, Shawn Lawton. (2012) CSS for Readability:
Analysis of user style sheets to inform understanding users' text customization needs. In Proceedings of the W3C WAI Symposium on Text Customization for Readability. Henry, S.L. and Sloan, D. (Eds.). Available at www.w3.org/WAI/RD/2012/text-customization/r14
User Research Survey
In a User Research Survey on Changing Text Display for Easier Reading, 14 respondents checked "I have a user style sheet that changes the way my web browser displays text."
Chrome
chrome style sheet support
- lots more google search
- Custom.css stop to work in 32.0.1700.76 m Google Chrome update - on stackoverflow
- User Stylesheets removal breaks all DevTools themes
- ...using Stylish (http://goo.gl/NHhzY) to inject styles to devtools fails.
- Remove the concept of user stylesheets
- User Stylesheet (Custom.css) support removed in Chrome 33 - on reddit
- Custom user stylesheet (Custom.css) no longer working on OSX
- from paulir:
- The old user stylesheet had a perf impact and a complexity cost that was deemed too high for the small population of users that made use of it. I, too, was one of those users and miss it, but it won't be coming back.
Control Freak ( https://chrome.google.com/webstore/detail/control-freak/jgnchehlaggacipokckdlbdemfeohdhc ) is a well-maintained Chrome extension that allows for custom CSS/JS to be injected into specific URLs and domains. Very recommended. - So in summary:
* The old Custom.css files are gone.
* "Allow custom UI themes" is the way forward for devtools themes.
* Control Freak, Stylish, etc are the way forward for adding arbitrary JS/CSS to the web.
- The old user stylesheet had a perf impact and a complexity cost that was deemed too high for the small population of users that made use of it. I, too, was one of those users and miss it, but it won't be coming back.
chrome themes
- Themes for Chrome Developer Tools
- Provides evidence and examples of text customization. There are 36 themes here, which have been downloaded approx. 20,000 times. (question: Does this mean that 20,000 people are using these themes?)
- Most are dark background with light text. Of 36, only 6 are light background (17%); of the top 24 downloaded, 2 are light background (8%).
- Most of the dark backgrounds have fairly low contrast.
- Readable-ChromeDevThemes - description: ...More readable lineheight (1.2em)... comments: ...the font-size is a bit small...
- Zero Dark Matrix - comment: ...make the font larger...
- Obsidian - comment: ...I really want the source code font to be larger and increase also the line-height ...
- chrome web store devtools theme
- article: Skin your Chrome Inspector
- article: Skinning the Chrome Developer Tools Revisited
- article: How To Customize Google Chrome DevTools Theme