Mastodon

1 post1 participant0 posts today

YongZS永值生’s new account旋宮圖 Hsüan Kung Diagram <a href="https://yongzs1218.github.io/hsuan-kung/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://yongzs1218.github.io/hsuan-kung/</a> 在AI的指導下，我用JavaScript、CSS和HTML架設了一份網頁版「旋宮圖」。該圖可用於旋宮犯調實踐，之調、爲調轉換等場景。Under the guidance of AI, I developed a web-based “Hsüan Kung Diagram” using JavaScript, CSS, and HTML. This diagram is designed for Hsüan²-kung (Xuán-gōng, 旋宮) and Fan⁴-tiao⁴ (Fàn-diào, 犯調) practices, including scenes such as Chih-tiao⁴ (Zhī-diào, 之調) and Wei²-tiao⁴ (Wéi-diào, 爲調) transformations. 旋宮 and 犯調 are traditional Chinese modulation or transposition concepts, 之調 and 爲調 are traditional Chinese key notation systems.AIの指導のもと、私はJavaScript、CSS、HTMLを用いてウェブ版「旋宮図（せんきゅうず）」を構築しました。この図は、旋宮犯調（せんきゅうはんちょう）の実践や、之調（しちょう）・爲調（いちょう）の変換などのシナリオに活用できます。Dưới sự hướng dẫn của AI, tôi đã xây dựng một ”Đồ Huyền Cung (圖旋宮)“ phiên bản web bằng JavaScript, CSS và HTML. Bản đồ này có thể ứng dụng trong thực hành chuyển điệu Huyền Cung <del> Phạm Điệu (旋宮 </del> 犯調), cũng như chuyển đổi giữa hệ thống Chi Điệu (之調) và Vi Điệu (爲調).／𨑜事向引𧵑AI，碎㐌𡏦𥩯“圖旋宮”翻版web憑JavaScript，CSS吧HTML。版圖尼固體應用𥪝轉調旋宮-犯調，拱如轉𢷮𡧲系統之調吧爲調。AI의 지도 아래, 저는 JavaScript, CSS, HTML을 사용하여 웹 버전 「선궁도(旋宮圖)」를 구축했습니다. 이 도표는 선궁 범조(旋宮犯調) 실습 및 지조(之調)·위조(爲調) 변환 시나리오에 활용될 수 있습니다.／AI의 指導 아래, 저는 JavaScript, CSS, HTML을 사용하여 웹 版「旋宮圖(선궁도)」를 構築했습니다. 이 圖表는 旋宮犯調(선궁 범조) 實習 및 之調(지조)·爲調(위조) 轉換 시나리오에 活用될 수 있습니다.<a href="https://mastodon.ktachibana.party/tags/chinese" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#chinese</a> <a href="https://mastodon.ktachibana.party/tags/chinesemusic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#chinesemusic</a> <a href="https://mastodon.ktachibana.party/tags/musictheory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#musictheory</a> <a href="https://mastodon.ktachibana.party/tags/china" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#china</a> <a href="https://mastodon.ktachibana.party/tags/music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#music</a> <a href="https://mastodon.ktachibana.party/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ktachibana.party/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.ktachibana.party/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.ktachibana.party/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.ktachibana.party/tags/webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webpage</a> <a href="https://mastodon.ktachibana.party/tags/%E9%9F%B3%E6%A8%82" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#音樂</a> <a href="https://mastodon.ktachibana.party/tags/%E4%B8%AD%E8%8F%AF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#中華</a> <a href="https://mastodon.ktachibana.party/tags/%E5%9C%8B%E6%A8%82" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#國樂</a> <a href="https://mastodon.ktachibana.party/tags/%E5%8D%8E%E4%B9%90" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#华乐</a> <a href="https://mastodon.ktachibana.party/tags/%E6%B0%91%E6%A8%82" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#民樂</a> <a href="https://mastodon.ktachibana.party/tags/%E4%B8%AD%E6%A8%82" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#中樂</a> <a href="https://mastodon.ktachibana.party/tags/%E4%B8%AD%E5%9C%8B" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#中國</a> <a href="https://mastodon.ktachibana.party/tags/%E6%A8%82%E7%90%86" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#樂理</a> <a href="https://mastodon.ktachibana.party/tags/%E7%B6%B2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#網</a> <a href="https://mastodon.ktachibana.party/tags/%E4%B8%AD%E8%8F%AF%E9%9F%B3%E6%A5%BD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#中華音楽</a> <a href="https://mastodon.ktachibana.party/tags/%E9%9F%B3%E6%A5%BD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#音楽</a> <a href="https://mastodon.ktachibana.party/tags/%E8%8F%AF%E6%A5%BD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#華楽</a> <a href="https://mastodon.ktachibana.party/tags/%E9%9F%B3%E6%A5%BD%E7%90%86%E8%AB%96" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#音楽理論</a> <a href="https://mastodon.ktachibana.party/tags/%E3%82%A6%E3%82%A7%E3%83%96" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ウェブ</a> <a href="https://mastodon.ktachibana.party/tags/trungquoc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#trungquoc</a> <a href="https://mastodon.ktachibana.party/tags/amnhac" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#amnhac</a> <a href="https://mastodon.ktachibana.party/tags/lythuyetamnhac" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lythuyetamnhac</a> <a href="https://mastodon.ktachibana.party/tags/%EC%9D%8C%EC%95%85" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#음악</a> <a href="https://mastodon.ktachibana.party/tags/%EC%A4%91%EA%B5%AD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#중국</a> <a href="https://mastodon.ktachibana.party/tags/%EC%9D%8C%EC%95%85%EC%9D%B4%EB%A1%A0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#음악이론</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Fun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fun</a> “Love it!” · Our expectations of web page quality drop <a href="https://ilo.im/1630i4" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1630i4</a>_____ <a href="https://mastodon.social/tags/Comics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Comics</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AI</a> <a href="https://mastodon.social/tags/GenerativeAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeAI</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

