Sign in

HibbittsDesign.org 🇨🇦

@hibbittsdesign.org
222 followers 135 following 305 posts

Building software for open educators + publishers / Interaction designer and open source author / 25 years in UX consulting and higher education / Creator of the lightweight markdown open publishing tool Docsify-This.net / Open source is choice 🚀

PostsRepliesMedia
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 7h
📖 Open Publishing Space 2 is out – my free, open-source Grav skeleton for open guides and books, alongside a blog and other Grav pages of almost any kind. Plain Markdown, no database – for Grav 2 and 1.7. getgrav.org/downloads/sk... #GravCMS #OER #OpenEducation
Home page of the Open Education Essentials demo guide in the Quark 2 theme.
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 05/10/2026
And the same reader features – the Continue reading bar, the cover-style guide home and the rest – are also coming to the original Open Publishing Space, using the Quark theme and Grav 1.7. #GravCMS
An open education guide home page in the Quark 2 theme: a cover image beside the guide's title, details and a Start Reading button, then a "Continue reading: What is Open Education?" bar beside a search box, above section cards.
100
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 05/10/2026
Sneak peek 👀 Quark 2 Open Publishing is coming together – a free #GravCMS theme for open guides alongside a blog, now with a Continue reading bar for returning readers (as in Helios Open Reader), a cover-style guide home, parts, reading progress and more. #OER #OpenEducation #OpenSource
An open education guide home page in the Quark 2 theme: a cover image beside the guide's title, details and a Start Reading button, then a "Continue reading: What is Open Education?" bar beside a search box, above section cards.
111
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 10/07/2026
All my original open-source Grav CMS skeletons – Course Hub, MultiCourse Hub, Publishing Space, and Learn2 with Git Sync – are now also available with the Grav 2 Admin panel. PHP 8.3+ required. Built on Grav CMS – 15K+ GitHub ★s. Download them all at: github.com/hibbitts-des... #Grav #OpenSource
Grav 2 Admin dashboard showing page views, system info, and recent pages.Grav 2 Admin Pages panel with a course site's page tree and a selected page's details.Grav 2 Admin content editor showing Markdown editing with a formatting toolbar.Grav 2 Admin live page preview showing the published course page in the site theme.
130
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 27/06/2026
Good morning 👋🏼! A "Continue Reading" strip will automatically appear at the top of the home page after a reader has visited a section, linking back to the last page they were on. Also, a sneak peek for you... pressbooks-converter.hibbittsdesign.org
010
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 19/06/2026
📖 Grav Helios Open Reader 1.0 is almost here! No database, no build process, built-in Admin Panel, LMS embedding without LTI. Save My Place, multi-pub, plain text export. Portable Markdown, your server. demo.hibbittsdesign.org/grav-helios-... #OER #OpenEd #OpenSource #Grav
Helios Open Reader publications page.Helios Open Reader publication cover page.Helios Open Reader publication cover page with chapters list.Helios Open Reader chapter page.
030
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 07/04/2026
The 1.0 release of Grav Helios Course Hub is just days away – nearly two months in the making, transforming of the amazing Grav Premium Helios theme into a companion site for one or more courses. Course-aware search, and all content in portable #Markdown files. #GravCMS #OpenEducation #EdTech
Helios Course Hub weekly overview.
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 02/04/2026
Excited to share that the 1.0 release of my newest open-source project, Grav Helios Course Hub, is coming next week! A plugin that transforms the Grav Premium Helios theme into a multi-course companion site. Fully portable #Markdown content files + context-aware search. #OpenEducation #OpenSource
Grav Helios Course Hub courses page.Grav Helios Course Hub course homepage.
110
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 03/03/2026
Latest round of Grav Helios Course Hub updates👇🏼 - A course label with icon now in sidebar - Default and course-specific course icons - New admin toggles to show/hide site icon - Customizable site icon Check out all of these changes, and more, at: demo.hibbittsdesign.org/grav-helios-...
Grav Helios Course Hub homepage screenshot.Grav Helios Course Hub course homepage screenshot.
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 27/02/2026
Another round of updates to my new open-source Helios Course Hub skeleton for #GravCMS project! Single course preview: demo.hibbittsdesign.org/grav-helios-... Multiple course preview: demo.hibbittsdesign.org/grav-helios-... Comments/feedback welcome! #Markdown #Edtech
Grav Helios Course hub courses page screenshot.Grav Helios Course hub course screenshot.Grav Helios Course hub courses page dark theme screenshot.Grav Helios Course hub course dark theme screenshot.
100
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 17/02/2026
Hey #GravCMS fans 👀 A sneak peek at my new open-source Helios Course Hub skeleton for Grav 🎉 The Grav Premium Helios theme is required. Single course preview: test.hibbittsdesign.org/grav-skeleto... Multiple course preview: test.hibbittsdesign.org/grav-skeleto... #Grav #OpenSource #EdTech
Grav Helios Course Hub home page screenshot.
020
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 03/11/2025
More fine-tuning! To accommodate non-maximized meeting windows, I've now: ✅ Increased font size (via URL parameter) for the session guide ✅ Removed the (optionally visible) sidebar Maximum readability for split-screen viewing 👇🏼 A real Docsify-This "flex" for the session itself!
Screenshot of split tab view with the Leap into Open Publishing with Docsify‑This guide using a larger font size and related Docsify-This page.
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 03/11/2025
I'll also use a split tab view during the session, so participants can see BOTH where we are at in the guide and live Docsify-This pages together.
Screenshot of split tab view with the Leap into Open Publishing with Docsify‑This guide and related Docsify-This page.
100
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 28/10/2025
Here is a sneak peek at what I've got planned for my upcoming ETUG Fall 2025 Workshop presentation "What’s Been Cooking with the Open-Source Web Publishing Tool Docsify-This?" 👇🏼 Look of interest? More information and registration at etug.ca/fall-2025-wo...
Browser window displaying ETUG Fall 2025 workshop pages with navigation tabs for Overview, Templates, and Examples. Grid shows 16 pages including Docsify-This homepage, Markdown explanation, GitHub and Codeberg demos, Copy Page Button, Blog and Publishing templates, Waikato and OpenLab example sites, and feature pages for printing support, aliases, batch styling, and image grids.
010
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 17/10/2025
Sneak peek of the participant guide for my #ReclaimOpen25 "Leap into Open Publishing with Docsify-This" interactive session, published with, Docsify-This naturally!👇🏼\ 1/2
Screenshot of the participant guide for my ReclaimOpen25 Leap into Open Publishing with Docsify-This.
100
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 25/04/2025
And now the next iteration of my Consulting Insights to Level Up Your Job-Hunting and Career Development collection, with some topic pruning and with only 4 topic groups👇🏼
Mind map outlining consulting insights for job hunting and career development, categorized into four sections: building a strategic career foundation, crafting a compelling personal brand, cultivating key relationships and building trust, and driving growth and continuous improvement.
210
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 24/04/2025
And here is another round of updates to my Consulting Insights to Level Up Your Job-Hunting and Career Development collection, with topic grouping and some additional strategies👇🏼
A mind map titled 'Consulting Insights to Level Up Your Job-Hunting and Career Development.' The image is divided into five main categories branching out from the center, each representing key focus areas for career development. The sections include:

