1A23 Studio

1A23 Studio

We create.

https://1a23.com/
https://1a23.com/feed/ (RSS订阅地址)

Quorem Ripsum

<img width="464" height="464" src="https://1a23.com/wp-content/uploads/2026/06/1781391994288.png" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin: auto; margin-bottom: 5px;max-width: 100%;" link_thumbnail="" decoding="async" fetchpriority="high" srcset="https://1a23.com/wp-content/uploads/2026/06/1781391994288.png 464w, https://1a23.com/wp-content/uploads/2026/06/1781391994288-300x300.png 300w, https://1a23.com/wp-content/uploads/2026/06/1781391994288-150x150.png 150w" sizes="(max-width: 464px) 100vw, 464px" /><p>A simple web tool to generate a realistic looking QR code that is not really scannable. Useful for creating QR code placeholders for your designs. Features QR Code is a registered trademark of DENSO WAVE INCORPORATED in Japan and in other countries.</p> <p><a href="https://1a23.com/works/open-source/quorem-ripsum/">Quorem Ripsum</a> appeared first on <a href="https://1a23.com">1A23 Studio</a>.</p>

2026/6/14
阅读更多

Simple Memo

<img width="1200" height="630" src="https://1a23.com/wp-content/uploads/2026/06/image.png" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin: auto; margin-bottom: 5px;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://1a23.com/wp-content/uploads/2026/06/image.png 1200w, https://1a23.com/wp-content/uploads/2026/06/image-300x158.png 300w, https://1a23.com/wp-content/uploads/2026/06/image-768x403.png 768w, https://1a23.com/wp-content/uploads/2026/06/image-1024x538.png 1024w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><p>Simple Memo for Wear OS keeps your essential information just a glance away on your smartwatch. Perfect for remembering gym locker combinations, parking spot numbers, temporary door codes, room numbers, or meeting PINs. This lightweight app lets you quickly note down and edit a single piece of important information right on your Wear OS watch. [&#8230;]</p> <p><a href="https://1a23.com/works/open-source/simple-memo/">Simple Memo</a> appeared first on <a href="https://1a23.com">1A23 Studio</a>.</p>

2026/6/9
阅读更多

Oare Sans

<img width="1200" height="675" src="https://1a23.com/wp-content/uploads/2026/06/Banner.png" class="webfeedsFeaturedVisual wp-post-image" alt="Oare Sans banner" style="display: block; margin: auto; margin-bottom: 5px;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://1a23.com/wp-content/uploads/2026/06/Banner.png 1200w, https://1a23.com/wp-content/uploads/2026/06/Banner-300x169.png 300w, https://1a23.com/wp-content/uploads/2026/06/Banner-1024x576.png 1024w, https://1a23.com/wp-content/uploads/2026/06/Banner-768x432.png 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><p>oare n. [o.ˈa.ɾɛ] moon Oare Sans&#160;is a condensed geometric display sans-serif typeface with variable axes for weight and slant. This typeface is an expansion of the&#160;custom logotype created for PSCTF&#160;from a limited set of letters to cover the GF Latin Core character set, and with variable expansion from Thin to Black and Regular to Oblique. [&#8230;]</p> <p><a href="https://1a23.com/works/design/oare-sans/">Oare Sans</a> appeared first on <a href="https://1a23.com">1A23 Studio</a>.</p>

2026/6/4
阅读更多

Mìkam Kana みっかん

<img width="1200" height="675" src="https://1a23.com/wp-content/uploads/2026/06/Banner-1.png" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin: auto; margin-bottom: 5px;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://1a23.com/wp-content/uploads/2026/06/Banner-1.png 1200w, https://1a23.com/wp-content/uploads/2026/06/Banner-1-300x169.png 300w, https://1a23.com/wp-content/uploads/2026/06/Banner-1-1024x576.png 1024w, https://1a23.com/wp-content/uploads/2026/06/Banner-1-768x432.png 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><p>mìkam adp. [mɪ.ˈkam] between. みっかん 3⃞ 〔mìkam〕（両者）の間に。 Mìkam Kana is a Japanese Kana font built from a patchwork of Inter, to design Japanese Hiragana and Katakana characters that resemble the appearance of Latin-Cyrillic-Greek letters in a Neo-Grotesque Sans-Serif style. The inspiration of the font is to develop a reverse font of Electroharmonix, a font that [&#8230;]</p> <p><a href="https://1a23.com/works/design/mikam-kana/">Mìkam Kana みっかん</a> appeared first on <a href="https://1a23.com">1A23 Studio</a>.</p>

2026/6/4
阅读更多

Holpxay Calculator

<img width="1200" height="630" src="https://1a23.com/wp-content/uploads/2026/02/holpxay.png" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin: auto; margin-bottom: 5px;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://1a23.com/wp-content/uploads/2026/02/holpxay.png 1200w, https://1a23.com/wp-content/uploads/2026/02/holpxay-300x158.png 300w, https://1a23.com/wp-content/uploads/2026/02/holpxay-1024x538.png 1024w, https://1a23.com/wp-content/uploads/2026/02/holpxay-768x403.png 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><p>holpxay n. [hol.ˈp&#8217;aj] number. A notepad calculator where math just works. Type expressions, see results instantly. Features Arithmetic &#38; Numbers Units &#38; Conversions Date &#38; Time Currency Variables &#38; Conditionals Output Formats Editor Trivia This app is 70% written by Claude Opus 4.6 with constant human supervision and intervension. Initally it was planned to be [&#8230;]</p> <p><a href="https://1a23.com/works/open-source/holpxay-calculator/">Holpxay Calculator</a> appeared first on <a href="https://1a23.com">1A23 Studio</a>.</p>

