‘CSS’ directory
- See Also
- Gwern
- “Manual of Style ”, Gwern 2025
- “Design Graveyard ”, Gwern 2010
- “Sidenotes In Web Design ”, Gwern 2020
- “April Fools Mode 2026 ”, Gwern 2024
- “Website Colors: Red vs Blue ”, Gwern 2024
- “Subscripts For Citations ”, Gwern 2020
- “Dropcap Generation With AI ”, Gwern 2023
- “Pandoc Bug #5,469: HTML Footnotes: Use VARIATION SELECTOR-15 Unicode to Block IOS ‘Emojification’ of Back-Link Arrows ”, Gwern 2019
- “Utext: Rich Unicode Documents ”, Gwern 2023
- “InvertOrNot.com Proposal ”, Gwern 2021
- “
latex2unicode.py”, Gwern 2023 - “Lorem Ipsum: Halloween Mode ”, Gwern 2023
- “Lorem Ipsum: Christmas Mode ”, Gwern 2023
- “A/B Testing Indentation & Justification ”, Gwern 2022
- “Design Of This Website ”, Gwern 2010
- “Lorem Ipsum ”, Gwern 2020
- “Lorem Ipsum: Unicode ”, Gwern 2020
- “A/B Testing Long-Form Readability on Gwern.net ”, Gwern 2012
- “Auto-Smallcaps Filter ”, Gwern 2020
- “InflationAdjuster ”, Gwern 2019
- Links
- “Favorite Colors of Some LLMs ”, an 2024
- “Announcing
turntrout.com, My New Digital Home ”, Turntrout 2024 - “The Fascinating Security Model of Dark Web Marketplaces ”, Boehs 2024
- “The Design of Turntrout.com ”, Turntrout 2024
- “The Monospace Web: A Minimalist Design Exploration ”, Wickström 2024
- “URIs: Text Fragments ”, MDN 2024
- “Reflections on
98.css(Windows 98 GUI Clone) [Burnout] ”, Scales 2024 - “StarVector: Generating Scalable Vector Graphics Code from Images ”, Rodriguez et al 2023
- “Score-Based Paragraph-Level Line Breaking ”, Ishii 2023
- “The Cheap Web ”, Troesh 2023
- “VectorFusion: Text-To-SVG by Abstracting Pixel-Based Diffusion Models ”, Jain et al 2022
- “Colors of an App Icon: 2022 Edition ”, Hall 2022
- “How People Read Online: New and Old Findings ”, Moran 2020
- “Old CSS, New CSS ”, Eevee 2020
- “HTML Living Standard: Text-Level Semantics: 4.5.10: The
rubyElement ”, WhatWG 2020 - “
This Page Is a Truly Naked, Brutalist Html Quine”, Bambrick 2019 - “Frank Chimero ”
- “Wikipedia Continues to Have Separate Mobile and Desktop Sites. Why? ”
- “Implementing Recommendations From Web Accessibility Guidelines: A Comparative Study of Nondisabled Users and Users With Visual Impairments ”, Schmutz et al 2017
- “Implementing Recommendations From Web Accessibility Guidelines: Would They Also Provide Benefits to Nondisabled Users ”, Schmutz et al 2016
- “The Colors Of An App Icon: A Study into the Color Distribution ”, Hall 2015
- “Markdeep ”, McGuire 2015
- “STRML: Projects and Work ”, Reed 2014
- “Parameters for Opening PDF Files: You Can Open a PDF Document With a Command or URL That Specifies Exactly What to Display (A Named Destination or Specific Page), and How to Display It (Using Such Characteristics As a Specific View, Scrollbars, Bookmarks, Annotations, or Highlighting) ”
- “Space Jam Homepage ”
- “Supporting Document Development With Concordia § Document Examiner [W/Bookmarks Pane] ”, Walker 1988 (page 5)
- “Using Static Websites for Tiny Archives ”
- “Screen Serif Fonts ”, Achmiz 2025
- “#479,829: A Soft or Auto Hyphen within a Possible Ligature (Eg.
ff) Paints a Split Ligature Glyph ” - “Markdeep Features: Admonitions ”, McGuire 2025
- “Markdeep Features: Multiple Columns ”, McGuire 2025
- “CSS Zen Garden #176 § Kelmscott ”, Hodgkinson 2025
- “Colorization Demo ”, Achmiz 2025
- “CSS:
:first-Letter” - “CSS:
prefers-Color-Scheme” - “OpenType Font Features Guide ”
- “Pollen § 3. Backstory ”, Butterick 2025
- “Tufte-CSS: Sidenotes: Footnotes and Marginal Notes ”, Liepmann 2025
- “Ellipsizing of Text in Middle of String ”
- “Pre-Calculated Line Breaks for HTML / CSS ”
- “A New Micro Clearfix Hack ”
- “Butterick’s Practical Typography ”
- “On Short URLs ”
- “Curating My Corner of the Internet With a Freehand Web Editor ”
- “Technical Dimensions of Programming Systems ”
- “The LaTeX Font Catalogue—Other Fonts—Initials ”
- “Cheshire Initials ”
- “Kanzlei Initialen ”
- “Notes on Monospace, Fonts, ASCII, Unicode ”
- “Goudy Initialen ”
- “Kicks Condor ”, Condor 2025
- “Websim, Worldsim, and The Summer of Simulative AI ”
- fabinrasheed
- hturan
- “
algol_nu[Syntax Highlighting Theme] ” - “Chinese Window Lattice And CSS ”
- Sort By Magic
- Wikipedia (6)
- Miscellaneous
- Bibliography
See Also
Gwern
“Manual of Style ”, Gwern 2025
“Design Graveyard ”, Gwern 2010
“Sidenotes In Web Design ”, Gwern 2020
“April Fools Mode 2026 ”, Gwern 2024
“Website Colors: Red vs Blue ”, Gwern 2024
“Subscripts For Citations ”, Gwern 2020
“Dropcap Generation With AI ”, Gwern 2023
“Pandoc Bug #5,469: HTML Footnotes: Use VARIATION SELECTOR-15 Unicode to Block IOS ‘Emojification’ of Back-Link Arrows ”, Gwern 2019
“Utext: Rich Unicode Documents ”, Gwern 2023
“InvertOrNot.com Proposal ”, Gwern 2021
“latex2unicode.py ”, Gwern 2023
“Lorem Ipsum: Halloween Mode ”, Gwern 2023
“Lorem Ipsum: Christmas Mode ”, Gwern 2023
“A/B Testing Indentation & Justification ”, Gwern 2022
“Design Of This Website ”, Gwern 2010
“Lorem Ipsum ”, Gwern 2020
“Lorem Ipsum: Unicode ”, Gwern 2020
“A/B Testing Long-Form Readability on Gwern.net ”, Gwern 2012
“Auto-Smallcaps Filter ”, Gwern 2020
“InflationAdjuster ”, Gwern 2019
Links
“Favorite Colors of Some LLMs ”, an 2024
“Announcing turntrout.com, My New Digital Home ”, Turntrout 2024
“The Fascinating Security Model of Dark Web Marketplaces ”, Boehs 2024
“The Design of Turntrout.com ”, Turntrout 2024
“The Monospace Web: A Minimalist Design Exploration ”, Wickström 2024
“URIs: Text Fragments ”, MDN 2024
“Reflections on 98.css (Windows 98 GUI Clone) [Burnout] ”, Scales 2024
“StarVector: Generating Scalable Vector Graphics Code from Images ”, Rodriguez et al 2023
StarVector: Generating Scalable Vector Graphics Code from Images
“Score-Based Paragraph-Level Line Breaking ”, Ishii 2023
Score-based Paragraph-level Line Breaking :
View PDF:
“The Cheap Web ”, Troesh 2023
“VectorFusion: Text-To-SVG by Abstracting Pixel-Based Diffusion Models ”, Jain et al 2022
VectorFusion: Text-to-SVG by Abstracting Pixel-Based Diffusion Models
“Colors of an App Icon: 2022 Edition ”, Hall 2022
“How People Read Online: New and Old Findings ”, Moran 2020
“Old CSS, New CSS ”, Eevee 2020
“HTML Living Standard: Text-Level Semantics: 4.5.10: The ruby Element ”, WhatWG 2020
HTML Living Standard: Text-level semantics: 4.5.10: The ruby element
“This Page Is a Truly Naked, Brutalist Html Quine ”, Bambrick 2019
“Frank Chimero ”
“Wikipedia Continues to Have Separate Mobile and Desktop Sites. Why? ”
Wikipedia continues to have separate mobile and desktop sites. Why?
“Implementing Recommendations From Web Accessibility Guidelines: A Comparative Study of Nondisabled Users and Users With Visual Impairments ”, Schmutz et al 2017
“Implementing Recommendations From Web Accessibility Guidelines: Would They Also Provide Benefits to Nondisabled Users ”, Schmutz et al 2016
“The Colors Of An App Icon: A Study into the Color Distribution ”, Hall 2015
The Colors Of An App Icon: A study into the color distribution
“Markdeep ”, McGuire 2015
“STRML: Projects and Work ”, Reed 2014
“Parameters for Opening PDF Files: You Can Open a PDF Document With a Command or URL That Specifies Exactly What to Display (A Named Destination or Specific Page), and How to Display It (Using Such Characteristics As a Specific View, Scrollbars, Bookmarks, Annotations, or Highlighting) ”
“Space Jam Homepage ”
“Supporting Document Development With Concordia § Document Examiner [W/Bookmarks Pane] ”, Walker 1988 (page 5)
Supporting document development with Concordia § Document Examiner [w/Bookmarks pane] :
“Using Static Websites for Tiny Archives ”
“Screen Serif Fonts ”, Achmiz 2025
View External Link:
“#479,829: A Soft or Auto Hyphen within a Possible Ligature (Eg. ff) Paints a Split Ligature Glyph ”
#479,829: A soft or auto hyphen within a possible ligature (eg. ff) paints a split ligature glyph :
“Markdeep Features: Admonitions ”, McGuire 2025
“Markdeep Features: Multiple Columns ”, McGuire 2025
“CSS Zen Garden #176 § Kelmscott ”, Hodgkinson 2025
“Colorization Demo ”, Achmiz 2025
View External Link:
“CSS: :first-Letter ”
“CSS: prefers-Color-Scheme ”
“OpenType Font Features Guide ”
“Pollen § 3. Backstory ”, Butterick 2025
“Tufte-CSS: Sidenotes: Footnotes and Marginal Notes ”, Liepmann 2025
“Ellipsizing of Text in Middle of String ”
“Pre-Calculated Line Breaks for HTML / CSS ”
“A New Micro Clearfix Hack ”
“Butterick’s Practical Typography ”
“On Short URLs ”
“Curating My Corner of the Internet With a Freehand Web Editor ”
Curating my Corner of the Internet with a freehand web editor :
“Technical Dimensions of Programming Systems ”
“The LaTeX Font Catalogue—Other Fonts—Initials ”
“Cheshire Initials ”
View External Link:
https://wiki.obormot.net/Main/BonusFontsDemo?demo_font_one=Cheshire+Initials
“Kanzlei Initialen ”
View External Link:
https://wiki.obormot.net/Main/BonusFontsDemo?demo_font_one=Kanzlei+Initialen
“Notes on Monospace, Fonts, ASCII, Unicode ”
“Goudy Initialen ”
“Kicks Condor ”, Condor 2025
“Websim, Worldsim, and The Summer of Simulative AI ”
fabinrasheed
hturan
“algol_nu [Syntax Highlighting Theme] ”
“Chinese Window Lattice And CSS ”
Sort By Magic
Annotations sorted by machine learning into inferred 'tags'. This provides an alternative way to browse: instead of by date order, one can browse in topic order. The 'sorted' list has been automatically clustered into multiple sections & auto-labeled for easier browsing.
Beginning with the newest annotation, it uses the embedding of each annotation to attempt to create a list of nearest-neighbor annotations, creating a progression of topics. For more details, see the link.
ruby-element
markup-css user-experience accessibility markdown-css visual-design documentation
vector-graphics
Wikipedia (6)
Miscellaneous
/doc/cs/css/2025-04-26-greaterwrong-homepage-brutalisttheme.png:/doc/cs/css/2025-02-21-gwern-gwernnet-achristmasprotestation-readerpluschristmasmodedemo.png:/doc/cs/css/2025-02-21-gwern-gwernnet-datesubscript-example.png:/doc/cs/css/2025-02-21-gwern-gwernnet-ordinalprogressindicators-metadataheaderexample.png:/doc/cs/css/2025-02-21-gwern-unicode-fractionslashoptions.png:/doc/cs/css/2024-11-10-gwern-gwernnet-linkicons-colored-darkmode-ycocgcolortransformprototype.png:/doc/cs/css/2024-11-10-gwern-gwernnet-linkicons-colored-lightmode-ycocgcolortransformprototype.jpg:/doc/cs/css/2024-11-08-gwern-gwernnetlinkicons-colorbysite.csv:/doc/cs/css/2024-11-07-gwern-gwernnet-linkicon-coloringprototype-underlining.png:/doc/cs/css/2024-10-30-gwern-gwernnet-halloweenmode-newdropcaplogos-example.png:/doc/cs/css/2024-09-30-gwern-gwernnet-revisedindexheaderandhelppage.jpg:/doc/cs/css/2024-09-11-gwern-gwernnet-christmasmode-wlogo.png:/doc/cs/css/2024-03-31-gwern-gwernnet-aprilfools-blacklettertest.png:/doc/cs/css/2024-02-06-gwern-pandocsyntaxhighlighting-testallclasses.html:/doc/cs/css/2024-gwern-gwernnet-linkiconcolors-3dplot-3rotationsofrgb.jpg:/doc/cs/css/2024-gwern-gwernnet-linkiconcolors-colorwheel.jpg:/doc/cs/css/2024-gwern-gwernnet-linkiconcolors-rgbhistograms.jpg:/doc/cs/css/2024-gwern-gwernnet-linkiconcolors-rvsgvsb.jpg:/doc/cs/css/2023-12-24-gwern-gwernnet-holiday-christmas-darkandlightmode.png:/doc/cs/css/2023-12-24-gwern-gwernnet-holiday-christmas-lightmode.png:/doc/cs/css/2023-11-19-gwern-gwernnet-linkunderlining-darkmode.png:/doc/cs/css/2023-11-12-jojowiki-superscriptlinkicon-screenshot.png:/doc/cs/css/2023-10-22-gwern-gwernnet-halloweenmode-wlogo.png:/doc/cs/css/2023-09-07-commonedge-interviewformatting-twolevelindent.png:/doc/cs/css/2023-08-21-gwern-gwernnet-desktop-index-darkmode-pagebottomwithxoftheday.png:/doc/cs/css/2023-08-21-gwern-gwernnet-desktop-index-darkmode-pagetopwithtoggleopen.png:/doc/cs/css/2023-08-21-gwern-gwernnet-mobile-darkmode-aunnpagetop.png:/doc/cs/css/2023-08-21-gwern-gwernnet-mobile-index-darkmode-middle.png:/doc/cs/css/2023-08-21-gwern-gwernnet-mobile-index-lightmodeattop.png:/doc/cs/css/2022-10-31-gwern-gwernnet-darkmode-halloweenmode.png:/doc/cs/css/2021-03-28-gwern-gwernnet-annotations-mobilepopins-darkmode.png:/doc/design/typography/dropcap/2019-06-17-ethamarcotte-vox-dropcapsanddesignsystems.html:/doc/cs/css/2019-02-28-gwern-gwernnet-homepage-frakturlinks.png:/doc/ai/nn/rnn/2015-08-05-gwern-charrnn-cssgeneration-csscomments-bestsamples.txt:/doc/ai/nn/rnn/2015-08-05-gwern-charrnn-cssgeneration-lm_css_epoch24.00_0.7660.t7/doc/cs/css/1882-bassano-photographofqueenvictoriawithfading.png:/doc/cs/css/1882-bassano-photographofqueenvictoriawithinversion.png:http://www.rdrop.com/~half/Creations/Writings/Web.patterns/visible.location.html:https://ajxs.me/blog/How_Far_Back_in_Time_Can_I_Take_My_Websites_Design.htmlhttps://awesomekling.substack.com/p/fuzzing-ladybird-with-tools-fromhttps://caniuse.com/css-initial-letter:View External Link:
https://codersblock.com/blog/nicer-text-wrapping-with-css-text-wrap/#performance:https://danluu.com/slow-device/:View External Link:
https://dev.to/grahamthedev/bubble-sortin-pure-css-no-js-3bb1https://dev.to/grahamthedev/pure-css-neural-network-aiits-easier-that-you-think-f02https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaptionhttps://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragmentshttps://groups.google.com/g/hakyll/c/aFH9LHKyDZ8/m/-zY0SHdUBAAJhttps://people.csail.mit.edu/tzumao/diffvg/:View External Link:
https://www.alexcharlton.co/projects/booking-com-de-stresserhttps://www.bryanbraun.com/2021/09/21/i-keep-making-things-out-of-checkboxes/https://www.freecodecamp.org/news/lossless-web-navigation-with-trails-9cd48c0abb56/https://www.smashingmagazine.com/2023/06/behind-curtains-wikipedia-redesign/https://www.typografie.info/3/Schriften/fonts.html/deutsche-zierschrift-r250/:https://www.w3.org/TR/css-text-4/#text-wrap:View External Link:
https://www.w3.org/TR/html-design-principles/:View External Link:
https://ygo-assets-websites-editorial-emea.yougov.net/documents/tabs_OPI_color_20141027_2.pdf:
Bibliography
https://arxiv.org/abs/2312.11556: “StarVector: Generating Scalable Vector Graphics Code from Images ”,2017-schmutz.pdf: “Implementing Recommendations From Web Accessibility Guidelines: A Comparative Study of Nondisabled Users and Users With Visual Impairments ”,2016-schmutz.pdf: “Implementing Recommendations From Web Accessibility Guidelines: Would They Also Provide Benefits to Nondisabled Users ”,