h-card

Recently, [@ttscoff](https://twitter

It's been a while coming, but I've finally managed to get around to migrating to 11ty and Cloudflare Pages. I go over the ups and downs of the migration proc...

Service Design, Enterprise Design, UI, UX, HTML, CSS and IndieWeb

A ProcessWire module to add webmention support.

A personal feed for Neocities, GitHub Pages, or anywhere else, built with Hugo. #IndieWeb friendly and all yours. It's better than Twitter. - victoriadrake/neofeed-theme

Using microformats to build a profile page

I've written about the IndieWeb in the past, but it can be little complicated and confusing to get started. In this post I'm going to take you through creating an IndieWeb profile.

h-card is the microformats2 vocabulary for marking up people, organizations, and venues on web sites, and supersedes hCard. Colloquially many will use the term "h-card" as a synonym for an online equivalent of a business card since it often contains identity information including name, address, photo, and related contact information.

I've been playing with h-cards and have incorporated the concept into this site

This is an enhancement or feature. Summary Add microformats to markup Context See #3017

Marking up relevant content with microformats and adding the ability to receive webmentions

當初選擇自架 blog，除了因為線上 blog 平台不能完美的滿足自己紀錄技術文的需求以外，希望可以自己能設計出自己喜歡風格的個人網站...

A small dive into one of my new favourite web technologies: webmentions. This post talks through how I use them to make my static website feel more alive and social.

Microformats are standards used to embed semantics and structured data in HTML, and provide an API to be used by social web applications, search engines, aggregators, and other tools. These minimal patterns of HTML are used for marking up entities that range from fundamental to domain-specific information, such as people, organizations, events, and locations.

madblog - A minimal, general-purpose Markdown-based CMS.

A minimal, general-purpose Markdown-based CMS.

One of the goals of the IndieWeb is to be independent from centralized platforms without losing contact to friends. Besides of the POSSE principle the IndieWeb communityuses Microformats2 to create structured data with HTML and Webmentions to communicate with other websites.

Let's learn how to implement Webmentions friendly markup, and get them onto your website made with Gatsby. Bonus: You'll also learn how to trigger new builds on Netlify whenever a mentoin happens.

world wide web benji-style

I want to share lists of links, but make them readable and archived

Disruptive Library Technology Jester Blog Posts

A lengthy guide to making simple, inclusive sites focused on content before form. Emphasizes brutalist design and accessibility to include under-represented users.

I did participate in the IndieWebCamp Nuremberg 2023 and made a few updates to my main site and my less polished blog.

Microformats are standards used to embed semantics and structured data in HTML, and provide an API to be used by social web applications, search engines, aggregators, and other tools. These minimal patterns of HTML are used for marking up entities that range from fundamental to domain-specific information, such as people, organizations, events, and locations.

h-card is the microformats2 vocabulary for marking up people, organizations, and venues on web sites, and supersedes hCard. Colloquially many will use the term "h-card" as a synonym for an online equivalent of a business card since it often contains identity information including name, address, photo, and related contact information.

A lengthy guide to making simple, inclusive sites focused on content before form. Emphasizes brutalist design and accessibility to include under-represented users.

Today, I updated this site to support IndieWeb’s h-card microformats.

A lengthy guide to making simple, inclusive sites focused on content before form. Emphasizes brutalist design and accessibility to include under-represented users.