Front End

Your designer has come to you with a card layout, a masterclass in spacial awareness, client communication, and marketing prowess. You want to use it (or a variation of it) across your Drupal site with reckless abandon. But how? How can you make it consistent? How can you implement it once and make it work everywhere so site builders can take advantage?

Are you a front of the front end developer who focuses on CSS, semantic HTML, and presentational Javascript, and do you wonder if your skillset matters in the world of modern web development? Do you think about the best way to mark up an SVG to be as accessible as possible, and write Twig templates with (relative) ease?

Going from freelance to working in an agency can be overwhelming, but don’t let the fear of a collaborative workflow scare you.

What is Git?? Better question, what is version control? And what the heck is a local environment?

Want to know how to create more complex page layouts with Drupal? This session will introduce you to the different building "blocks" you can use as a Site Builder to create multi column and multi row page layouts using Blocks and Paragraphs.

Drupal’s theming layer has grown by leaps and bounds over the past several years. We’ve seen new Twig filters, theme generation tools, and the introduction of Single Directory Components.

Granite is a new frontend framework build around HTML5 elements to provide accessible UIs with the least development possible. Granite provides a solid foundation by templating accessible elements and limiting the customization of elements that's require to scaffold out a website.

In this workshop, you’ll learn about native web components, including:

• What is a native web component
• How to create a native web component
• Open source native web component libraries and frameworks
• Using AI tools to generate web components

Ideal audience:

Front end Engineers

When working with color on the web, we’ve always had a few choices: HEX, RGB, and HSL. In recent years, however, the color level 4 specification introduced a few newcomers: HWB, LCH, okLCH, LAB, and okLAB. What are these new color options, and what do they add to variety of color choices we already have? Let’s get nerdy about colors and the options we have today.

In an ever evolving web landscape, it's crucial to keep up with the latest trends and technologies. If you've ever found yourself scratching your head over terms like "Coupled," "Decoupled," "Headed", or "Headless" when it comes to Drupal, you're not alone. This session aims to demystify these concepts and provide a clear understanding of how Drupal fits into each.

Are you committed to using the Paragraphs module and have thousands of paragraphs in use? Are your content creators wanting a better authoring page building experience?