{
    "type": "entry",
    "published": "2020-05-25T12:00:00.00000-07:00",
    "url": "https://v2.jacky.wtf/post/2878aed1-d5ca-4ed7-a253-9bb16c059cd6",
    "photo": [
        "https://v2.jacky.wtf/media/image/floating/1590433203249.jpg_FDY3U7LMPF4JA.jpeg?v=original",
        "https://v2.jacky.wtf/media/image/floating/1590433203251.jpg_2FFU2FENMSZSU.jpeg?v=original",
        "https://v2.jacky.wtf/media/image/floating/1590433203245.jpg_XDHHNAWVQFXQC.jpeg?v=original"
    ],
    "content": {
        "text": "Doggo",
        "html": "<p>Doggo</p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "photo",
    "_id": "11873052",
    "_source": "1886"
}

{
    "type": "entry",
    "published": "2020-05-25T11:47:00.00000-07:00",
    "url": "https://v2.jacky.wtf/post/2a9438d3-8ff1-4af9-8437-82586467bde0",
    "content": {
        "text": "People really treating plants like animals and animals like \u2026 dirt.",
        "html": "<p>People really treating plants like animals and animals like \u2026 dirt.</p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "11873053",
    "_source": "1886"
}

{
    "type": "entry",
    "published": "2020-05-25T23:14:44+00:00",
    "url": "https://twitter.com/andymcmillan/status/1265058751414857730",
    "quotation-of": "https://twitter.com/nwilliams030/status/1259527341124063232",
    "content": {
        "text": "I used to sit outside our house selling last year's Christmas cards out of an old briefcase. I'd use correction fluid to cover up the names inside, and of course the envelopes had been thrown away. I don't recall it being especially lucrative."
    },
    "author": {
        "type": "card",
        "name": "Andy McMillan",
        "url": "https://twitter.com/andymcmillan",
        "photo": "https://pbs.twimg.com/profile_images/1151993418232369153/9ShXZFLh.jpg"
    },
    "post-type": "note",
    "refs": {
        "https://twitter.com/nwilliams030/status/1259527341124063232": {
            "type": "entry",
            "published": "2020-05-10T16:54:53+00:00",
            "url": "https://twitter.com/nwilliams030/status/1259527341124063232",
            "content": {
                "text": "What weird small business did you run or attempt to run as a child?"
            },
            "author": {
                "type": "card",
                "name": "nicole",
                "url": "https://twitter.com/nwilliams030",
                "photo": "https://pbs.twimg.com/profile_images/1250224772891508742/BrwMPibY.jpg"
            },
            "post-type": "note"
        }
    },
    "_id": "11872035",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-05-25T22:29:40+00:00",
    "url": "https://twitter.com/scott_gruber/status/1265047407953240064",
    "content": {
        "text": "Helvetica streaming today ohyouprettythings.com/free",
        "html": "Helvetica streaming today <a href=\"https://www.ohyouprettythings.com/free\">ohyouprettythings.com/free</a>"
    },
    "author": {
        "type": "card",
        "name": "Scott Gruber",
        "url": "https://twitter.com/scott_gruber",
        "photo": "https://pbs.twimg.com/profile_images/1262447647140360192/9wzdpsFz.jpg"
    },
    "post-type": "note",
    "_id": "11871423",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-05-25T22:28:18+00:00",
    "url": "https://twitter.com/fluffy/status/1265047065379266560",
    "quotation-of": "https://twitter.com/jpawgmafia/status/1264435379312029696",
    "content": {
        "text": "My cousin was on summer break from college and he showed me this amazing thing called \"IRC\""
    },
    "author": {
        "type": "card",
        "name": "fluffy \ud83d\udc9c",
        "url": "https://twitter.com/fluffy",
        "photo": "https://pbs.twimg.com/profile_images/1252480375646851072/Pc5osn74.jpg"
    },
    "post-type": "note",
    "refs": {
        "https://twitter.com/jpawgmafia/status/1264435379312029696": {
            "type": "entry",
            "published": "2020-05-24T05:57:41+00:00",
            "url": "https://twitter.com/jpawgmafia/status/1264435379312029696",
            "content": {
                "text": "Without dating yourself what\u2019s the earliest Internet memory that you have?"
            },
            "author": {
                "type": "card",
                "name": "JPAWGMAFIA",
                "url": "https://twitter.com/jpawgmafia",
                "photo": "https://pbs.twimg.com/profile_images/1238306678874845184/PICoC_Tl.jpg"
            },
            "post-type": "note"
        }
    },
    "_id": "11871223",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-05-25T22:27:39+00:00",
    "url": "https://twitter.com/jaredcwhite/status/1265046901964959744",
    "content": {
        "text": "\u201cHTML isn't a programming language\u201d\n\nconst html = \"<p>A HTMLParagraphElement</p>\"\nconst el = doument.createElement(\"div\"); el.innerHTML = html\nel.children[0] instanceof HTMLParagraphElement // true\n\nSo maybe it's not a programming language, but it produces programs nonetheless.",
        "html": "\u201cHTML isn't a programming language\u201d\n\nconst html = \"&lt;p&gt;A HTMLParagraphElement&lt;/p&gt;\"\nconst el = doument.createElement(\"div\"); el.innerHTML = html\nel.children[0] instanceof HTMLParagraphElement // true\n\nSo maybe it's not a programming language, but it produces programs nonetheless."
    },
    "author": {
        "type": "card",
        "name": "Jared White",
        "url": "https://twitter.com/jaredcwhite",
        "photo": "https://pbs.twimg.com/profile_images/1232704698890670080/goiKk3uW.jpg"
    },
    "post-type": "note",
    "_id": "11871224",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-05-25T22:15:34+00:00",
    "url": "https://twitter.com/ChrisAldrich/status/1265043862361235456",
    "content": {
        "text": "I've just noticed that if one translates the year 2020 into words using the mnemonic major system one gets any of the following:\n\n* incense\n* heinousness\n* insaneness\n* noisiness\n* nuisance\u00a0\n* uneasiness\n* unwiseness\n\nAll seem so apt, which one to choose?boffosocko.com/2020/05/25/557\u2026",
        "html": "I've just noticed that if one translates the year 2020 into words using the mnemonic major system one gets any of the following:\n\n* incense\n* heinousness\n* insaneness\n* noisiness\n* nuisance\u00a0\n* uneasiness\n* unwiseness\n\nAll seem so apt, which one to choose?<a href=\"https://boffosocko.com/2020/05/25/55771440/\">boffosocko.com/2020/05/25/557\u2026</a>"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "https://twitter.com/ChrisAldrich",
        "photo": "https://pbs.twimg.com/profile_images/890299009381916672/CafdvvxN.jpg"
    },
    "post-type": "note",
    "_id": "11871023",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-05-25T22:03:43+00:00",
    "url": "https://twitter.com/cleverdevil/status/1265040880366432256",
    "content": {
        "text": "Pork shoulder is resting. Lacey is making deviled eggs. I\u2019m drinking a blended cocktail and watching Good Eats on TV.\n\nI\u2019ve needed this break."
    },
    "author": {
        "type": "card",
        "name": "Jonathan LaCour",
        "url": "https://twitter.com/cleverdevil",
        "photo": "https://pbs.twimg.com/profile_images/744804831064317952/W-gMo7AO.jpg"
    },
    "post-type": "note",
    "_id": "11870681",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-05-25T21:07:24+00:00",
    "url": "https://twitter.com/cleverdevil/status/1265026707125305344",
    "content": {
        "text": "Meat\u2019s ready! Also, I just remembered that I had set up a home automation to play Journey\u2019s \u201cAny Way You Want It\u201d on the HomePod when the meat reaches target temperature. \ud83e\udd23\ud83c\udfb8\ud83e\udd73\u2b50\ufe0f"
    },
    "author": {
        "type": "card",
        "name": "Jonathan LaCour",
        "url": "https://twitter.com/cleverdevil",
        "photo": "https://pbs.twimg.com/profile_images/744804831064317952/W-gMo7AO.jpg"
    },
    "post-type": "note",
    "_id": "11869660",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-05-25T20:42:35+00:00",
    "url": "https://twitter.com/cleverdevil/status/1265020458946232322",
    "content": {
        "text": "I admit it, I am getting impatient and wrapped the currently cooking pork shoulder in foil to power through the stall. That said, in my experience, capturing that moisture and encouraging it to reabsorb into the meat is wise anyway. #TheCrutch \ud83d\udc37\ud83d\udd25",
        "html": "I admit it, I am getting impatient and wrapped the currently cooking pork shoulder in foil to power through the stall. That said, in my experience, capturing that moisture and encouraging it to reabsorb into the meat is wise anyway. <a href=\"https://twitter.com/search?q=%23TheCrutch\">#TheCrutch</a> \ud83d\udc37\ud83d\udd25"
    },
    "author": {
        "type": "card",
        "name": "Jonathan LaCour",
        "url": "https://twitter.com/cleverdevil",
        "photo": "https://pbs.twimg.com/profile_images/744804831064317952/W-gMo7AO.jpg"
    },
    "post-type": "note",
    "_id": "11869082",
    "_source": "2773"
}

Moving From File Repository to Narrative Journey

{
    "type": "entry",
    "author": {
        "name": "Cathie",
        "url": "https://cathieleblanc.com/",
        "photo": null
    },
    "url": "https://cathieleblanc.com/2020/05/25/moving-from-file-repository-to-narrative-journey/",
    "published": "2020-05-25T16:16:25-04:00",
    "content": {
        "html": "<p>On May 18, 2020, <a href=\"https://journals.sfu.ca/jalt/index.php/jalt\"><strong>The Journal of Applied Learning and Teaching</strong></a> published a timely article that I am finding helpful as I begin my thinking about teaching <em>Tackling a WIcked Problem</em> (TWP) online this Fall: \u201c<a href=\"https://journals.sfu.ca/jalt/index.php/jalt/article/view/215/191\">Introducing the Tri-layered Student Online Experience Framework: Moving from file repository to narrative journey</a>,\u201d by Eager, Lehman, and Scollard. I\u2019m writing this summary of the article to deepen my understanding of the ideas presented.</p>\n<p>The thing that jumped out at me immediately on discovering this article was the subtitle: moving from file repository to narrative journey. This is related to something I said in my <a href=\"https://cathieleblanc.com/2020/05/24/tackling-a-wicked-problem-online/\">previous post</a>: \u201cI need to think about the tools I use for the class not just as places where I put stuff for the students to consume. Instead, these tools represent sites of activity, sites for community building.\u201d Another way I could have said this is that I need to think about the tools for the class as more than just a repository of files. Instead, I need to think about the journey that students will take through the class using these tools.</p>\n<p>Eager, Lehman, and Scollard start with a literature review through which they postulate that students view the online educational materials of a class as a \u201cvalue-added investment in exchange for their time.\u201d In other words, students ask themselves \u201cWhy should I engage with this online material?\u201d The literature review tells us that students will engage with course materials when the content is relevant (meaning that it is interesting and the student can see how the content will help them achieve the goals of the class), the content is aligned with their aspirations (which may include aspirations that are outside of the immediate academic experience), and the content is easy to find (meaning that the cognitive load required for understanding which content should be accessed when has been minimized). These feel like common sense findings to me but I am sure I haven\u2019t given enough attention to them in the past. Luckily, this article provides a framework for how to think about these issues.</p>\n<p>The Tri-layered Student Online Experience Framework (TSOEF) helps us to design online courses so that students understand why they should be engaging with the online content and what they will gain by doing so. Not surprisingly, TSOEF has 3 layers of design: course level (the authors, being Australian, call this unit level), module level, and assessment level.</p>\n<p>The course level design provides the student with signposts about moving through the course, module by module. The signposts explain the details of each module in the course. In particular, each module has a welcome message that introduces the materials of the module and lays out engagement expectations for the module, an explanation about how engaging with the module helps students meet the course learning objectives, the required educational materials (which are organized as specified below in the module level design), optional educational materials, a discussion board of some sort where students can ask questions, discuss content, and so on, a progress tracker to help students monitor their progress through the course, and a module summary that details what the students should have accomplished by the end of the module. Each of these signposts helps students navigate their journey through the course.</p>\n<p>Each module is comprised of a consistent set of components: the required educational materials, each of which has a justification of how the material (reading, video, etc.) will help the student progress in the course, an explanation of how engaging with the material will help the student achieve the learning objectives of the course, and additional educational materials for students who might want a deeper dive with an explanation of what the material (reading, video, etc.) contains.</p>\n<p>The authors go on to say that they designed the assessment level of the framework with a recognition that many students engage with course content for the sole purpose of completing the assessments. Therefore, they suggest that all required learning materials have an explanation of how engaging with them will help students complete an assessment. They also suggest that students be provided with prompting questions for students to think about when engaging with each of the required learning materials.</p>\n<p>The authors used this framework in a junior level Business course. The end of semester course evaluations showed that student satisfaction increased by ~30% to 99.2% for face-to-face students (i.e. flipped learning environment) and increased ~40% to 90.9% for the online cohort (fully asynchronous delivery, with no face-to-face classes). The authors are careful to note that they did not eliminate other variables in this preliminary analysis and so they don\u2019t want to claim a causal relationship. But the framework shows some promise for improving student satisfaction.</p>\n<p>I really like that this framework prompts us to think of our online classes in terms of narratives, the story we want to tell students about the course and their engagement with the content. I also like that the authors propose that we give instructors freedom in their course design but that this framework can help students find consistency among the online classes that they might be taking. I plan to use this framework as I begin to develop the modules for TWP. The thing I am struggling with at the moment, however, is how I can \u201cmodularize\u201d the course in a consistent manner while also maintaining the flexibility that will allow students to participate in at least parts of the course design. I have some ideas beginning to perculate.</p>\n\n<p>Image Credit: <a href=\"https://www.flickr.com/photos/81685076@N00/3890003295\">\u201cOne of these blocks is not like the others.\u201d</a> by <a href=\"https://www.flickr.com/photos/81685076@N00\">aplumb</a> is licensed under <a href=\"https://ccsearch.creativecommons.org/photos/null?ref=ccsearch&amp;atype=rich\">CC BY-NC-SA 2.0</a></p>",
        "text": "On May 18, 2020, The Journal of Applied Learning and Teaching published a timely article that I am finding helpful as I begin my thinking about teaching Tackling a WIcked Problem (TWP) online this Fall: \u201cIntroducing the Tri-layered Student Online Experience Framework: Moving from file repository to narrative journey,\u201d by Eager, Lehman, and Scollard. I\u2019m writing this summary of the article to deepen my understanding of the ideas presented.\nThe thing that jumped out at me immediately on discovering this article was the subtitle: moving from file repository to narrative journey. This is related to something I said in my previous post: \u201cI need to think about the tools I use for the class not just as places where I put stuff for the students to consume. Instead, these tools represent sites of activity, sites for community building.\u201d Another way I could have said this is that I need to think about the tools for the class as more than just a repository of files. Instead, I need to think about the journey that students will take through the class using these tools.\nEager, Lehman, and Scollard start with a literature review through which they postulate that students view the online educational materials of a class as a \u201cvalue-added investment in exchange for their time.\u201d In other words, students ask themselves \u201cWhy should I engage with this online material?\u201d The literature review tells us that students will engage with course materials when the content is relevant (meaning that it is interesting and the student can see how the content will help them achieve the goals of the class), the content is aligned with their aspirations (which may include aspirations that are outside of the immediate academic experience), and the content is easy to find (meaning that the cognitive load required for understanding which content should be accessed when has been minimized). These feel like common sense findings to me but I am sure I haven\u2019t given enough attention to them in the past. Luckily, this article provides a framework for how to think about these issues.\nThe Tri-layered Student Online Experience Framework (TSOEF) helps us to design online courses so that students understand why they should be engaging with the online content and what they will gain by doing so. Not surprisingly, TSOEF has 3 layers of design: course level (the authors, being Australian, call this unit level), module level, and assessment level.\nThe course level design provides the student with signposts about moving through the course, module by module. The signposts explain the details of each module in the course. In particular, each module has a welcome message that introduces the materials of the module and lays out engagement expectations for the module, an explanation about how engaging with the module helps students meet the course learning objectives, the required educational materials (which are organized as specified below in the module level design), optional educational materials, a discussion board of some sort where students can ask questions, discuss content, and so on, a progress tracker to help students monitor their progress through the course, and a module summary that details what the students should have accomplished by the end of the module. Each of these signposts helps students navigate their journey through the course.\nEach module is comprised of a consistent set of components: the required educational materials, each of which has a justification of how the material (reading, video, etc.) will help the student progress in the course, an explanation of how engaging with the material will help the student achieve the learning objectives of the course, and additional educational materials for students who might want a deeper dive with an explanation of what the material (reading, video, etc.) contains.\nThe authors go on to say that they designed the assessment level of the framework with a recognition that many students engage with course content for the sole purpose of completing the assessments. Therefore, they suggest that all required learning materials have an explanation of how engaging with them will help students complete an assessment. They also suggest that students be provided with prompting questions for students to think about when engaging with each of the required learning materials.\nThe authors used this framework in a junior level Business course. The end of semester course evaluations showed that student satisfaction increased by ~30% to 99.2% for face-to-face students (i.e. flipped learning environment) and increased ~40% to 90.9% for the online cohort (fully asynchronous delivery, with no face-to-face classes). The authors are careful to note that they did not eliminate other variables in this preliminary analysis and so they don\u2019t want to claim a causal relationship. But the framework shows some promise for improving student satisfaction.\nI really like that this framework prompts us to think of our online classes in terms of narratives, the story we want to tell students about the course and their engagement with the content. I also like that the authors propose that we give instructors freedom in their course design but that this framework can help students find consistency among the online classes that they might be taking. I plan to use this framework as I begin to develop the modules for TWP. The thing I am struggling with at the moment, however, is how I can \u201cmodularize\u201d the course in a consistent manner while also maintaining the flexibility that will allow students to participate in at least parts of the course design. I have some ideas beginning to perculate.\n\nImage Credit: \u201cOne of these blocks is not like the others.\u201d by aplumb is licensed under CC BY-NC-SA 2.0"
    },
    "name": "Moving From File Repository to Narrative Journey",
    "post-type": "article",
    "_id": "11868946",
    "_source": "2782"
}

{
    "type": "entry",
    "published": "2020-05-25T20:04:00+00:00",
    "url": "https://twitter.com/karabaic/status/1265010750310854662",
    "video": [
        "https://video.twimg.com/ext_tw_video/1265010722536173569/pu/vid/1280x592/dJ9Y1RbRkP_BS0nB.mp4?tag=10"
    ],
    "content": {
        "text": "Can someone please tell me why future Madonna travelled back to 1955 for a cameo in A Kiss Before Dying?\n\nThat is the only explanation I have for the transparent blouse and very visible bra in this woman of a certain age."
    },
    "author": {
        "type": "card",
        "name": "jk",
        "url": "https://twitter.com/karabaic",
        "photo": "https://pbs.twimg.com/profile_images/1256785873384861696/QfRzUvne.jpg"
    },
    "post-type": "video",
    "_id": "11868218",
    "_source": "2773"
}

A hole in browser Autofill support

{
    "type": "entry",
    "published": "2020-05-25T15:21:58-0400",
    "url": "https://martymcgui.re/2020/05/25/a-hole-in-browser-autofill-support/",
    "category": [
        "IndieWeb",
        "webdev",
        "forms",
        "autocomplete",
        "autofill"
    ],
    "name": "A hole in browser Autofill support",
    "content": {
        "text": "If you've ever seen your browser automatically fill in your shipping address, or seen your iPhone offer to scan a credit card on an e-commerce site, you're seeing Autofill in action.\nAutofill has been part of the WHATWG HTML Standard for some years now. This 2016 write-up by Jason Grigsby gives a pretty good sense of what can be done with it.\nThe spec describes ways that an HTML <input> element can use the \"autocomplete\" attribute to hint to the browser that it should offer to fill it with specific Autofill data, if the browser has it and if Autofill is enabled. There's a long list of values related to names, addresses, phone numbers, dates, and more. Additionally, since users might have more than one of a thing, these can be scoped with values like \"home\", \"work\", etc. It's possible to further group addresses by \"shipping\" and \"billing\", and even to group larger chunks of forms by named sections.\n\n  An example might look like:\n\n\n<input name=\"home-street-address\" autocomplete=\"shipping home street-address\">\n\n\nAn IndieWeb use-case for Autofill\nWeb sign-in is a very IndieWeb concept where you sign into websites using your personal web address, rather than an email address or username.\nThe sign-in form for webmention.io asks you to sign in using a URL.\n  As with any repetitive tasks, typing my site\u2019s URL into these login forms gets annoying. My main browser (Firefox) is pretty smart. Autocomplete kicks in after I type a few characters from my URL and it will offer to fill in URLs that I\u2019ve typed before. However, since most URLs start with \u201chttps://\u201c, autocomplete suggestions aren\u2019t very useful until I\u2019ve typed out 9 or more characters (or if I start typing from somewhere in the middle).\n\n\n  Helpfully, \u201curl\u201d is one of the many attributes in the WHATWG Autofill spec! It\u2019s described like so:\n\n\n  Home page or other Web page corresponding to the company, person, address, or contact information in the other fields associated with this field\n\nIn theory, it should be possible for sites with Web Sign-in to improve this process with the help of the browser and Autofill. For example:\n\n<input name=\"url\" type=\"url\" autocomplete=\"url\">\n\n\nOr more specifically, use your \"home\" (personal) URL:\n\n<input name=\"url\" type=\"url\" autocomplete=\"home url\">\n\n\n\n  It's my thinking that, with this in place, a browser should automatically suggest my URL without me typing anything at all!\n\n\n  A URL-shaped hole in Autofill\n\nI tried this out by setting up url autocomplete suggestions on two different apps with Web Sign-in. (Specifically, my personal instance of Aperture, and the IndieWeb webring).\nI then tried signing in and out several times to both sites, using the same URL each time. Browsers tested include Firefox, Chromium, and iOS Safari, all with Autofill enabled.\n\n  I am sad to report that none of the tested browsers attempted to automatically fill in the URL value. The extra autocomplete attribute didn't break the default autocompletion, but I still see it suggest every URL it knows about rather than learning one.\n\nI have had trouble finding documentation on how specific browsers implement Autofill. One note in Jason's 2016 article suggests that browsers may need multiple \"hints\" before it will decide that a particular input is part of a group which should be auto-filled.\nAnother hint comes from Chromium's settings for managing Autofill data. This is what the form looks like for adding a new address:\nChromium address dialog with fields for name, street address, and more. There is no field for URL.\n  Notice a field that isn't there?",
        "html": "<p>If you've ever seen your browser automatically fill in your shipping address, or seen your iPhone offer to scan a credit card on an e-commerce site, you're seeing Autofill in action.</p>\n<p><a href=\"https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\">Autofill has been part of the WHATWG HTML Standard</a> for some years now. <a href=\"https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/\">This 2016 write-up by Jason Grigsby</a> gives a pretty good sense of what can be done with it.</p>\n<p>The spec describes ways that an HTML &lt;input&gt; element can use the \"autocomplete\" attribute to hint to the browser that it should offer to fill it with specific Autofill data, if the browser has it and if Autofill is enabled. There's a <a href=\"https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete-name\">long list of values related to names, addresses, phone numbers, dates, and more</a>. Additionally, since users might have more than one of a thing, these can be <a href=\"https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete-home\">scoped with values like \"home\", \"work\", etc</a>. It's possible to further group addresses by \"shipping\" and \"billing\", and even to group larger chunks of forms by named sections.</p>\n<p>\n  An example might look like:\n</p>\n\n<pre><code>&lt;input name=\"home-street-address\" autocomplete=\"shipping home street-address\"&gt;\n</code></pre>\n\n<p></p><h2>An IndieWeb use-case for Autofill</h2>\n<p><a href=\"https://indieweb.org/Web_sign-in\">Web sign-in</a> is a very <a href=\"https://indieweb.org/\">IndieWeb</a> concept where you sign into websites using your personal web address, rather than an email address or username.</p>\n<img src=\"https://media.martymcgui.re/ad/9e/2e/de/d420bc668f1b6467b0df88d59e438c294e35dd822a287c18b8b25de9.png\" alt=\"\" />The sign-in form for webmention.io asks you to sign in using a URL.<p>\n  As with any repetitive tasks, typing my site\u2019s URL into these login forms gets <i>annoying</i>. My main browser (Firefox) is pretty smart. Autocomplete kicks in after I type a few characters from my URL and it will offer to fill in URLs that I\u2019ve typed before. However, since most URLs start with \u201chttps://\u201c, autocomplete suggestions aren\u2019t very useful until I\u2019ve typed out 9 or more characters (or if I start typing from somewhere in the middle).\n</p>\n<p>\n  Helpfully, <a href=\"https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete-url\">\u201curl\u201d is one of the many attributes in the WHATWG Autofill spec</a>! It\u2019s described like so:\n</p>\n<blockquote>\n  Home page or other Web page corresponding to the company, person, address, or contact information in the other fields associated with this field\n</blockquote>\n<p>In theory, it should be possible for sites with Web Sign-in to improve this process with the help of the browser and Autofill. For example:</p>\n\n<pre><code>&lt;input name=\"url\" type=\"url\" autocomplete=\"url\"&gt;\n</code></pre>\n\n<p>Or more specifically, use your \"home\" (personal) URL:</p>\n\n<pre><code>&lt;input name=\"url\" type=\"url\" autocomplete=\"home url\"&gt;\n</code></pre>\n\n<p>\n  It's my thinking that, with this in place, a browser <i>should</i> automatically suggest my URL without me typing anything at all!\n</p>\n<h2>\n  A URL-shaped hole in Autofill\n</h2>\n<p>I tried this out by setting up url autocomplete suggestions on two different apps with Web Sign-in. (Specifically, my personal instance of <a href=\"https://indieweb.org/Aperture\">Aperture</a>, and the <a href=\"https://xn--sr8hvo.ws/\">IndieWeb webring</a>).</p>\n<p>I then tried signing in and out several times to both sites, using the same URL each time. Browsers tested include Firefox, Chromium, and iOS Safari, all with Autofill enabled.</p>\n<p>\n  I am sad to report that <em>none of the tested browsers attempted to automatically fill in the URL value</em>. The extra autocomplete attribute didn't <em>break</em> the default autocompletion, but I still see it suggest every URL it knows about rather than learning one.\n</p>\n<p>I have had trouble finding documentation on how specific browsers implement Autofill. One note in <a href=\"https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/\">Jason's 2016 article</a> suggests that browsers may need multiple \"hints\" before it will decide that a particular input is part of a group which should be auto-filled.</p>\n<p>Another hint comes from Chromium's settings for managing Autofill data. This is what the form looks like for adding a new address:</p>\n<img src=\"https://media.martymcgui.re/bb/14/1e/63/3fed51cf5416979e149256b8dce4e709807a1c1bcb5f547d74d9c313.png\" alt=\"\" />Chromium address dialog with fields for name, street address, and more. There is no field for URL.<p>\n  Notice a field that <i>isn't</i> there?\n</p>"
    },
    "author": {
        "type": "card",
        "name": "Marty McGuire",
        "url": "https://martymcgui.re/",
        "photo": "https://martymcgui.re/images/logo.jpg"
    },
    "post-type": "article",
    "_id": "11867935",
    "_source": "175"
}

{
    "type": "entry",
    "published": "2020-05-25T19:02:30+00:00",
    "url": "https://twitter.com/karabaic/status/1264995275073941504",
    "content": {
        "text": "Getting a head start on next week\u2019s #NoirAlley with A Kiss Before Dying. Weird to see Capt Pike smoking a pipe.",
        "html": "Getting a head start on next week\u2019s <a href=\"https://twitter.com/search?q=%23NoirAlley\">#NoirAlley</a> with A Kiss Before Dying. Weird to see Capt Pike smoking a pipe."
    },
    "author": {
        "type": "card",
        "name": "jk",
        "url": "https://twitter.com/karabaic",
        "photo": "https://pbs.twimg.com/profile_images/1256785873384861696/QfRzUvne.jpg"
    },
    "post-type": "note",
    "_id": "11866905",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-05-25T18:43:46+00:00",
    "url": "https://twitter.com/karabaic/status/1264990557836697600",
    "content": {
        "text": "Reposting this great article on spreading coronavirus infection \n\nThe Risks - Know Them - Avoid Them erinbromage.com/post/the-risks\u2026",
        "html": "Reposting this great article on spreading coronavirus infection \n\nThe Risks - Know Them - Avoid Them <a href=\"https://www.erinbromage.com/post/the-risks-know-them-avoid-them\">erinbromage.com/post/the-risks\u2026</a>"
    },
    "author": {
        "type": "card",
        "name": "jk",
        "url": "https://twitter.com/karabaic",
        "photo": "https://pbs.twimg.com/profile_images/1256785873384861696/QfRzUvne.jpg"
    },
    "post-type": "note",
    "_id": "11866581",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-05-25T11:42:00.00000-07:00",
    "url": "https://v2.jacky.wtf/post/47299eb3-85bf-402e-b4b5-88a7e2a059ec",
    "content": {
        "text": "Starting my Shera watchathon today!",
        "html": "<p>Starting my Shera watchathon today!</p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "11866396",
    "_source": "1886"
}

{
    "type": "entry",
    "published": "2020-05-25T13:42:29-0400",
    "url": "https://martymcgui.re/2020/05/25/134229/",
    "content": {
        "text": "On Saturday my partner put on Broken Arrow (\u201cWhy?\u201d \u201cIt\u2019s on HBO Now and I don\u2019t remember how it\u2019s different from Face/Off\u201d).\n\nMe, around 15 minutes in: Oh yeah the park ranger! Gosh she is so familiar.\n\nMe, around 40 minutes in: Argh, who is she, this is going to drive me crazy.\n\nMe, around an hour in: OH. SHE\u2019S PRINCESS DAISY FROM THE SUPER MARIO BROTHERS MOVIE.\n\nLater, watching Super Mario Bros. (film).\n\nMe: I don\u2019t know why they added a personal-assistant-slash-love-interest for Koopa.\n\nPartner: She\u2019s my favorite so far.\n\nMe: What? Why?\n\nPartner: She\u2019s in Killing Eve!\n\nMe: \ud83d\ude2f\n\nIf you\u2019d like to follow this thread yourself, some kind soul has uploaded the otherwise-apparently-unavailable-on-streaming-services SMB film to Vimeo.",
        "html": "<p>On Saturday my partner put on <em>Broken Arrow</em> (\u201cWhy?\u201d \u201cIt\u2019s on HBO Now and I don\u2019t remember how it\u2019s different from <em>Face/Off</em>\u201d).</p>\n\n<p>Me, around 15 minutes in: Oh yeah the park ranger! Gosh she is so familiar.<br />\nMe, around 40 minutes in: Argh, who <em>is</em> she, this is going to drive me crazy.<br />\nMe, around an hour in: OH. SHE\u2019S PRINCESS DAISY FROM THE SUPER MARIO BROTHERS MOVIE.</p>\n\n<p>Later, watching Super Mario Bros. (film).</p>\n\n<p>Me: I don\u2019t know why they added a personal-assistant-slash-love-interest for Koopa.<br />\nPartner: She\u2019s my favorite so far.<br />\nMe: What? Why?<br />\nPartner: She\u2019s in <em>Killing Eve</em>!<br />\nMe: \ud83d\ude2f</p>\n\n<p>If you\u2019d like to follow this thread yourself, some kind soul has uploaded the otherwise-apparently-unavailable-on-streaming-services SMB film to Vimeo.</p>"
    },
    "author": {
        "type": "card",
        "name": "Marty McGuire",
        "url": "https://martymcgui.re/",
        "photo": "https://martymcgui.re/images/logo.jpg"
    },
    "post-type": "note",
    "_id": "11865506",
    "_source": "175"
}

{
    "type": "entry",
    "published": "2020-05-25T10:53:23.58099-07:00",
    "url": "https://v2.jacky.wtf/post/90dd4f16-81d6-40b8-aca4-9db2a7bd0f4b",
    "content": {
        "text": "There\u2019s 2,000 things I want to work on but I don\u2019t have the time, energy and money for it. I\u2019ve tried, lol.",
        "html": "<p>There\u2019s 2,000 things I want to work on but I don\u2019t have the time, energy and money for it. I\u2019ve tried, lol.</p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "11865505",
    "_source": "1886"
}

{
    "type": "entry",
    "published": "2020-05-25T10:28:23.13142-07:00",
    "url": "https://v2.jacky.wtf/post/4f89e0a7-1005-4448-ade3-82c9122d4263",
    "content": {
        "text": "(laughs in Konsole and GNOME Terminal or even tmux) https://twitter.com/leonte_dev/status/1264140864751878144",
        "html": "<p>(laughs in Konsole and GNOME Terminal or even tmux) <a href=\"https://twitter.com/leonte_dev/status/1264140864751878144\">https://twitter.com/leonte_dev/status/1264140864751878144</a></p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "11864943",
    "_source": "1886"
}

{
    "type": "entry",
    "published": "2020-05-25T10:21:55.36477-07:00",
    "url": "https://v2.jacky.wtf/post/a1734540-d680-40fa-8b2f-7d06f8784ea6",
    "content": {
        "text": "ngl I gotta remember that the NYC I know is not the canonical NYC but I also know for a FACT that it\u2019s the most important one fackkk whatchu HEARD BOI",
        "html": "<p>ngl I gotta remember that the NYC I know is not the canonical NYC but I also know for a FACT that it\u2019s the most important one fackkk whatchu HEARD BOI</p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "11864822",
    "_source": "1886"
}