62°F

Aaron Parecki

  • Articles
  • Notes
  • Photos

Articles

2016-12-30 Day 10: HTML status pages for webmention.io #100DaysOfIndieWeb
2016-12-29 Day 9: Webmention form #100DaysOfIndieWeb
2016-12-28 Day 8: Pinned Posts #100DaysOfIndieWeb
2016-12-27 Day 7: Nicer sparklines for tag pages
2016-12-26 Day 6: Polling tiers for OwnYourGram #100DaysOfIndieWeb
2016-12-25 Day 5: Posting old photos from OwnYourGram #100DaysOfIndieWeb
2016-12-24 Day 4: Quill note UI improvements #100DaysOfIndieWeb
2016-12-23 Day 3: Resized avatars for comments and other reactions #100DaysOfIndieWeb
2016-12-22 100 Days of IndieWeb
2016-12-22 Day 2: Handling URLs with Fragment IDs #100DaysOfIndieWeb
2016-12-21 Day 1: Automatic Syndication for OwnYourGram #100DaysOfIndieWeb
2016-12-17 Why Microformats? Owning My Reviews
2016-12-12 A Brief Intro to My Website Architecture
2016-11-19 Creating a Self-Hosted Alternative to Facebook Live using Nginx and Micropub
2016-11-02 Automatically uploading screenshots to a Micropub Media Endpoint
2016-10-14 Brainstorming "verified" IndieWeb checkins
2016-10-08 Multi-Camera Portable Live Video Rig
2016-09-30 First draft of Private Webmention sending
2016-08-23 Micropub CR
2016-08-13 Centered and Cropped Thumbnails with CSS
← older
  • Day 10: HTML status pages for webmention.io #100DaysOfIndieWeb

    Yesterday I added a Webmention form at the bottom of my posts. If you used this form, it would show you a "check status" link after accepting the Webmention request. My Webmentions are all handled by webmention.io, and its status URLs return a JSON response. This isn't particularly friendly when someone views one of these URLs in a browser, since they just see a raw JSON blob.Today I updated webmention.io to return all responses in HTML if they're made from a browser. It checks to see if there is text/html in the Accept header, and returns HTML if so, otherwise returns JSON as normal. Now when you view one of these status links, you'll see something like this.
    continue reading...
    3 mentions
    Fri, Dec 30, 2016 1:21pm -08:00 #100daysofindieweb #indieweb #webmention
  • Day 9: Webmention form #100DaysOfIndieWeb

    I finally brought back the Webmention form on my website! At the bottom of my posts, you'll see a Webmention form now!
    continue reading...
    1 like 1 reply 4 mentions
    Thu, Dec 29, 2016 9:27am -08:00 #100daysofindieweb #indieweb #webmention
  • Day 8: Pinned Posts #100DaysOfIndieWeb

    I've never really been a fan of using pinned posts on my Twitter profile, so I didn't expect this would be something I wanted on my own website. On my own home page I can just write whatever I want above my posts, so I don't really need "pinned posts" there either. However I just found a use for pinned posts, but not on my home page!I've been sharing the link to my 100 days tags with people as a way to share the content quickly. I wanted to be able to have a little intro post above the list of posts, and I realized that "pinned posts" matched the pattern of what I wanted pretty nicely! So now, on tag and channel pages on my site, I can mark a post as "pinned" and it will always show up on top! The first post I've pinned is on my #100DaysOfIndieWeb tag page.
    continue reading...
    4 mentions
    Wed, Dec 28, 2016 9:06am -08:00 #pinned #100daysofindieweb #p3k #indieweb
  • Day 7: Nicer sparklines for tag pages

    A while ago, inspired by @adactio, I had added sparklines to my home page and tag pages. After having them for a while, I realized that my tag pages would look better as sparkline bar charts instead of as a plain line.The lines looked fine for tags that had a lot of data, but didn't look good when there were only a few data points.
    continue reading...
    5 mentions
    Tue, Dec 27, 2016 2:37pm -08:00 #indieweb #100daysofindieweb
  • Day 6: Polling tiers for OwnYourGram #100DaysOfIndieWeb

    Previously, OwnYourGram would check all users' Instagram feeds once an hour. I changed it to have four polling tiers, and the interval for the top tier is every 15 minutes now. This means people who post lots of photos will now see their photos on their site sooner, and because of the tiered approach, I won't be wasting resources on feeds that post infrequently.The four tiers are:Every 15 minutes (on the 0, 15, 30 and 45 minute mark) - 11 usersEvery hour (5 minutes after the hour) - 12 usersEvery 6 hours (at 00:10, 06:10, 12:10, 18:10 UTC) - 11 usersOnce a day (at 01:10 UTC) - 38 usersUsers are sorted into tiers based on the number of photos posted in the last 14 days. The more you post, the more often OwnYourGram checks your feed! If your Micropub endpoint returns an error, then you're bumped down a tier. If you're at the lowest tier and there's an error, then polling will be disabled completely until you log back in.Thanks to snarfed for suggesting the tiered approach!
    continue reading...
    2 mentions
    Mon, Dec 26, 2016 10:36am -08:00 #ownyourgram #100daysofindieweb #indieweb
  • Day 5: Posting old photos from OwnYourGram #100DaysOfIndieWeb

    I finished two updates to OwnYourGram today.There is a new page when you log in where you can see a list of your 20 most recent photos on Instagram, check whether they've been posted to your website already, and re-post any if you need to!
    continue reading...
    2 mentions
    Sun, Dec 25, 2016 10:24am -08:00 #100daysofindieweb #indieweb #ownyourgram
  • Day 4: Quill note UI improvements #100DaysOfIndieWeb

    Knocked out a couple of minor UI improvements to Quill this morning. Previously, the reply context field would show the whole note, so super long notes or blog posts would take over the whole screen. (Issue 62)
    continue reading...
    1 like 3 mentions
    Sat, Dec 24, 2016 9:52am -08:00 #100daysofindieweb #indieweb #quill
  • Day 3: Resized avatars for comments and other reactions #100DaysOfIndieWeb

    Whenever my website receives a comment, like, repost, or other mention, I display those responses on the post's permalink, along with author information if available. For likes and reposts, I show the profile photo in a list, so there are sometimes lots of photos there.
    continue reading...
    3 mentions
    Fri, Dec 23, 2016 12:41pm -08:00 #100daysofindieweb #100days #indieweb #webmention
  • 100 Days of IndieWeb

    Inspired by the "100 Day Project", I'm setting out on a goal to accomplish 100 days of visible improvements to my IndieWeb projects. The challenge is to ship something visible and post about it for 100 days. Some of the improvements may be super tiny, some of them might be big. The only requirements are that it is an improvement to something I use myself, and it must also have a publicly visible result. This means an improvement to a closed source tool that only I use doesn't count, but if it's an improvement to something like Quill, which others can use, then that counts.The other part of the challenge is to make a post illustrating each improvement with a screenshot or short video. I am posting them with the "#100DaysOfIndieWeb" tag on my website so they all appear there!If you're interested in joining the challenge, it's never too late to start! Read more on the IndieWeb wiki, and add yourself there!
    continue reading...
    2 likes 2 mentions
    Thu, Dec 22, 2016 9:25am -08:00 #100daysofindieweb #100days #indieweb
  • Day 2: Handling URLs with Fragment IDs #100DaysOfIndieWeb

    Earlier this year when I launched XRay, I connected Loqi the IRC bot to it so that we would get inline IRC text previews when people linked to web pages in IRC. XRay works by finding an h-entry on the page, and getting the content and author information from it. Here's what it normally looks like in IRC.
    continue reading...
    2 likes 1 mention
    Thu, Dec 22, 2016 8:47am -08:00 #100daysofindieweb #indieweb #xray #quill #microformats
  • Day 1: Automatic Syndication for OwnYourGram #100DaysOfIndieWeb

    Since I am also doing #100DaysOfMusic, and posting those songs as video clips on Instagram, I wanted a way to automatically push them to Facebook as well.
    continue reading...
    1 reply 1 mention
    Wed, Dec 21, 2016 5:32pm -08:00 #100daysofindieweb #100days #ownyourgram #indieweb
  • Why Microformats? Owning My Reviews

    Back in October, I wrote a bunch of short mini-reviews on products and services that I use regularly. I published them all on a single page called "Favorite Things". In the past, I've written a couple of reviews on Amazon and then copied them to my website as a blog post.I decided it was time to be able to publish proper reviews from my own website, including having them show up in Google with the little stars, what Google now calls "Rich Snippets."Searching for Google's documentation on how to mark up a web page to show the Rich Snippet reveals an interesting pattern. Currently, their documentation provides three recommended markup styles: Microdata, RDFa, and JSON-LD. All three use the Schema.org vocabulary.
    continue reading...
    3 likes 3 reposts 1 bookmark 12 replies 6 mentions
    Sat, Dec 17, 2016 11:16am -08:00 #microformats #google #reviews #schemaorg #microdata #longevity
  • A Brief Intro to My Website Architecture

    This is a description of all the pieces and tools that I use to post to my website and handle comments and responses. Many of the pieces are open source and/or based on open protocols that you can implement yourself.WritingI write posts using an app called Quill. It's an open source application that I wrote. I run a hosted version at quill.p3k.io, and you can run it on your own server if you want as well. Quill provides an interface for posting longer blog posts with embedded images like this, as well as short text notes, and a handful of other kinds of posts like bookmarks.Quill doesn't actually store any posts itself. It is just an interface for writing posts.When I click the "post" button in Quill, it sends a Micropub request to my own website, which then creates the post and displays it on my website. Micropub is an API standard for creating short notes and posts, and it supports photos and videos too!You can start using Quill if your website supports Micropub. There are some Micropub plugins for various CMSs, and it's also not too hard to write an endpoint yourself if you're into that sort of thing.Posting to Twitter/FacebookI never write posts directly on Twitter or Facebook. Instead, I write a post in Quill, and then check the boxes for where I want to syndicate the post. 
    continue reading...
    2 likes 1 mention
    Mon, Dec 12, 2016 1:24pm -08:00 #indieweb #webmention #micropub #bridgy #architecture
  • Creating a Self-Hosted Alternative to Facebook Live using Nginx and Micropub

    Facebook Live offers a seamless viewing experience for people to watch your livestream and then see an archived version after you're done broadcasting.
    continue reading...
    7 likes 7 reposts 3 replies 3 mentions
    Sat, Nov 19, 2016 6:19pm -05:00 #video #livestream #selfhosted #nginx #micropub #indieweb
  • Automatically uploading screenshots to a Micropub Media Endpoint

    I often want to share screenshots in text chat from my computer, and I don't like sharing Dropbox links since they load a huge HTML+JS app just to show an image.Since I already have a Micropub Media Endpoint that apps like Quill use to upload photos, I thought that would be a good place to also share screenshots from. The Media Endpoint is a simple HTTP API. It accepts a file upload, and returns the URL to the file in the Location header.OSX has what's called "Folder Actions" where the system will trigger a script to run any time a file is added to a folder. I created an Automator script that will upload the newly added file to the media endpoint, and copy the resulting URL onto the clipboard.
    continue reading...
    1 like 3 replies 3 mentions
    Wed, Nov 2, 2016 12:40pm -07:00 #screenshot #micropub #media-endpoint #indieweb
  • Brainstorming "verified" IndieWeb checkins

    Checkins can easily be faked. The Foursquare app does a reasonable job of preventing fake (and accidental fake) checkins, but it's still possible. If checkins weren't posted on Foursquare, but instead were posted on each person's own website, the possibility of fake checkins is much greater. What would it look like to have a way for a venue to know (and republish) checkins that it knows were real?
    continue reading...
    2 replies 1 mention
    Fri, Oct 14, 2016 6:31pm -07:00 #checkins #indieweb #foursquare
  • Multi-Camera Portable Live Video Rig

    Here's a walkthrough of my multi-camera live switching rig that I use to record conferences and events. I've spent a while finding small enough parts so that the entire setup can fit on my bike. I intentionally created this rig with dedicated components so that no computer is required for any part of this workflow.
    continue reading...
    3 likes 1 bookmark 6 replies 4 mentions
    Sat, Oct 8, 2016 7:40pm -07:00 #video #livestream
  • First draft of Private Webmention sending

    The thing I was most excited about at IndieWebCamp Brighton was coming up with a Private Webmention extension to Webmention. The version we outlined in Brighton was drastically simplified from previous iterations of potential ways to send private Webmentions.Nearly a week after speccing it out, I now have a first draft implementation of sending. My goal this week was to finish implementing sending private Webmentions, to get some real-world feedback on the spec.
    continue reading...
    8 likes 3 replies 2 mentions
    Fri, Sep 30, 2016 2:31pm -07:00 #webmention #indiewebcamp #indieweb #private #p3k
  • Micropub CR

    I'm excited to announce that Micropub is now a W3C Candidate Recommendation!
    continue reading...
    58 likes 7 reposts 4 replies 17 mentions
    Tue, Aug 23, 2016 10:00am -07:00 #w3c #socialwg #micropub #indieweb
  • Centered and Cropped Thumbnails with CSS

    When working on my photo album thumbnail navigation for this site, I wanted a way to show a square thumbnail of a photo, centered and cropped from the original version. I wanted this to work without pre-rendering a square version on the server, and without using background image tricks.
    continue reading...
    4 likes 3 reposts 1 reply 1 mention
    Sat, Aug 13, 2016 11:30am -07:00 #css #layout
older

Hi, I'm Aaron Parecki, Director of Identity Standards at Okta, and co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and participate in the OAuth Working Group at the IETF. I also help people learn about video production and livestreaming. (detailed bio)

I've been tracking my location since 2008 and I wrote 100 songs in 100 days. I've spoken at conferences around the world about owning your data, OAuth, quantified self, and explained why R is a vowel. Read more.

  • Director of Identity Standards at Okta
  • IndieWebCamp Founder
  • OAuth WG Editor
  • OpenID Board Member

  • 🎥 YouTube Tutorials and Reviews
  • 🏠 We're building a triplex!
  • ⭐️ Life Stack
  • ⚙️ Home Automation
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Trips
  • Videos
  • Contact
© 1999-2025 by Aaron Parecki. Powered by p3k. This site supports Webmention.
Except where otherwise noted, text content on this site is licensed under a Creative Commons Attribution 3.0 License.
IndieWebCamp Microformats Webmention W3C HTML5 Creative Commons
WeChat ID
aaronpk_tv