css

Rapid Styling with Tailwind and PostCSS

Presenters
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.

SVG Magic!

SVGs, or scalable vector graphics, are great for logos and simple images as their resolution is always as good as the monitor you are viewing them on, but there is so much more. In this session we will look at all the ways to add svg to a web page based on intended use, methods for animation, browser support, helpful libraries, and accessibility. In addition we will explore some creative ways that SVGs are used to create interactive images, interfaces, filters, and masks. What is an SVG

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.