Resources

Ignite theme example

• To see a fully functional Drupal 10 theme with all the components added from the Ignite theme generator you can visit the Ignite Theme bitbucket repository.

Drupal

• Drupal Composer Project Templates

• Drupal 10 Theming

• Adding CSS and JavaScript to a Drupal 10 theme

• Drupal Attributes

• Twig Field Value module

• Twig Tweak module

• Ensuring Drupal 8+ Block Cache Tags bubble up to the Page

• Render API

• Setting Up Twig Debugging

• Limit Kint levels

• Cropping images in Drupal

• Managing images in large scale websites (screencast)

Layout Builder

• Advanced Techniques with Layout Builder

Twig

• Twig documentation

• Twig for Template Designers

• Twig blocks

• When to use Include, embed or extends

• Twig in Drupal

• Limit Kint levels when debugging

• Twig for Drupal 8+ Development (Part 1 & 2)

JavaScript

• JavaScript30 (Video course by Wes Bos)

Blog Posts/Tutorials

• Responsive Images

Tools and Utilities

• Mediacurrent Theme Generator

• Storybook

• Free stock image from Unsplash.com

• SMACSS

• Aspect ratio calculator

• Font sizing with REM

• Command line tutorial

• Inclusive Components