<?xml version="1.0" encoding="UTF-8"?>
 <rdf:RDF xmlns="http://purl.org/rss/1.0/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:syn="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/">
  <channel rdf:about="http://pinboard.in">
    <title>Pinboard (spaceninja)</title>
    <link>https://pinboard.in/u:spaceninja/public/</link>
    <description>recent bookmarks from spaceninja</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="https://www.htmhell.dev/adventcalendar/2023/13/"/>
	<rdf:li rdf:resource="https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms"/>
	<rdf:li rdf:resource="https://lorem.space/"/>
	<rdf:li rdf:resource="https://amyhupe.co.uk/articles/example-copy-in-design-systems/"/>
	<rdf:li rdf:resource="https://codepen.io/andreasstorm/pen/gKGbxo/"/>
	<rdf:li rdf:resource="https://www.smashingmagazine.com/2018/06/placeholder-attribute/"/>
	<rdf:li rdf:resource="http://bradfrostweb.com/blog/post/float-label-pattern/"/>
	<rdf:li rdf:resource="http://www.456bereastreet.com/archive/201204/the_html5_placeholder_attribute_is_not_a_substitute_for_the_label_element/"/>
	<rdf:li rdf:resource="http://placehold.it/"/>
	<rdf:li rdf:resource="http://lorempixum.com/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://www.htmhell.dev/adventcalendar/2023/13/">
    <title>HTML: The Bad Parts - HTMHell</title>
    <dc:date>2023-12-16T00:24:40+00:00</dc:date>
    <link>https://www.htmhell.dev/adventcalendar/2023/13/</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA[It's extremely important for web developers to recognize gaps in the platform. To that end, I've decided to collect a few instances where HTML falls short, through accessibility issues or usability issues.]]></description>
<dc:subject>fridayfrontend accessibility html select i ul ol lists title datalist placeholder menu disabled video mailto tel</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:ceca47c69c9c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:fridayfrontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:select"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:i"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:ul"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:ol"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:lists"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:title"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:datalist"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:menu"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:disabled"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:video"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:mailto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:tel"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms">
    <title>11 HTML best practices for login &amp; sign-up forms—Martian Chronicles, Evil Martians’ team blog</title>
    <dc:date>2023-05-27T19:49:01+00:00</dc:date>
    <link>https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA[Most websites have login or sign-up forms; they’re a critical part of business conversion. However, even popular sites fail to implement the 11 best practices mentioned in this article, and thus have at least one mistake. So, read this post, and then check your forms and improve your UX by using HTML technologies the way they should be used.

]]></description>
<dc:subject>fridayfrontend html forms autocomplete email buttons labels placeholder focus accessibility aria-invalid aria-errormessage validation cssbasics</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:509a3050b892/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:fridayfrontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:autocomplete"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:email"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:buttons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:labels"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:focus"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:aria-invalid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:aria-errormessage"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:validation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:cssbasics"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://lorem.space/">
    <title>Lorem.space - placeholder image generator</title>
    <dc:date>2021-10-23T17:49:52+00:00</dc:date>
    <link>https://lorem.space/</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA[Placeholder images, but useful! Supports movie posters, book covers, avatars, and more!]]></description>
<dc:subject>images api placeholder lorem tools quickreference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:11533a7953f3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:api"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:lorem"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:quickreference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://amyhupe.co.uk/articles/example-copy-in-design-systems/">
    <title>Handling example copy in design systems</title>
    <dc:date>2019-03-17T18:27:36+00:00</dc:date>
    <link>https://amyhupe.co.uk/articles/example-copy-in-design-systems/</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA[In the case of design system examples, is it best to use instructive, realistic or placeholder copy, a mix of these, or something else entirely?]]></description>
<dc:subject>designsystem writing copy example lorem placeholder</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:5dcd44f21b37/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:designsystem"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:writing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:copy"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:example"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:lorem"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://codepen.io/andreasstorm/pen/gKGbxo/">
    <title>input :not(:placeholder-shown)</title>
    <dc:date>2018-06-26T16:28:15+00:00</dc:date>
    <link>https://codepen.io/andreasstorm/pen/gKGbxo/</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA[If you're getting rid of your `placeholder` attributes, why not consider this clever CSS-only "moving label" pattern?]]></description>
<dc:subject>fridayfrontend css forms labels placeholder accessibility animation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:d2abda67bb8d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:fridayfrontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:labels"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.smashingmagazine.com/2018/06/placeholder-attribute/">
    <title>Don’t Use The Placeholder Attribute</title>
    <dc:date>2018-06-26T16:26:06+00:00</dc:date>
    <link>https://www.smashingmagazine.com/2018/06/placeholder-attribute/</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA[The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let’s clarify why you need to stop using it.]]></description>
<dc:subject>fridayfrontend css forms html accessibility labels placeholder localization internationalization</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:c529b7dd88b1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:fridayfrontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:labels"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:localization"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:internationalization"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bradfrostweb.com/blog/post/float-label-pattern/">
    <title>Float Label Pattern</title>
    <dc:date>2014-07-28T05:48:50+00:00</dc:date>
    <link>http://bradfrostweb.com/blog/post/float-label-pattern/</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA[Designer Matt D Smith shared a Dribble shot of a clever new form interaction pattern. The float label pattern floats the inline label up above the input after the user focuses on the form field or enters a value.

]]></description>
<dc:subject>html forms floats labels placeholder design ux</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:cf45e66890fe/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:floats"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:labels"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:ux"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.456bereastreet.com/archive/201204/the_html5_placeholder_attribute_is_not_a_substitute_for_the_label_element/">
    <title>The HTML5 placeholder attribute is not a substitute for the label element</title>
    <dc:date>2014-07-27T23:35:56+00:00</dc:date>
    <link>http://www.456bereastreet.com/archive/201204/the_html5_placeholder_attribute_is_not_a_substitute_for_the_label_element/</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA[The placeholder attribute should not be used as an alternative to a label. Why not? It’s quite obvious. Since any text in the placeholder attribute is only available to the user when the field is empty, once you’ve started entering something (or if a value is prefilled by the server), the hint is gone.]]></description>
<dc:subject>accessibility placeholder html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:ee6c7f1fc37e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://placehold.it/">
    <title>Placehold.it - Quick and simple image placeholders</title>
    <dc:date>2011-10-08T04:42:09+00:00</dc:date>
    <link>http://placehold.it/</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA[A quick and simple image placeholder service.
]]></description>
<dc:subject>lorem placeholder fpo images webapps</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:2fa5c0b0d838/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:lorem"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:fpo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:webapps"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://lorempixum.com/">
    <title>lorempixum - placeholder images for every case</title>
    <dc:date>2011-10-07T21:33:37+00:00</dc:date>
    <link>http://lorempixum.com/</link>
    <dc:creator>spaceninja</dc:creator><description><![CDATA["Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free!"]]></description>
<dc:subject>lorem generator webapps free placeholder images</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:spaceninja/b:7f83a5454b62/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:lorem"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:generator"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:webapps"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:free"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:spaceninja/t:images"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>