front end development

A Recipe for Better Images in Drupal 8

For many Drupal 8 users, image display begins and ends with Drupal core's image styles. In this session we will look at a recipe of core and contributed modules that can push this further to support better performance across devices and browsers.  We will start with a brief overview of image styles and responsive images.  Then we'll move into image compression and optimization, with an emphasis on the how and why of using various contributed modules together.

Did you clear the cache? A Contextual Tour of Rendering Efficiently

Drush cr… drush cr… drush cr!!! We all know the scenario where you’ve made a change to the site, but when you load the page it just doesn’t seem to show. Oftentimes the solution is to clear your cache and move on, but why is that? In this session we’ll explore how that cache is built and used. What determines when a page can be cached, and how does Drupal know when to rebuild it? How does Drupal know when to rebuild parts of a page without rebuilding everything?

Themes: Standardize Without Compromise

“One size fits all” does not apply when it comes to themes. Automatically selecting a theme based on your last project can be dangerous. Rolling your own custom theme from scratch every time can be extremely inefficient. Using a contributed theme can be frustrating as you override defaults and fight opinionated styles. Any of these approaches can exhaust even the most determined front end developer. Would standardizing a theme alleviate the pain? In this session we will frame an approach to select a theme for your organization. Attendees will learn how to:

Level up your layout! Component Based SiteBuilding with Layout Builder & View Modes

View Modes are the site-building glue that brings your content strategy, design, media strategy, and UX development together to actually create your web displays. View Modes have been in Drupal for some time, but what do they really do? Why are they so powerful? With Drupal 8, View Modes are now even more relevant with the standardization of Entity and Field management across entity types.

Rapid Styling with Tailwind and PostCSS

In this session you'll learn about Tailwind, a customizable CSS framework that can be used to rapidly build and style responsive web applications. Unlike component-based frameworks such as Bootstrap, Foundation, and Materialize, Tailwind focuses on providing utility classes that can be used as building blocks to implement an existing design (or even create a new design directly in HTML markup). These building blocks can then be packaged into reusable components if desired.

A Chirping Colorful Review of Web Design Usage

#BackToBasic is an introduction to developing basic color vocabulary, the theories/terminologies of colors from the color wheel, and understanding the aesthetic interactions of various colors. We will be using a group of select birds to show the relevancy and provide examples found naturally in the world. We’ll take a look at the relationships between color schemes while exploring and learning from birds what works, and what doesn’t. This will be the primary structure in which we will study distinct color properties and functions.

Blazing fast sites using Blaze Hybrid CMS

Traditional content management systems (CMS) are based on architecture and technology that was introduced 20 years ago. JAMStack is here to stay and also is the new content management system. What if you can use your repository to store not only code but also all of your content, for dynamic digital experience applications? Now is possible using a GUI on top of your preferred SSG.

The future of Drupal theming?

  What if you don't need to decouple, to have some fun? What if you could make your CSS and JS over 90% more lean, with just a slice of opinion? What if the theming layer, is actually in your way? What if someone is going to tell you about a cutting-edge native Drupal frontend alternative? Would you come?  

Component-based Design with Pattern Lab

Each iteration of Drupal introduces new and exciting ways to manage content. However, the display of content is even more important along with the knowledge of how to convert a design to a theme. While we have all read about, watched and even worked with Twig to create new themes in Drupal 8, the way we work with Twig has changed.