2026/2/8
阅读更多

Font coverage analyzer

<img width="1200" height="630" src="https://1a23.com/wp-content/uploads/2026/01/font-coverage.png" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin: auto; margin-bottom: 5px;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://1a23.com/wp-content/uploads/2026/01/font-coverage.png 1200w, https://1a23.com/wp-content/uploads/2026/01/font-coverage-300x158.png 300w, https://1a23.com/wp-content/uploads/2026/01/font-coverage-1024x538.png 1024w, https://1a23.com/wp-content/uploads/2026/01/font-coverage-768x403.png 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><p>A web tool to check codepoint / glyph coverages of a font. Capable of checking coverage of the following collections:</p> <p><a href="https://1a23.com/works/open-source/font-coverage-analyzer/">Font coverage analyzer</a> appeared first on <a href="https://1a23.com">1A23 Studio</a>.</p>

2026/1/12
阅读更多

Have a wonderful 2026!

<img width="675" height="1200" src="https://1a23.com/wp-content/uploads/2025/12/2025-2026.png" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin: auto; margin-bottom: 5px;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://1a23.com/wp-content/uploads/2025/12/2025-2026.png 675w, https://1a23.com/wp-content/uploads/2025/12/2025-2026-169x300.png 169w, https://1a23.com/wp-content/uploads/2025/12/2025-2026-576x1024.png 576w" sizes="auto, (max-width: 675px) 100vw, 675px" /><p>Photo by Pascal Debrunner on UnsplashTypefaces: Birthstone Bounce, The Nautigal</p> <p><a href="https://1a23.com/works/gallery/have-a-wonderful-2026/">Have a wonderful 2026!</a> appeared first on <a href="https://1a23.com">1A23 Studio</a>.</p>

2026/1/1
阅读更多

Progress Bar Labels with CSS Anchor Positioning

<img width="1024" height="768" src="https://1a23.com/wp-content/uploads/sites/2/2025/11/image-1024x768.png" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin-bottom: 5px; clear:both;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://1a23.com/wp-content/uploads/sites/2/2025/11/image-1024x768.png 1024w, https://1a23.com/wp-content/uploads/sites/2/2025/11/image-300x225.png 300w, https://1a23.com/wp-content/uploads/sites/2/2025/11/image-768x576.png 768w, https://1a23.com/wp-content/uploads/sites/2/2025/11/image-1536x1152.png 1536w, https://1a23.com/wp-content/uploads/sites/2/2025/11/image.png 1980w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><p>Here’s a small but fun use case for CSS Anchor Positioning, using it to keep multiple labels around a progress bar readable, without touching JavaScript. The goal is simple: we have a horizontal progress bar with three labels: one on the left, one on the right, and one that should follow the progress “tip”. We [&#8230;]</p> <p><a href="https://blog.1a23.com/2025/11/29/progress-bar-labels-with-css-anchor-positioning/">Progress Bar Labels with CSS Anchor Positioning</a> appeared first on <a href="https://blog.1a23.com">1A23 Blog</a>.</p>

2025/11/29
阅读更多

TRMNL recipies

<img width="1280" height="800" src="https://1a23.com/wp-content/uploads/2025/10/array-white-light-on-light.png" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin: auto; margin-bottom: 5px;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://1a23.com/wp-content/uploads/2025/10/array-white-light-on-light.png 1280w, https://1a23.com/wp-content/uploads/2025/10/array-white-light-on-light-300x188.png 300w, https://1a23.com/wp-content/uploads/2025/10/array-white-light-on-light-1024x640.png 1024w, https://1a23.com/wp-content/uploads/2025/10/array-white-light-on-light-768x480.png 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /><p>A bundle of recipes I wrote for TRMNL, an e-ink dashboard display. Wikipedia Article of the Day A TRMNL plugin that fetches and displays the Wikipedia article of the day in multiple languages. Random Unicode A random Unicode codepoint on each refresh. Data powered by codepoints.net. Random MDN Article A random MDN Web article on [&#8230;]</p> <p><a href="https://1a23.com/works/open-source/trmnl-recipies/">TRMNL recipies</a> appeared first on <a href="https://1a23.com">1A23 Studio</a>.</p>

2025/10/18
阅读更多

Rotated Background Patterns in CSS with SVG

<img width="1024" height="768" src="https://1a23.com/wp-content/uploads/sites/2/2025/03/fi-pattern-1-1024x768.png" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin-bottom: 5px; clear:both;max-width: 100%;" link_thumbnail="" decoding="async" loading="lazy" srcset="https://1a23.com/wp-content/uploads/sites/2/2025/03/fi-pattern-1-1024x768.png 1024w, https://1a23.com/wp-content/uploads/sites/2/2025/03/fi-pattern-1-300x225.png 300w, https://1a23.com/wp-content/uploads/sites/2/2025/03/fi-pattern-1-768x576.png 768w, https://1a23.com/wp-content/uploads/sites/2/2025/03/fi-pattern-1-1536x1152.png 1536w, https://1a23.com/wp-content/uploads/sites/2/2025/03/fi-pattern-1.png 1980w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><p>While working on the WordPress theme Tìtsyul Amip Twenty Twenty-Five, a need arose for a more flexible way to implement rotated background patterns in CSS. Existing methods often involve trade-offs, and this exploration led to a technique leveraging the power of SVG.</p> <p><a href="https://blog.1a23.com/2025/03/06/rotated-background-patterns-in-css-with-svg/">Rotated Background Patterns in CSS with SVG</a> appeared first on <a href="https://blog.1a23.com">1A23 Blog</a>.</p>

2025/3/6
阅读更多