I’ve added automatic link preview support to my indieweb blog.
Whenever I share a status or bookmark a link, the page now fetches and displays a preview with the website’s title, description, and a thumbnail image. This makes posts more visually engaging and informative — both for me and for anyone browsing the site.
Link previews are fetched using a custom-built metadata parser (no third-party …
Show moreIn this update, I have fully implemented the tagging feature for all posts, making it easier than ever for my visitors to discover new and relevant content.
Announcing a significant update to media management with TinaCMS I’ve been working on for the past few nights which focuses on a more efficient and user-friendly media management experience. This update is designed to streamline the process of uploading and managing images in my posts, a task that, until now, has been quite cumbersome.
The initial implementation of my GPS tracking analysis and visualization tool faced challenges in accuracy and efficiency — a common hurdle given the tool’s complexity and my burgeoning understanding of GPS technology, GPX files, and relevant analysis techniques. Over the past month, leveraging this growing expertise, I have thoroughly overhauled the tool. This comprehensive re-engineering …
Show moreAfter adding the h-card, the second step in joining the IndieWeb was to mark up all of the content with the h-entry microformat which is often used with content intended to be syndicated, e.g. blog posts.
Microformats are the secret sauce of structured data on the web. They breathe life into your content, making it more interpretable for both people and machines. Among these microformats, h-entry …
Show moreFollowing the guidelines on IndieWebify.Me, one of the first steps when joining IndieWeb is to create a homepage h-card which describes your profile in a simple and open format for the web.
I have added it to my profile card, which can be verified here with the following structure:
h-card:
u-uid: https://bojanvidanovic.com
u-url: https://bojanvidanovic.com
u-photo: avatar url
p-name: Bojan …While I was finalizing the /changelog page I was thinking about how cool it would be to add some sort of a data visualization because… I <3 data vis. So, the first thing that bumped into my head was a calendar heatmap like the one on the GitHub profiles for activity. Lurking around the internet I found this amazing library called Cal-Heatmap which does exactly what I wanted.
It took …
Initially, this website had a hamburger menu which I wasn’t the biggest fan of, then I removed it and implemented the desktop version of the menu but with the ability to scroll on mobile, and now… I went back to the hamburger menu.
The reasons for this change are:
Previously, all change log posts were always prefixed with “added”, “fixed”… etc, which made it hard to differentiate changes. Now, with the addition of color-coded types, the changelog becomes much more user-friendly where each change type is assigned a specific color, providing visual cues that make it easier to distinguish between different types of changes.
Show moreI had a lot of fun implementing a progress visualization for my now page posts, allowing me to track and visualize the time spent on each task.
Using a dynamic dot-based visualization, inspired by Jira boards, I can now visually represent the progress of my tasks and showcase the time invested in each one. This helps me stay organized, monitor productivity, and gain valuable insights into my …
Show more
