Frontend Development

This tutorial guides you through creating a custom Tailwind CSS theme for Drupal Canvas, including theme generation, build tooling with Vite, region setup, preprocess functions, and reusable components. The post is aimed at developers integrating utility‑first styling with Drupal’s Canvas page builder. ...more

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

Drupal 11 now supports building reusable paragraphs using Single Directory Components (SDC), enabling cleaner front-end development. Rakesh James explains how developers can embed modular components into custom themes using scoped templates and styling. ...more

The AI Accessibility Checker, developed by Kiran Kadam under QED42, uses OpenAI to scan frontend codebases for WCAG violations. With support for CLI and GitHub Actions, it helps teams automate accessibility audits and integrate them into development workflows. ...more

Northern is hosting a public session on documenting design system components in Drupal, led by Front-end Development Lead Tanner Fisher. The talk will explore how clear documentation improves consistency across internal teams and external partners through accessibility standards and technical transparency. ...more

Pravesh Poonia has announced the upcoming release of the Canvas SDC Starterkit, a theming tool designed to streamline building Single Directory Components (SDCs) for Drupal Canvas. With Storybook integration and minimal setup (just a YAML and a Twig file required), this open‑source starter kit promises to merge front‑end workflows with Drupal’s backend power—ideal for theme developers and component libraries. ...more

Pri Scarabelli compares Drupal Single Directory Components and Storybook in a six-round evaluation. The post highlights where each approach excels and why Drupal SDC is emerging as the native choice for Drupal projects. ...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

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

Ayush Raj from Graygraph Technologies outlines how to build a blog using Angular 18 with server-side rendering and a Drupal backend via JSON:API. The guide covers fetching content, dynamic routing by slug, SEO meta tag handling, and reusable services—providing a practical foundation for decoupled content-driven sites. ...more

Morpht’s blog by Naveen Valecha details how the convivial_govcms_bootstrap theme uses CSS Variables for real-time, accessible, and no-code colour management in Drupal themes. ...more

The package.json file plays a key role in Drupal theme development and front-end automation. This guide explains its structure, best practices, and how to use it for managing dependencies, building processes, and development scripts. ...more