Drupal Theming

James Nettik of Aten Design Group introduces a method to apply component grid layouts to Views using custom style plugins. The approach improves clarity, reduces duplication, and empowers site builders to manage display styles through the UI. ...more

Single Directory Components (SDCs) are a key innovation in Drupal 11, packaging templates, logic, and styles together. In this tutorial, Philip Norton of Hash Bang Code demonstrates how to preview these components directly within Drupal using the SDC Component Library module. The guide explains how to structure .story.twig files, configure access permissions, and preview multiple component variations—all without relying on external tools like Storybook. ...more

Mike Herchel of Dripyard is heading to his first DrupalCon Vienna, where he’ll present two sessions: one on impactful Drupal contributions with Matt Glaman, and another on theming innovations with AI and Drupal Canvas. He’s also offering hallway chats and live demos of Dripyard’s premium themes. ...more

George Bonnici’s latest tutorial demonstrates how to build a production-ready Hero component using Drupal 11’s new Canvas visual builder and Single Directory Components (SDCs). The step-by-step guide covers installation, configuration, and best practices for creating reusable, responsive components that empower both developers and site builders to design visually consistent, high-performance pages without code duplication. ...more

Managing image captions in web design can be deceptively tricky—especially when they exceed image width. In this practical guide, Mario Hernandez introduces a performant CSS solution that ensures figcaptions never outgrow their images. By leveraging modern properties like inline-size and contain, this technique aligns captions perfectly with image boundaries while boosting rendering efficiency. ...more

Gizra's Amitai Burstein explores how adopting the “Make Impossible States Impossible” mindset—borrowed from typed languages like Elm and Haskell—can bring discipline to Drupal theming. By passing intent rather than raw values to Twig templates, developers can prevent inconsistent styling and reduce design drift in component systems. ...more

Volha Tsimaliak from Attico shares a deep dive into building scalable design systems for Drupal projects. With strategies tailored for multibrand ecosystems and real-world implementation tips, this guide covers everything from atomic design and token systems to integrating Tailwind, Figma, and Drupal. Learn how to bring structure, speed, and consistency to your web platforms. ...more

In Part 3 of the Unmanaged Files in Drupal series, you’ll learn how to expose unmanaged file handling through a block plugin. By extending BlockBase and using dependency injection, developers can turn a custom file service into a reusable block that site builders can place anywhere. This tutorial walks through the plugin definition, constructor, factory method, and build process—complete with code examples—and shows how to enable the block in Drupal’s layout system. ...more

With Sass deprecating @import rules ahead of Dart Sass 3.0, ComputerMinds’ Nathan Page explains how Drupal developers can migrate smoothly using the official Sass migrator tool. ...more

Unmanaged files in Drupal? Yes, there's a time and place. In this practical tutorial, veteran developer Jeff Greenberg walks through a real-world use case where skipping Drupal's file management system results in a cleaner, faster solution. Learn how to structure, access, and display hundreds of images without cluttering your database—or your sanity. ...more

Discover how Component-Based Design (CBD) and Single Directory Components (SDC) enhance Drupal theming. Learn best practices, key modules, and how Varbase simplifies building reusable, scalable UI components. ...more

Drupal developer Mansoor Aziz has launched DrupalZone, a free platform offering tutorials for beginners to advanced users on Drupal site building, theming, and module development. The site includes interactive examples, progress tracking, and new content weekly, plus a LinkedIn video revealing more insights. ...more