Building a Strategic Career Foundation, featuring items such as Articulating Your Value Proposition, Focusing on Outcomes, Not Outputs, Defining Your Unique Niche to Hone In on Opportunities, and Leveraging UX Approaches for Your Career.

Developing Your Personal Brand, with items such as Crafting Messaging and Positioning Strategies, Building a Strong Personal Brand, Engaging Others Through Compelling Storytelling, and Improving Networking and Visibility on LinkedIn.

Cultivating Relationships and Building Trust, highlighting topics like Identifying What Success for Others Looks Like, Blending Professional Expertise with Strong People Skills, Building Trust Through Actions, Fostering Relationships by Sharing Knowledge Generously, and Recognizing Stakeholders' Needs and Pain Points.

Adopting Proactive Strategies and Learning Mindsets, which includes Shifting from Reactive to Proactive, Dedicating Weekly Time for Learning and Research, Iterating on Skills and Techniques to Drive Growth, and Embracing Teaching Opportunities as Growth Moments.

Reflecting and Iterating for Long-Term Success, featuring Using Prioritization and Time-Boxing to Stay Focused and Tracking Work That Energizes You.
100
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 24/04/2025
With 20+ years of UX consulting experience and recent conversations with some of my past students who have now graduated, here are a collection of job-hunting and career development strategies based on lessons learned in my own journey which I hope others find helpful👇🏼 Comments or feedback?
Consulting Insights to Level Up Your Job-Hunting and Career Development mindmap.
120
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 22/04/2025
Inspired by Stripe's documentation 'View as Markdown' feature, which is useful for open content access and reading structured #Markdown content into LLMs, I've added an example of this with docsify-this.net 🚀 Want a quick demo? Here you go! docsify-this.net?basePath=htt...
Docsify-This displayed web page with 'View as Markdown' link.Display of Markdown source of displayed Docsify-This web page.
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 06/02/2025
ICYMI: Following the docsify-this.net v1.10.1 release, my Docsify.js.org Starter Kits have similar updates 🎉 Docsify Open Course Starter Kit github.com/hibbitts-des... Docsify Open MultiCourse Starter Kit github.com/hibbitts-des... Docsify Open Publishing Starter Kit github.com/hibbitts-des...
Docsify Open Publishing Starter Kit screenshot.Docsify Open Course Starter Kit screenshot.
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 05/02/2025
Following the docsify-this.net v1.10.1 release, my Docsify.js.org Starter Kits have been similarly updated 🎉 Docsify Open Course Starter Kit github.com/hibbitts-des... Docsify Open MultiCourse Starter Kit github.com/hibbitts-des... Docsify Open Publishing Starter Kit github.com/hibbitts-des...
Docsify Open Course Starter Kit screenshot.Docsify Open Publishing Starter Kit screenshot.
011
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 30/01/2025
Working on a new release of all of my Docsify.js.org Starter Kits, which will include a range of accessibility improvements. In addition, updated examples of dual CSS styles, for example where a standalone site can have one visual style and the SAME embedded content can have another via custom CSS👀
Docsify Open Course Starter Kit with visual branding.Docsify Open Course Starter Kit with a different visual style for embedding pages into an LMS.
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 15/01/2025
This also seems like a perfect time to share a demo of the new dark theme support now in Docsify-This 👇🏼
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 15/01/2025
Here's a little demo of how docsify-this.net is designed to provide seamless web page previews with the split window feature of Microsoft Edge Browser 😎 With all other major Browsers, the same Tab is used for all previews ✅
100
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 14/01/2025
The Docsify-This.net Web Page Builder will get some much deserved ❤️ in the upcoming 10.1 release... here is a sneak peek 👇🏼
Docsify-This Web Page BuilderDocsify-This Web Page Builder, with more page appearance options showing.
010
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 18/12/2024
And what about on Mobile? Here you go!
Moodle course homepage on small screen using embedded Docsify-This Markdown content.Moodle course schedule on small screen using embedded Docsify-This Markdown content.Moodle course UX techniques guide on small screen using embedded Docsify-This Markdown content.Moodle course module on small screen using embedded Docsify-This Markdown content.
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 18/12/2024
Are you curious to see what constraint-free external #Markdown files as course content can look like with the #MoodleLMS ? With docsify-this.net you can quickly do so, and without any website setup, here are some examples👇🏼
Moodle course homepage using embedded Docsify-This Markdown content.Moodle course schedule using embedded Docsify-This Markdown content.Moodle course UX techniques guide using embedded Docsify-This Markdown content.Moodle course module using embedded Docsify-This Markdown content.
100
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 17/12/2024
Want to take the #CanvasLMS to the next level? With docsify-this.net you can use constraint-free external #Markdown files as course content🚀 Want to see an example, check out canvas.sfu.ca/courses/76289
Screenshot of SFU CMPT-363 Canvas site using external Markdown content.
010
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 10/12/2024
Thanks to an ingenious Docsify-This user, a highly accurate visual preview of #Markdown content for Docsify-This using the #VSCode docsify-Preview extension is now documented: docsify-this.net#/?id=improvi... And here is an example preview👇🏼
Docsify-This Markdown content preview in VSCode.
011
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 09/12/2024
BONUS TIP: You can use the Docsify-This CSS files with the Markdown Preview feature in VSCode (and other Editors where supported), as described shown below: docsify-this.net#/?id=improvi...
VSCode Markdown styles dialog settings.Example screenshot of Markdown preview.
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 03/12/2024
Following the latest docsify-this.net release, all my standalone Docsify.js.org Starter Kits have been updated🎉 Docsify Open Course Starter Kit github.com/hibbitts-des... Docsify Open MultiCourse Starter Kit github.com/hibbitts-des... Docsify Open Publishing Starter Kit github.com/hibbitts-des...
Screenshot of Docsify Open Course Starter Kit.
022
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 13/11/2024
And finally, here is a demo when viewing a raw Markdown source file👇🏼
000
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 13/11/2024
And this one goes out to any Codeberg fans here!
100
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 13/11/2024
Or, choose one or more options to visually customize your page, then tap “Publish as a Web Page” 🚀 Perfect for instant sharing and embedding.
100
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 13/11/2024
💡 Now there's even a faster way to have Docsify-This turn a #Markdown file hosted on GitHub or Codeberg into a web page to share or embed! Just type “docsify-this.net?” before an online Markdown file URL you’re viewing to load it into the Docsify-This Web Page Builder and press the Return key! 👀
111
HibbittsDesign.org 🇨🇦 @hibbittsdesign.org · 21/02/2024
I've been doing more work on streamlined multi-language support for my open source project Docsify-This.net, this time adding multi-language custom site footers😎 Try out an English/French example with Docsify-This including a custom footer for each language at: docsify-this.net?basePath=htt...
Screenshot of an English site displayed by Docsify-This.Screenshot of a French site displayed by Docsify-This.
000