Trending

#Microformats

Latest posts tagged with #Microformats on Bluesky

Latest Top
Trending

Posts tagged #Microformats

IndieWebify.Me - a guide to getting you on the IndieWeb

Publishing on the IndieWeb Level 2
1. Mark up your content with microformats2

#IndieWeb #microformats

indiewebify.me/validate-h-c...

1 1 0 0
Preview
Using Microformats with Bear Discussing implementation of microformats on my bearblog project.

Discussing implementation of microformats on my bearblog project.
#Article #Bearblog #IndieWeb #Microformats

Using Microformats with Bear - https://l.prry.uk/using-microformats-with-bear/

3 0 1 0
Preview
Introducing Cornerstone: A WordPress Theme for the IndieWeb I’ve released Cornerstone, my first WordPress theme, built for the IndieWeb community. After months of development and testing, it’s now available on GitHub under the GPL v2 licence. The name reflects a core IndieWeb principle: you own your digital home. Cornerstone is the foundational piece that helps you build that home whilst connecting with the open web. ## What Makes It IndieWeb? The theme passes all IndieWebify.me validation tests with proper microformats2 markup: * **Representative h-card** – Your identity is properly marked up with photo, name, URL, and bio * **h-entry markup** – Posts include proper author information and metadata * **Syndication links** – Cross-posting URLs display with u-syndication classes * **ActivityPub integration** – Fediverse likes and boosts appear directly on posts * **Webmentions** – Comments from across the web display in threaded conversations Screenshot ## ActivityPub Interactions One feature I’m particularly pleased with is how the theme displays Fediverse interactions. When someone likes or boosts your post from Mastodon, their avatar appears after your post content: ActivityPub Likes and Reposts The theme queries your WordPress database directly to show these interactions without relying on external APIs. Avatars link back to the person’s Fediverse profile. ## Built for Simplicity The design is intentionally minimal: * Mobile-first responsive layout * Single-column focus on content * Clean typography * Accessible navigation * Dark mode support (respects system preferences) ## Getting Started To use the theme: 1. Download from GitHub 2. Install the recommended IndieWeb plugins (ActivityPub, Webmentions, IndieAuth, Syndication Links) 3. Configure your author bio and social links 4. Start publishing The README includes detailed setup instructions. ## Why I Built This This project has been an itch I’ve wanted to scratch for several years, but I never made the time. After configuring my own site’s IndieWeb features years ago, I realised the paid themes I used didn’t properly support IndieWeb tooling. Rather than continue hacking together solutions, I decided to finally build a theme from scratch with IndieWeb principles baked in from the start. The hesitation was real. Despite being a full-stack web application developer in the past, I haven’t written code professionally since 2013. I worried I’d forgotten too much. So I used Claude.ai to help with the gnarly bits – complex microformats2 markup, database queries for ActivityPub interactions, and debugging CSS conflicts. Having an AI pair programmer made it possible to bridge the gap between what I remembered and what the modern web requires. The open web needs more options for people who want to own their content whilst participating in federated networks. This theme is my contribution to that effort, made possible by combining old skills with new tools. ## What’s Next I’m planning future enhancements: * Dark mode toggle (currently auto-detects system preferences) * Social media icons in author bio (currently shows URLs) * Additional customisation options If you use the theme, I’d appreciate feedback via GitHub issues. ### Like this: Like Loading...

#IndieWeb #WordPress #Microformats

islandinthenet.com/introducing-cornerstone/

1 0 0 0
Introducing Cornerstone: A WordPress Theme for the IndieWeb I've released Cornerstone, a WordPress theme built for the IndieWeb community. It's now available on GitHub under the GPL v2 licence.

#IndieWeb #WordPress #Microformats

2 0 0 0
Post image

Introducing Cornerstone: A WordPress Theme for the IndieWeb I've released Cornerstone, a WordPress theme built for the IndieWeb community. It's now available on GitHub under the GPL v2 lice...

#Technology #ActivityPub #Fediverse #IndieNews #IndieWeb […]

[Original post on islandinthenet.com]

0 0 0 0
Original post on hachyderm.io

Also a microformats/semantic HTML question: is there a good accessibility argument for using microformats or other semantic markup for locations specifically?

I ask because I've soured a bit on structured data now that it feels like I'm just making it easier to slurp up my page for AI training […]

0 2 1 0
Original post on fantastic.earth

Following the advice and instructions at https://jamesg.blog/2024/06/06/publish-h-feed I've now enabled #hfeed (HTML feed) for my blog¹ and my linkblog². I really like that idea of HTML of a page itself being a machine readable feed for #feedReaders. Unfortunately, AFAIK, no readers have native […]

0 1 0 0
WML, WAP, and Microformats Demo

WML, WAP, and Microformats Demo, by @artlung.com:

https://lab.artlung.com/wml/

#wml #wap #microformats

1 1 0 0
Original post on tantek.com

🎂 Congrats @microformats.org on 20 years! #microformats20

