You're reading from Modernizing Drupal 10 Theme Development Build fast, responsive Drupal websites with custom theme design to deliver a rich user experience

Product type Paperback

Published in Aug 2023

Publisher Packt

ISBN-13 9781803238098

Length 360 pages

Edition 1st Edition

Languages

CSS

Tools

Drupal

Concepts

CMS

Author (1):

Luca Lusso

View More author details

Table of Contents (21) Chapters

Preface

1. Part 1 – Styling Drupal

2. Chapter 1: Setting up a Local Environment FREE CHAPTER

3. Chapter 2: Setting a New Theme and Build Process

4. Chapter 3: How Drupal Renders an HTML Page

5. Chapter 4: Mapping the Design to Drupal Components

6. Chapter 5: Styling the Header and the Footer

7. Chapter 6: Styling the Content

8. Chapter 7: Styling Forms

9. Chapter 8: Styling Views

10. Chapter 9: Styling Blocks

11. Chapter 10: Styling the Maintenance, Taxonomy, Search Results, and 403/404 Pages

12. Part 2 – Advanced Topics

13. Chapter 11: Single Directory Components

14. Chapter 12: Creating Custom Twig Functions and Filters

15. Chapter 13: Making a Theme Configurable

16. Chapter 14: Improving Performance and Accessibility

17. Part 3 – Decoupled Architectures

18. Chapter 15: Building a Decoupled Frontend

19. Index

Why subscribe?

20. Other Books You May Enjoy

What is a design system?

A design system is a collection of guidelines, principles, and components that is used to create a consistent visual language and user experience across multiple products or platforms. It provides designers and developers with a framework to work within, ensuring that each element of a product is cohesive and aligned with the overall brand and user needs. A design system typically includes things such as typography, color palettes, iconography, spacing, and layouts, as well as patterns and templates for frequently used UI elements. By using a design system, teams can reduce design and development time, improve collaboration, and create better, more user-friendly products. Additionally, design systems can help maintain brand identity and increase brand recognition since the visual language is consistent across all products and platforms.