Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://mastodon.ar.al/users/aral/statuses/114002026014508026">Aral Balkan (aral@mastodon.ar.al)'s status on Friday, 14-Feb-2025 20:35:07 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>😺 Fun Kitten¹ fact</p><p>Did you know that Kitten has a built-in HTML validator that checks your markup for validity and accessibility issues, etc.?</p><p>You’re informed of validation errors in not just terminal but also in your browser’s web developer panel. And, if you select the “Show validation issues on page” link from a validation error in the web developer panel, Kitten will show the validation errors in place on your page.</p><p>This helps me catch issues with my markup all the time and I hope it helps you too.</p><p>Enjoy!</p><p>:kitten:💕</p><p>¹ <a href="https://kitten.small-web.org" rel="nofollow noreferrer">https://kitten.small-web.org</a></p><p><a href="https://mastodon.ar.al/tags/Kitten" rel="tag">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" rel="tag">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/HTML" rel="tag">#HTML</a> <a href="https://mastodon.ar.al/tags/HTMLValidator" rel="tag">#HTMLValidator</a> <a href="https://mastodon.ar.al/tags/validation" rel="tag">#validation</a> <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/SmallTech" rel="tag">#SmallTech</a> <a href="https://mastodon.ar.al/tags/NodeJS" rel="tag">#NodeJS</a> <a href="https://mastodon.ar.al/tags/JavaScript" rel="tag">#JavaScript</a> <a href="https://mastodon.ar.al/tags/CSS" rel="tag">#CSS</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/4564221#notice-8935495">In conversation</a><time datetime="2025-02-14T20:35:07+09:00" title="Friday, 14-Feb-2025 20:35:07 JST">about 4 months ago</time> <span>from <span><a href="https://mastodon.ar.al/@aral/114002026014508026" rel="external" title="Sent from mastodon.ar.al via ActivityPub">mastodon.ar.al</a></span></span><a href="https://mastodon.ar.al/@aral/114002026014508026">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/2832937">Untitled attachment</a></label><br></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/4135907">Screenshot of the Kitten port of the Small Technology Foundation web site (work in progress) showing the header area highlighted in dark yellow/orange border box with shadow, showing a validation warning (“HTML Validation Warning: heading-level. Initial heading level must be &lt;h1&gt; but got &lt;h2&gt;”) and the select box under Posts highlighted in red border box with shadow, showing a validation error (“HTML Validation Error: input-missing-label. &lt;select&gt; element does not have a &lt;label&gt;”).</a></label><br><a href="https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/114/002/025/367/291/658/original/7f201c12f243e4e0.png" rel="external">https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/114/002/025/367/291/658/original/7f201c12f243e4e0.png</a></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/4135908">Screenshot of web developer panel in Safari for the page described in the first photo with a link in the list of validation errors in the console highlighted: 🔍 Show validation issues on page: https://localhost/admin/news/cabb9d4b-d17e-4910-9a84-db4545ec74ae/?showValidationIssues</a></label><br><a href="https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/114/002/025/966/865/676/original/ceb7e6d403af47e3.png" rel="external">https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/114/002/025/966/865/676/original/ceb7e6d403af47e3.png</a></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Friday, 14-Feb-2025 20:35:07 JST Aral Balkan
😺 Fun Kitten¹ fact
Did you know that Kitten has a built-in HTML validator that checks your markup for validity and accessibility issues, etc.?
You’re informed of validation errors in not just terminal but also in your browser’s web developer panel. And, if you select the “Show validation issues on page” link from a validation error in the web developer panel, Kitten will show the validation errors in place on your page.
This helps me catch issues with my markup all the time and I hope it helps you too.
Enjoy!
:kitten:💕
¹ https://kitten.small-web.org
#Kitten #SmallWeb #HTML #HTMLValidator #validation #web #dev #SmallTech #NodeJS #JavaScript #CSS
In conversationabout 4 months ago from mastodon.ar.alpermalink
Attachments

Public

Embed Notice

HTML Code

Corresponding Notice