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 >>>


Screenshot of the freecodecamp IDE with task description in the left pane, code in the centre, and output preview to the right

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


Screenshot of the FreeCodeCamp IDE with assignment to left, code to centre, and multimediaplayer project build in the right pane.

Finished off the remainder of the FCC html course ready to move on to CSS tomorrow.

πŸ’¬πŸ‘πŸš€πŸ‘‹ Discussion

πŸ”–οΈ Web Development FreeCodeCamp


Browser screenhsot with assignment instructions in the left pane, code editor in the center, and html preview of a checkout page to the right

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


Screenshot from FreeCodeCamp showing instructions in the left pane, html in the central pane, and live output of the table being built in the right pane

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


Screenshot of a quote post taken from my website.

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


Screenshot of a stadium page in my digital garden with automated lists of visits, and auto generated gallery.

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

πŸ”–οΈ Web Development Kirby CMS POSSE IndieWeb


Screenshot showing the football stadium feed from my digital garden inside the unread RSS reader.

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


Screenshot of the stadia page in my digital garden

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


Screenshot of new gallery component on this website

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


Admin console view of new Kirby CMS dashboard with new microblog section

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

πŸ”–οΈ Web Development IndieWeb Kirby CMS


Screenshot of search results page on this website with cover image, titles and previews on each row.

I've made some final(🀣) amends to my new Kirby CMS site - site search, and a lightweight social share widget.

πŸ’¬πŸ‘πŸš€πŸ‘‹ Discussion

πŸ”–οΈ Web Development IndieWeb Kirby CMS




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




Doing geeky thinks with my little lion.

πŸ’¬πŸ‘πŸš€πŸ‘‹ Discussion

πŸ”–οΈ Canine Children Stevie 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

πŸ”–οΈ Web Development Championship Manager 2001/02



Filter By Tag

AI   Accrington Stanley   Age of Empires   Allotment   Asthma   Bolton Wanderers   Bouldering   Boxing   Building Safety   Burnley   Burnley Cricket Club   Burnley FC   Buster   Caesar III   Campsites   Canine Children   Caoimhe   Championship Manager 2001/02   Changelog   Chromebook   Climbing   Cycling   Doncaster   Email   Emulation   Facebook Archive   Fearghus   Fediverse   Ferries   Fitness   Food and Drink   Football   Football Manager 2006   FreeCodeCamp   Fulgaz   Health   Hens   Home   IndieWeb   Investing   Javascript   Jedburgh   Kinomap   Kirby CMS   Kongsburg   LLB   Lanclassico   LaunchSchool   Leeds Liverpool Canal   Legionella   Leo   Lochs & Lakes   Master System   Mastodon   Me   Microformats   Mountaineering   Mountains   Muffin   Mum Womble   Music   Mustang   MyWhoosh   Office   POSSE   Padiham FC   Phishing   Podcasts   Podencos   Politics   Power Platform   Productivity   Puppy Lee   Python   RGT   Races   Reading   Retrogaming   Rocco   Ross County   Rouvy   Ruairidh   Rugby   Running   Scrimba   Service Stations   Sevco   Sports Grounds   Steve McQueen   Stevie   Stoke-on-Trent   Strength and Core   Subscriptions   Threads   Train stations   Trains   Turf Moor   Turf Moor Nano   VAR   Vickie   Video   Virtual Cycling   Walks   Web Development   West Highland Way Race   West Wing   Wombles   ZX Spectrum   Zwift   bayLee   indieVelo   indieWeb   microdotblog   mooc.fi   todo