für immer und ewigkann man in <a href="https://tooting.ch/tags/nextcloud" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextcloud</a> eine <a href="https://tooting.ch/tags/webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webpage</a> aus <a href="https://tooting.ch/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#markdown</a> <a href="https://tooting.ch/tags/nextcloud_notes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextcloud_notes</a> stricken oder brauchts den Umweg via <a href="https://tooting.ch/tags/github" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#github</a> <a href="https://tooting.ch/tags/docsifythis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#docsifythis</a> ?

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guides</a> Simplify sharing · How to make content sharing effortless on your website <a href="https://ilo.im/16350b" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16350b</a>_____ <a href="https://mastodon.social/tags/Sharing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sharing</a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Content</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Announcements" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Announcements</a> Find-in-page highlight styling · CSS now lets you customize find-in-page markers <a href="https://ilo.im/162zmu" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162zmu</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/FindInPage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FindInPage</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://mastodon.social/tags/Privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Privacy</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> The bare minimum for CSS view transitions · An instant win for your website’s user experience <a href="https://ilo.im/162voy" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162voy</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/CssViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssViewTransitions</a> <a href="https://mastodon.social/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Transitions</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕How browsers REALLY load Web pagesWhen browsers load a Web page and its subresources, A LOT happens under the hood. They need to take into account render/parsing blocking resources, use a preload scanner, listen to resource hints (like preload/preconnect), loading modifiers (async/defer/module), fetchpriority, responsive images, and much more. […]📺 <a href="https://fosdem.org/2025/schedule/event/fosdem-2025-4852-how-browsers-really-load-web-pages/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fosdem.org/2025/schedule/event/fosdem-2025-4852-how-browsers-really-load-web-pages/</a><a href="https://chaos.social/tags/video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#video</a> <a href="https://chaos.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://chaos.social/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#browser</a> <a href="https://chaos.social/tags/webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webpage</a> <a href="https://chaos.social/tags/http3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#http3</a> <a href="https://chaos.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://chaos.social/tags/http" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#http</a> <a href="https://chaos.social/tags/https" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#https</a> <a href="https://chaos.social/tags/async" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#async</a> <a href="https://chaos.social/tags/http2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#http2</a> <a href="https://chaos.social/tags/fossdem25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fossdem25</a> <a href="https://chaos.social/tags/foss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#foss</a> <a href="https://chaos.social/tags/floss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#floss</a> <a href="https://chaos.social/tags/fossdem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fossdem</a>

linkdropGitHub - mishushakov/llm-scraper: Turn any webpage into structured data using LLMs <a href="https://github.com/mishushakov/llm-scraper" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/mishushakov/llm-scraper</a> <a href="https://troet.cafe/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a> <a href="https://troet.cafe/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://troet.cafe/tags/structure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#structure</a> <a href="https://troet.cafe/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#markdown</a> <a href="https://troet.cafe/tags/scraping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scraping</a> <a href="https://troet.cafe/tags/webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webpage</a> <a href="https://troet.cafe/tags/GitHub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GitHub</a> <a href="https://troet.cafe/tags/data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#data</a> <a href="https://troet.cafe/tags/json" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#json</a> <a href="https://troet.cafe/tags/LLM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LLM</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Approaches</a> Building websites with LLMS · (L)ots of (L)ittle ht(M)l page(S) is a game changer <a href="https://ilo.im/162myf" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162myf</a>_____ <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ViewTransitions</a> <a href="https://mastodon.social/tags/Navigation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Navigation</a> <a href="https://mastodon.social/tags/Filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Filter</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Business</a> <a href="https://mastodon.social/tags/Tools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tools</a> Stylebot · A browser extension to tweak webpage appearances <a href="https://ilo.im/162c9v" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162c9v</a>_____ <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Styling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Styling</a> <a href="https://mastodon.social/tags/Readability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Readability</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/Sync" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sync</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/Extension" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Extension</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Findings" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Findings</a> Page Bloat 2025 · What happens to users as page size keeps growing? <a href="https://ilo.im/1623c5" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1623c5</a>_____ <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Content</a> <a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Business</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

