Preparing for Craft 4
We’re working hard on Craft 4 and published a guide with steps you can take right now to get projects ready.
Five Craft CMS versions were tagged since our last edition, including powerful new
resave/* command options, improved modal+slideout accessibility for screen readers, faster viewport switching in Live Preview, deep-linking within the Users index, and a bevy of bug fixes.
See the new Bulk-Resaving Elements Knowledge Base article for examples of the
resave/* commands’ new
Craft Commerce saw two new releases since our last edition, with the ability to disable Donation purchasables, support for searching orders by line item description, and various bug fixes.
Resident accessibility expert Lupe Camacho’s inaugural post detailed our improvements to Craft’s My Account menu.
Craft Copy + Nitro
Oliver Stark updated fortrabbit’s craft-copy tools for anyone using Craft Nitro.
Tools, tips, and fundamentals
devMode Standup: Craft CMS 4: Rector? Damn Near Killed 'Er!
Andrew and Ryan talk Craft 4 prep and release dates, batching queries, memoization, and workflows that work.
Generate Dynamic Social Share Images in Craft CMS
Steven Grant demonstrates how he used a custom module to auto-generate custom social image cards for Craft entries.
A Practical Example of Using the Donkeytail Plugin with Tailwind and Alpine JS
Robin Mannering takes us through a delightfully-visual example of using Good Work’s Donkeytail plugin to stylishly annotate imagery.
Understanding and Using Project Config in Craft CMS
Laura Montgomery published a friendly, well-rounded introduction to project config for developers.
nystudio107 plugindev Environment for Craft 4
Andrew’s setup can run Craft 3 and Craft 4 simultaneously for smoother plugin transitioning.
Setting Up Live Preview with Craft CMS in Headless Mode
Trevor Davis shares how he configured Live Preview to work headlessly.
Things to Know About Fast Craft CMS Websites
Really nice performance roundup from Frank Lämmer.
25 Craft CMS Plugins for 2022
Fresh plugin roundup from down under.
CraftQuest on Call 36: Better AX with Matrix Façades
The first CraftQuest stream of 2022 covers content migration questions, local development environments, and improving author experience with Matrix facades. (See also: A Table UI for a Matrix Field?.)
🐞 A simple Craft module to debug Twig within your browser.
Tip: `allow-plugins` for Composer 2.2+
Quick tip from Andrew for avoiding errors from Composer 2.2+.
Tip: Mind Your `SECURITY_KEY`
John Morton’s tip for future John Morton: when things go sideways, don’t forget to check your security key.
Perfecting your technique
Creating Fixtures for a Craft CMS Structure
Joshua Pease shares practical advice—complete with GitHub example—for testing with Structure fixtures.
How Foster Commerce hands off client work
Stephen Callender describes the async, remote-friendly dev handoff process Foster Commerce uses in a Twitter thread. The phrase “calm-for-everyone” was used, which seems particularly noteworthy in 2022.
Extend Mollie with Klarna payment methods.
Deep relaxation for your database.
Mailchimp Transactional mailer adapter for Craft CMS.
Take control over your emails in Craft.
The Craft Advantage
CraftQuest: Craft 101
An introduction to Craft for everyone: marketing directors, technology managers, software developers, content writers, and IT.
This free livestream takes a high-level look at Craft CMS from a variety of stakeholder perspectives, complete with cheeky corporate banter.
Built on Craft
Via dr. Radics Ottó: Craft CMS + Craft Commerce + VueJS + Tailwind CSS.
By Aurelien Vigne and MamboMambo: Craft CMS + Vue.js + Three.js + GreenSock.
Koolschijn Delft 🇳🇱
By Elloro: Craft CMS + Tailwind CSS + htmx.
Paleo Ridge 🇬🇧
By Mud: Craft CMS + Craft Commerce + Tailwind CSS.
Headless Craft CMS + Remix.
Results for America: Economic Mobility Catalog
By Happy Cog and Results for America: Craft CMS + Tailwind CSS + jQuery.
City College Peterborough 🇬🇧
By Dsquared: Craft CMS + Vue.js + AlpineJS + jQuery + Tailwind CSS.
Aloha Pools 🇦🇺
By Spicy Web: Craft CMS + React + Tailwind CSS.
It’s not Craft, but it’s interesting.
Video with transparency in Chrome, Edge, Firefox, Safari, iOS and Android, circa 2022
John Morton attempts to save you some time dealing with videos that have transparency. Even if he doesn’t, he’ll entertain from the very first sentence.
Website 101 Podcast: Meet Sean
Season five podcast premiere with the Sean Smith origin story and advice for new web developers.
A PHP package to work with Tiptap content.
Assistiv Labs is a tool Sara Soueidan called “BrowserStack but for screen readers”.
Guide your users through a tour of your app.