Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://mastodon.ar.al/users/aral/statuses/110866293358862273">Aral Balkan (aral@mastodon.ar.al)'s status on Friday, 11-Aug-2023 01:37:35 JST</a><a href="https://mastodon.ar.al/@aral" title="aral@mastodon.ar.al"><img src="https://gnusocial.jp/theme/gnusocialjp/default-avatar-stream.png" width="48" height="48" alt="Aral Balkan" style="position: absolute; left: 0; top: 0;">Aral Balkan</a></section><article><p>So, hands up who else does this: adding custom debuggers to your interfaces for testing them out?</p><p>It’s a little habit I picked up decades ago during the Flash days and it’s as useful now. (Found and fixed at least two bugs after implementing this simple one today.)</p><p><a href="https://mastodon.ar.al/tags/web" rel="tag">#web</a> <a href="https://mastodon.ar.al/tags/dev" rel="tag">#dev</a> <a href="https://mastodon.ar.al/tags/debugging" rel="tag">#debugging</a> <a href="https://mastodon.ar.al/tags/SmallWeb" rel="tag">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/Kitten" rel="tag">#Kitten</a> <a href="https://mastodon.ar.al/tags/Domain" rel="tag">#Domain</a> <a href="https://mastodon.ar.al/tags/interfaceDesign" rel="tag">#interfaceDesign</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/1931946#notice-3793134">In conversation</a><time datetime="2023-08-11T01:37:35+09:00" title="Friday, 11-Aug-2023 01:37:35 JST">about a year ago</time> <span>from <span><a href="https://mastodon.ar.al/@aral/110866293358862273" rel="external" title="Sent from mastodon.ar.al via ActivityPub">mastodon.ar.al</a></span></span><a href="https://mastodon.ar.al/@aral/110866293358862273">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/1391158">Screenshot of the Create a place screen of Domain, running on dev.ar.al.On the page there’s a section titled Debugger with one link in it titled Show creation modal.The page otherwise has a navigation down the left titled Settings with a Sign out link, a sub-section titled Places with View and Create links (the latter is active with a pink background), and a sub-section titled Setup with Organisation, Applications, Public Suffix List (PSL), and Domain Name Service (DNS) visible.The main part of the page is titled Create a place. It has the following contents:A place is a Small Web app made with Kitten installed on a subdomain on small-web.orgLabel for dropdown: App
Dropdown: Place
Source: https://codeberg.org/small-web/place.gitLabel for text input: Subdomain
Text input (empty)Register button (disabled)The previously-mentioned debugger sits under this button.</a></label><br><a href="https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/866/259/680/561/095/original/adcd97cbf3263c13.png" rel="external">https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/866/259/680/561/095/original/adcd97cbf3263c13.png</a></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/1391159">Screenshot of the Creating your place… dialogue with the debugger showing.The dialogue as status indications for Server (with an indeterminate rotary spinner active), Domain (green, checked), Kitten (green, checked), App (empty circle; not started), Finalising (empty circle; not started).Under that is a section with a blue background for status detail messages. Currently it only has a single bullet point: Starting place creation.Under that is a Cancel button.Under that is the Debugger with sections that mirror the status indicators (Server, 
Domain, Kitten, etc.), each with links to set the state of the indicator (Not started, In progress, Not OK, OK). Finally, there’s a Detail messages section with a link to “Send mock detail message”The dialogue displays on top of the screen described in the other screenshot on this post, with a semi-transparent grey background.</a></label><br><a href="https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/866/276/337/411/602/original/86e2b7a72e8eddff.png" rel="external">https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/866/276/337/411/602/original/86e2b7a72e8eddff.png</a></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Friday, 11-Aug-2023 01:37:35 JST Aral Balkan
So, hands up who else does this: adding custom debuggers to your interfaces for testing them out?
It’s a little habit I picked up decades ago during the Flash days and it’s as useful now. (Found and fixed at least two bugs after implementing this simple one today.)
#web #dev #debugging #SmallWeb #Kitten #Domain #interfaceDesign
In conversationabout a year ago from mastodon.ar.alpermalink
Attachments
1. Screenshot of the Create a place screen of Domain, running on dev.ar.al. On the page there’s a section titled Debugger with one link in it titled Show creation modal. The page otherwise has a navigation down the left titled Settings with a Sign out link, a sub-section titled Places with View and Create links (the latter is active with a pink background), and a sub-section titled Setup with Organisation, Applications, Public Suffix List (PSL), and Domain Name Service (DNS) visible. The main part of the page is titled Create a place. It has the following contents: A place is a Small Web app made with Kitten installed on a subdomain on small-web.org Label for dropdown: App Dropdown: Place Source: https://codeberg.org/small-web/place.git Label for text input: Subdomain Text input (empty) Register button (disabled) The previously-mentioned debugger sits under this button.
  https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/866/259/680/561/095/original/adcd97cbf3263c13.png
2. Screenshot of the Creating your place… dialogue with the debugger showing. The dialogue as status indications for Server (with an indeterminate rotary spinner active), Domain (green, checked), Kitten (green, checked), App (empty circle; not started), Finalising (empty circle; not started). Under that is a section with a blue background for status detail messages. Currently it only has a single bullet point: Starting place creation. Under that is a Cancel button. Under that is the Debugger with sections that mirror the status indicators (Server, Domain, Kitten, etc.), each with links to set the state of the indicator (Not started, In progress, Not OK, OK). Finally, there’s a Detail messages section with a link to “Send mock detail message” The dialogue displays on top of the screen described in the other screenshot on this post, with a semi-transparent grey background.
  https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/866/276/337/411/602/original/86e2b7a72e8eddff.png