Even after 20 years, people keep discovering new ways of using #microformats:
* @artlung.com: "WML, WAP, & Microformats Demo!" (https://lab.artlung.com/wml/faux
> Because WML elements may have the class attribute
Originally posted […]

19 11 0 0
Wikipedia points at tools which can parse and render a WML document, but I don't believe there are any I can run on my computer. In that way, my computer is worse than a 2003 flip phone with a WAP browser.

I have augmented my ridiculous WML page with #microformats which are 20 years old this year. This WAP/WML/XML page may be the only one so-marked up. I am not encouraging anyone else to do so but I am not discouraging it either. Maybe I'll try to acquire an old Nokia. #IndieWeb lab.artlung.com/wml/

0 0 0 0
A small Python source code block highlighted by Pygments with css classes prefix-ed by microformats-like classes

A small Python source code block highlighted by Pygments with css classes prefix-ed by microformats-like classes

A small Python source code block highlighted by highlight.js with css classes prefix-ed by microformats-like classes

A small Python source code block highlighted by highlight.js with css classes prefix-ed by microformats-like classes

Pygments default css style with prefix p-pygments-

Pygments default css style with prefix p-pygments-

@hongminhee On the other hand #Microformats seems to survive the sanitizer github.com/mastodon/mastodon/blob/1... which could be utilized by using a schema/vendor prefix […]

[Original post on mastodon.social]

0 1 0 0
Post image

## Python-kodeblokk

Eksempel på kodeblokk med Python:


def main(): print("Hello, world!")Code language: Python (python)

Med Microformats-prefiks `h-`, `p-` o.l. så kunne kanskje formateringa vha. CSS-klasser ha sluppet gjennom.

0 1 0 0
Preview
A Quick Guide to Everything I Know about Webmentions Collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! — using microformats to enrich your mentions; adding a webmention form; and parsin...

In my wiki/digital garden I have a collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! Hope it can be helpful to someone

reillyspitzfaden.com/digital-gard...

#Webmentions #IndieWeb #Microformats #Eleventy #11ty #WebDev #HTML

2 3 0 0
Original post on hachyderm.io

In my wiki/digital garden I have a collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! — using microformats to enrich your mentions; adding a webmention form; and parsing, displaying, and updating them with Eleventy, Netlify, and […]

1 3 0 0
Preview
A Quick Guide to Everything I Know about Webmentions Collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! — using microformats to enrich your mentions; adding a webmention form; and parsin...

One of the things in my digital garden is this set of tutorials on webmentions: reillyspitzfaden.com/digital-gard...

I noticed I kept writing blog posts about them and decided to put everything in one place.

#HTML #CSS #WebDev #IndieWeb #Webmentions #Microformats

0 0 1 0
Original post on hachyderm.io

One of the things in my digital garden is this set of tutorials on webmentions: reillyspitzfaden.com/digital-garden/tutorials...

I noticed I kept writing blog posts about them (and realized I would probably keep doing that for a while!) and decided to put everything in […]

0 0 1 0
Screenshot of my website showing a test comment from bluesky land on my last micropost, a test comment from Mastodon sits below the fold and outwith this image.

Screenshot of my website showing a test comment from bluesky land on my last micropost, a test comment from Mastodon sits below the fold and outwith this image.

After spending the evening rebuilding microformats, as hoped, comments are now landing on the target article, and not my homepage. The indiewebify.me validators made this so much easier than the … #changelog #indieweb #microformats

https://lee-perry.co.uk/microfeed/2025-04-22-micro

0 0 0 0

📝♻️ Oxtail, and more Cooklang Exploration

#NaBloPoMo #NaBloPoMo2024 #Microformats #IndieWeb #Rust #RubyonRails #Recipe
https://calebhearth.com/bs/oxtail

1 2 0 0

📝♻️ Oat Notes

#NaBloPoMo #Receipe #NaBloPoMo2024 #Cooklang #Microformats #IndieWeb
https://calebhearth.com/bs/oat-notes

1 0 1 0

📝♻️ I Use /uses

#NaBloPoMo #NaBloPoMo2024 #Uses #Slashpages #Meta #IndieWeb #Microformats
https://calebhearth.com/bs/i-use-uses

0 0 0 0

📝♻️ How to Send a Webmention h-entry

#NaBloPoMo #Microformats #IndieWeb #NaBloPoMo2024
https://calebhearth.com/bs/webmentions-h-entry

2 0 0 0
Preview
The micro guide to microformats Why you should use microformats and some examples of how they work.

I decided to put together a short write-up on microformats I believe to be used the most, with examples of how I use them myself.

distinctivequality.com/blog/microfo...

#indieweb #microformats #blogging #webdev #webdesign

0 0 0 0

Likes Happy 12 years of #POSSE and 19 years of #microformats! by Tantek Çelik.
A great set of links and info. I started gently scratching the indieWeb itch here is 2015 when I installed some of the plugins. I still think it is a good idea.

0 0 0 0
Preview
Microformat Classes on WordPress Blocks I am experimenting with microformats on blocks so that I don’t have to use HTML to insert microformats on my posts. This is post 6 of #100Posts #100Days of my 2024 #100DaysofIndieWeb #IndieWeb proj�...

I am experimenting with microformats on blocks so that I don’t have to use HTML to insert microformats on my posts. This is post 6 of #100Posts #100Days of my 2024 #100DaysofIndieWeb #IndieWeb project. #microformats tmichellemoore.com/blog/microfo...

1 0 0 0

#wordpress #seo admins getting 200 hentry errors in your Webmaster Tools? I found this helps! http://t.co/ygQubMx9K4 #microformats

0 0 0 0

Looking at a Chicken Salad recipe: . #LinkedData #Microformats #Microdata #Schemaorg #BigData #SemanticWeb #Web30

0 0 0 0

Looking at a chicken pasta recipe: . #LinkedData #Microformats #Microdata #Schemaorg #BigData #SemanticWeb

0 0 0 0

Updated wiki with a di: scheme #URI example re. #WebID protocol exploitation via #hCard: . #LinkedData #Microformats

0 0 0 0

Updated #Microformats wiki with links from my latest experiments re. #hCard #WebID and proxy/wrapper #LinkedData URIs. It all works!

0 0 0 0

Using #hCard (in a #blogspot blog post) as simple #IdP mechanism for #WebID verification: . #LinkedData #Microformats

0 0 0 0