- See Also
-
Gwern
- “Website Colors: Red vs Blue”, Gwern 2024
- “Subscripts For Citations”, Gwern 2020
- “Dropcap Generation With AI”, Gwern 2023
- “Design Graveyard”, Gwern 2010
- “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
-
“Announcing
turntrout.com, My New Digital Home”, Turntrout 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
- “VectorFusion: Text-To-SVG by Abstracting Pixel-Based Diffusion Models”, Jain et al 2022
- “Colors of an App Icon: 2022 Edition”, Hall 2022
- “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”
- “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 2024
-
“#479,829: A Soft or Auto Hyphen within a Possible Ligature (eg.
ff) Paints a Split Ligature Glyph” - “Markdeep Features: Admonitions”, McGuire 2024
- “Markdeep Features: Multiple Columns”, McGuire 2024
- “CSS Zen Garden #176 § Kelmscott”, Hodgkinson 2024
- “Pollen § 3. Backstory”, Butterick 2024
- “Tufte-CSS: Sidenotes: Footnotes and Marginal Notes”, Liepmann 2024
- “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”
- “Notes on Monospace, Fonts, ASCII, Unicode”
- “Kicks Condor”, Condor 2024
- “Websim, Worldsim, and The Summer of Simulative AI”
- “Chinese Window Lattice And CSS”
- Sort By Magic
- Wikipedia
-
“Announcing
- Miscellaneous
- Bibliography
See Also
Gwern
“Website Colors: Red vs Blue”, Gwern 2024
“Subscripts For Citations”, Gwern 2020
“Dropcap Generation With AI”, Gwern 2023
“Design Graveyard”, Gwern 2010
“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
“Announcing turntrout.com, My New Digital Home”, Turntrout 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:
“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
“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”
“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 2024
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 2024
“Markdeep Features: Multiple Columns”, McGuire 2024
“CSS Zen Garden #176 § Kelmscott”, Hodgkinson 2024
“Pollen § 3. Backstory”, Butterick 2024
“Tufte-CSS: Sidenotes: Footnotes and Marginal Notes”, Liepmann 2024
“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”
“Notes on Monospace, Fonts, ASCII, Unicode”
“Kicks Condor”, Condor 2024
“Websim, Worldsim, and The Summer of Simulative AI”
“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/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/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://wiki.obormot.net/Main/BonusFontsDemo?demo_font_one=Cheshire+Initials:View External Link:
https://wiki.obormot.net/Main/BonusFontsDemo?demo_font_one=Cheshire+Initials -
https://wiki.obormot.net/Main/BonusFontsDemo?demo_font_one=Kanzlei+Initialen:View External Link:
https://wiki.obormot.net/Main/BonusFontsDemo?demo_font_one=Kanzlei+Initialen -
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:
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”,