fidzu : php

I've been running this site for about 18 years now and the code I post has been in much the same format since it was started. The code is rendered onto the page using a <code> element and (mostly) syntax highlighted using a JavaScript plugin.

I make use of sites like Codepen and JSFiddle quite a bit, and often link to those sites to show examples of the code in use. Those sites got me thinking about the static nature of the code examples on this site. I have been writing more front end code recently, but static code examples aren't the best way of showing these features in action. I can (and have) uploaded images and gifs of the feature in action, but those images are many times the size of the code examples in question and serve only to bloat the page.

What I would really like to do is allow active code examples, or a code sandbox, to be injected into the page. This would allow users to interact with code examples rather than them just being static. Clearly a valuable learning tool for any site.

I know that it's possible to embed Codepen examples into a page, but not only does that require a premium subscription, it also creates a disconnect between the code and the content on the site. I wanted a solution that would allow me to write the article and the code examples all within the back end of the Drupal site.

Hosting code examples on a third party site also comes with some risk as if that site went offline then all of the code examples on my site would stop working. By self hosting I can make the editing experience better and also ensure that everything works correctly.

What I needed for the site now was some form of code sandbox that could be used to demonstrate simple JavaScript and CSS code without being tied to a third party supplier. I therefore did some searching around to find a suitable container for the code.

Read more

18 Jan 2026 7:13pm GMT

Building a custom theme for Drupal Canvas requires integrating Tailwind CSS with Drupal's component system. This tutorial demonstrates the process of creating a theme from scratch, setting up the build tooling, and developing components that work with the Canvas page builder.

In the video above, you'll learn how to generate a theme using Drush, configure Tailwind CSS with Vite, create page templates with proper region handling, style elements using preprocessors, and build Single Directory Components for Drupal Canvas.

18 Jan 2026 2:36pm GMT

This week, Symfony development activity focused on improving the HTTP Cache attribute and making some changes to controller event attributes. Meanwhile, we published more information about the upcoming SymfonyLive Paris 2026 conference. Lastly, we introduced…

18 Jan 2026 8:18am GMT

AI Single Page Importer: Fast, Flexible Single-page Imports for Drupal

markconroy 17th Jan 2026

17 Jan 2026 5:13pm GMT

Symfony 8 was released at the end of November 2025, alongside Symfony 7.4. Both versions share the exact same features, but Symfony 8.0 removes all deprecated features and requires PHP 8.4 or higher. Today, we're introducing the new certification exam for…

14 Jan 2026 9:27am GMT

🎤 Nouveau sujet annoncé à SymfonyLive Paris 2026 ! 📸Jérémie Augustin rejoint la line-up!🔥 Avec "100 crons par seconde, le Scheduler se venge", Jérémie Augustin, Software Architect, Click&Boat, propose un retour d'expérience concret sur l'évolution…

13 Jan 2026 9:00am GMT