đźšš How to migrate to Kirby Tips & tutorials
Skip to content

Episode 59

13 Aug 2021

Here we are again with our Kosmos summer edition and Kirby 3.6 Alpha 4 with some cool additional features:

  • Instant field and info section loading for a better Panel experience
  • Dynamic blueprint plugins
  • New $file->sha1() method
  • Drag & drop uploading to the files field
  • Auto-file sorting on upload when manual sorting is active
  • Many other improvements…

Find the feature overview and docs about Kirby 3.6 on our release page as we head towards the release.

Kirby in the wild 1

Taifun-Tofu GmbH

Kirby Plugins

With the Kirby 3 Query field, you edit KQL queries right from the Panel.

The FeedReader plugin provides an easy way to include RSS, Atom or JSON feeds into your Kirby website.

Kirby3 Fragments is a small string/translation helper. You can use fragments in your code 'laravel/blade' style and optionally translate them on site or page level.

Kirby 3 Plopfile: A CLI tool to generate and append to various files for Kirby3 CMS using Plop.js

Kirby 3 Feed can now also generate a sitemap for your website.

Cookbook recipes

Learn how to share templates, controllers, and page models between pages with different blueprints with our new cookbook recipe Different blueprints — same template.

Kirby meets Tailwind CSS: A short introduction to getting up and running with Tailwind CSS in your Kirby website by Christian Fickinger.

Kirby in the wild 2

coronaschutzimpfung.it

HTML

Sara Soueidan collected insights about when and why to use One checkbox vs. Two Radio Buttons.

Did you know you can reverse the order of ordered listswith the reverse attribute?

A11y

While accessibility is currently not a SEO ranking factor, it might well be in the future. Therefore, making your website accessible to all people, is not only the right thing to do, but many best practices that enable everyone to use a website also support search engines.

Access Guide is a friendly introduction to digital accessibility — specifically to help understand WCAG 2.1 (Web Content Accessibility Guidelines), the official resource for legal compliance.

Manuel Matuzovic about respecting user preferences when writing CSS.

Tools & services

Doppler is a service that allows you to keep secrets and app configurations in sync across devices, environments, and team members. Free tier available.

Performance

Learn to analyze site performance, fix issues, monitor for regressions, and deliver fast, responsive designs from the start: Scott Jehl's course Lightning-Fast Web Performance is a free online lecture.

Learn how to get rid of render blocking resources in your HTML, CSS, and JavaScript.

JavaScript

MDN recently brought autocomplete search to their docs. Their article about it explains the setup. If you happen to be an Alfred aficionado, you might like the Alfred workflow created by Pawel Grzybek.

Pristine is a small vanilla JS form validation library.

Console.log() debugging is now available right from inside VS Code.

This & That

How to Learn Stuff Quickly: Tips to get the most out of tutorials so that knowledge doesn't fade as quickly anymore.

The Docker Handbook is a beginner-friendly, hands-on introduction to using Docker.

Regular expressions are powerful, but also often hard to understand. The PCRE flavor used by PHP comes with several advanced features that help you write readable, self-explanatory, and easy to maintain regular expressions.

The Baseline Design Bootcamp is a free online course that teaches design skills from basic design principles to product design.

In The Internet is Rotting, Jonathan Zittrain bemoanes humanity’s knowledge getting lost because of content and links changing or disappearing without warning on the Internet.

Interesting take on how to become a better engineer and ultimately further your career by doing your job as if you were to quit on short notice.

Need to store stuff client side? The Ultimate Guide to Browser Side Storage has you covered.

GitHub created a framework and service for automatically generating social sharing images.

The CSS Paint API paves the way to new ways of designing with CSS. Georg Francis shows how we can create custom shapes with a touch of randomness in a way that is portable, fast, and responsive.