‘CSS’ directory
- See Also
-
Gwern
- “Design Graveyard ”, Gwern 2010
- “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
- “Lorem Ipsum: April Fools Mode ”, Gwern 2024
- “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
- “Sidenotes In Web Design ”, Gwern 2020
- “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
-
“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
ruby
Element ”, 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 ”
- “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
- “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
- Miscellaneous
- Bibliography
See Also
Gwern
“Design Graveyard ”, Gwern 2010
“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
“Lorem Ipsum: April Fools Mode ”, Gwern 2024
“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
“Sidenotes In Web Design ”, Gwern 2020
“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
“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 ”
“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:
“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
Miscellaneous
-
/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.html
-
https://awesomekling.substack.com/p/fuzzing-ladybird-with-tools-from
-
https://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-3bb1
-
https://dev.to/grahamthedev/pure-css-neural-network-aiits-easier-that-you-think-f02
-
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption
-
https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragments
-
https://groups.google.com/g/hakyll/c/aFH9LHKyDZ8/m/-zY0SHdUBAAJ
-
https://people.csail.mit.edu/tzumao/diffvg/
:View External Link:
-
https://www.alexcharlton.co/projects/booking-com-de-stresser
-
https://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 ”,