hairylarryDirt Simple Photo Gallery now has a companion program, Dirt Simple Web Pages. Think of it as no markup web pages, index.php reads title.txt and notes.txt, both plain text files with no code.Dirt Simple Web Pages does text, hot links, images, and iframe embeds. It was easier to write than Dirt Simple Photo Gallery and Plain Text Blog but maybe that's because I'm using all the same tricks.Here's my first text page.<a href="https://deltaboogie.com/BX_Pics_Taken_At_A_Game_Store/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://deltaboogie.com/BX_Pics_Taken_At_A_Game_Store/</a><a href="https://gamerplus.org/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://gamerplus.org/tags/plaintext" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#plaintext</a> <a href="https://gamerplus.org/tags/webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webpage</a> <a href="https://gamerplus.org/tags/ttrpgs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ttrpgs</a> <a href="https://gamerplus.org/tags/miniatures" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#miniatures</a>

Inautilo<a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Business</a> <a href="https://mastodon.social/tags/Reviews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Reviews</a> Goodbye Bitly · New preview page with ads is a major step back <a href="https://ilo.im/162cz3" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162cz3</a>_____ <a href="https://mastodon.social/tags/Bitly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Bitly</a> <a href="https://mastodon.social/tags/UrlShortener" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UrlShortener</a> <a href="https://mastodon.social/tags/Service" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Service</a> <a href="https://mastodon.social/tags/Advertising" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Advertising</a> <a href="https://mastodon.social/tags/Pricing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pricing</a> <a href="https://mastodon.social/tags/Marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Marketing</a> <a href="https://mastodon.social/tags/SocialMedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialMedia</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/LandingPage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LandingPage</a>

zeyus :cv_red:‎:ci_floppy:‎:crt_w_prompt:‎:winamp:Hello, I wanted my own link index site, but I wanted it to be completely serverless and static (without writing it by hand of course).I made one, it is called linkypoo it can be hosted wherever you like, e.g. github pagesSource: <a href="https://github.com/zeyus/linkypoo" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/zeyus/linkypoo</a>Check it out in action: <a href="https://me.zys.im/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://me.zys.im/</a><a href="https://corteximplant.com/tags/links" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#links</a> <a href="https://corteximplant.com/tags/linkindex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linkindex</a> <a href="https://corteximplant.com/tags/index" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#index</a> <a href="https://corteximplant.com/tags/linklist" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linklist</a> <a href="https://corteximplant.com/tags/linktree" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linktree</a> <a href="https://corteximplant.com/tags/linktreealternatives" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linktreealternatives</a> <a href="https://corteximplant.com/tags/foss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#foss</a> <a href="https://corteximplant.com/tags/oss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#oss</a> <a href="https://corteximplant.com/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://corteximplant.com/tags/webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webpage</a> <a href="https://corteximplant.com/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://corteximplant.com/tags/development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#development</a> <a href="https://corteximplant.com/tags/github" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#github</a> <a href="https://corteximplant.com/tags/linkinbio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linkinbio</a> <a href="https://corteximplant.com/tags/landingpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#landingpage</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Explorations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Explorations</a> The best HTML page title separator · Why is the vertical bar the clear winner? <a href="https://ilo.im/16294s" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16294s</a>_____ <a href="https://mastodon.social/tags/Separator" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Separator</a> <a href="https://mastodon.social/tags/Title" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Title</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Keeping interactivity during a view transition · How to bypass the ::view-transition overlay clicks <a href="https://ilo.im/1623et" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1623et</a>_____ <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animations</a> <a href="https://mastodon.social/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Transitions</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ViewTransitions</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> QR code HTML web component · A handy way to add a QR code to a HTML link <a href="https://ilo.im/1622pq" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1622pq</a>_____ <a href="https://mastodon.social/tags/QrCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#QrCode</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://mastodon.social/tags/WebComponent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponent</a> <a href="https://mastodon.social/tags/HtmlWebComponent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HtmlWebComponent</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Adelaide Espinoza, BSc. 🏳️‍⚧️hit the HTML too hard and decided to begin my own webpage!if you can, visit me every so often at <a href="https://amperatrice.codeberg.page/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://amperatrice.codeberg.page/</a> -- I promise there will be consistent updates <3<a href="https://scicomm.xyz/tags/webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webpage</a> <a href="https://scicomm.xyz/tags/sloweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sloweb</a> <a href="https://scicomm.xyz/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a>

beSpacific<a href="https://newsie.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AI</a> <a href="https://newsie.social/tags/artificalintelligense" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#artificalintelligense</a> <a href="https://newsie.social/tags/searchengines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#searchengines</a> <a href="https://newsie.social/tags/research" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#research</a> Introducing Operator - A research preview of an agent that can use its own <a href="https://newsie.social/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#browser</a> to perform tasks for you. Available to Pro users in the U.S. <a href="https://openai.com/index/introducing-operator/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://openai.com/index/introducing-operator/</a> agent that can go to the <a href="https://newsie.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> to perform tasks for you. Using its own <a href="https://newsie.social/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#browser</a>, it can look at a <a href="https://newsie.social/tags/webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webpage</a> and interact with it by typing, clicking, and scrolling. Operator is powered by a new model called Computer-Using Agent (CUA).

Recent searches

Search options

Administered by:

Server stats:

#webpage