Web Development ×
Welcome to the Microblog section of my website, here you will find short snippets, linkposts and imageposts in my own little social stream. These posts are syndicated directly to my Mastodon and BlueSky accounts. Filter by topic >>>
I've started making my way back through the CSS course in FreeCodeCamp's curriculum, the first lab being this simple design a business card exercise.
π¬πππ Discussion
ποΈ Web Development FreeCodeCamp
Finished off the remainder of the FCC html course ready to move on to CSS tomorrow.
π¬πππ Discussion
ποΈ Web Development FreeCodeCamp
Quick exercise on FCC this evening, building out a basic checkout page with accessibility features. Aria-labels are new to me, so I'll need to wrap my head around those a little more.
π¬πππ Discussion
ποΈ Web Development FreeCodeCamp
This evening's code exercise was an easy walk through html tables on FCC. Click through for links to repo and build if of interest.
π¬πππ Discussion
ποΈ Web Development FreeCodeCamp
I've always hated html forms, I don't think I've ever created one from scratch that actually worked. So hopefully in working through the FCC forms module tonight, something stuck.
π¬πππ Discussion
ποΈ Web Development FreeCodeCamp
I spent a little time working through the html modules on FreeCodeCamp this afternoon, inbetween contemplating / prevaricating about playing around with Quartz SSG.
π¬πππ Discussion
ποΈ Web Development FreeCodeCamp
I migrated my site to Kirby in March, and have finally finished cleansing posts, building the structure and feeds. I still need to refine some templating, but I can now concentrate on adding content.
π¬πππ Discussion
ποΈ Web Development Kirby CMS
I'm using snippets rather than templates to build custom micro post types, saving time on file renaming later. Here is an example of one of the few link posts in my archive, in the new post type.
π¬πππ Discussion
ποΈ Kirby CMS Web Development
I finally managed to display directly link and display related blog articles in my digital garden, much more robust than the workaround using tags yesterday. Read on for my cookbook implementation.
π¬πππ Discussion
ποΈ Web Development Kirby CMS
I've come up with a way to link blog and digital garden pages together on my website using a hidden tag field. I would have preferred to reverse the linked page field, but struggled to implement.
I can get on now with building out the remainder of my structure, and tidying up and arranging my content. While for future posts the two sections are semi automatically linked, galleries build directly from uploads, and the new RSS feeds automate posting to the IndieWeb.
π¬πππ Discussion
I've spent half an hour getting RSS feeds working in my digital garden sections, so that I can share through echofeed. I wasted far too much time on this last weekend, lesson - test for empty fields!
π¬πππ Discussion
ποΈ Web Development Kirby CMS
I've had a magical mystery tour through Kirby blueprints, sections, controllers, collections and templates - but I'm happy with how my digital garden section is growing.
Digital Garden
π¬πππ Discussion
ποΈ Web Development Kirby CMS
I have re-engineered the galleries in my blog to load directly from image uploads, without using Kirby blocks. Got lost in css weeds and rebuilt from scratch with flex box. Code tidy up needed soon.
π¬πππ Discussion
ποΈ Web Development Kirby CMS
I created a separate microblog on my site last night, with working tags - sliding my ephemeral content across. Styling still to do - but now understand how to design & build my digital garden section.
π¬πππ Discussion
ποΈ Web Development Kirby CMS
RSS Feed Testing - ignore. Hopefully this now works.
π¬πππ Discussion
ποΈ Web Development
I spent this evening attempting to automate hashtags through to RSS and beyond, using my website tags in the RSS feed. I'm really happy with the feed reader implementation, Mastodon would be great too - but for those pesky whitespaces.
π¬πππ Discussion
ποΈ Web Development Kirby CMS
A quick note about setting up a second rss feed on my site for my fitness activities which are excluded from my main feed.
π¬πππ Discussion
I've made some final(π€£) amends to my new Kirby CMS site - site search, and a lightweight social share widget.
π¬πππ Discussion
Evening of mixed success. I got @mauricerenck@mastodon.online indieConnector plugin posting directly to Mastodon pretty quickly, and wrote (manual) conditional discussion links through to Mastodon/Bluesky, and page rank thumbs in the panel.
Dislike the absence of cards on the Bluesky crossposts from Echofeed, so need to work that out. I failed with webmentions. Had the Komments plugin collecting comments, but the moderation panel could not see them.
π¬πππ Discussion
ποΈ Web Development Kirby CMS
π¨πΌβπ» Uploading my new theme later for testingπ€
Home - Latest + Digital garden
Category - List/full views
Category intros
Hero images
Flexbox/Grid
Borrows tinyly from @Mtt Tiny as nearing β°π¦
π¬πππ Discussion
ποΈ microdotblog Web Development
π§βπ»A preview of my theme redesign, dark and light modes in desktop view. Just the small matter of templating it into Hugo to learn now.
Iβm hoping to be able to identify the first image to lift into the hero section, if so the design will evolve a little yet.
π¬πππ Discussion
ποΈ microdotblog Web Development
π§βπ» A while back, probably around micro.camp, I stumbled across @mandarisβ series on building the Labarnum theme here. Iβm currently reading my way through from bottom to top to try to get my head around building themes locally in Hugo for micro.blog implementation.
π¬πππ Discussion
ποΈ microdotblog Web Development
π¨πΌβπ» In working on the new theme my site, remembering that my frontend design skills are not that strong.
Merry Flexbox.
π¬πππ Discussion
ποΈ Web Development
My wee websites views are still mirroring the COVIDβ19 curveβ¦. obviously everyone is staying in playing CM01/02 on computers of todayβ¦.
π¬πππ Discussion
