Emmet is a web-developer’s toolkit for boosting HTML & CSS code writing. With Emmet, you can type expressions (abbreviations) similar to CSS selectors and convert them into code fragments with a single keystroke.
Understanding the CSS Background properties
CSS background properties let us control the size and properties of images so that we can make responsive images for both smaller and larger screens. This in turn allows developers to create responsive websites. Join Benjamin as he walks through all the different methods of working with CSS background properties.
Is there a future without Media Queries?
For anyone who has spent hours after hours chasing down a specific CSS declaration to solve a strange mobile device display issue, you may find yourself tearing out your hair over different media queries. But is there a bright future WITHOUT media queries? Have you heard about "container queries"? During this webinar, we will be exploring this unique solution that may or may not be the answer to providing simplified responsive elements on your websites.
Tips to Clean up and Simplify CSS
There are numerous methods of simplifying CSS stylesheets. This is especially essential when taking over a new client website and these tips can assist in making sense of past developer code. We will be looking at numerous "auto" tools as well as looking at a few "lesser-known" CSS capabilities like :is() and :where(). If you like clean code, you won't want to miss this webinar.
Building Grids with CSS
CSS Foundations with Tables
We will take a look at CSS Table manipulation. Even though most WordPress users utilize tools (plugins/generators) to create tables on websites, it is important to understand how to style tables, align the text properly, and even semantically code extensions to tables.
Responsive Images and CSS
During this webinar we will dive into the concept of responsive images and CSS. The majority of today’s websites are responsive. And if you need to center and align image on those site, you need to learn how to make images fluid or responsive with CSS.
Creative CSS - Using calc() for CSS
CSS has an amazing ability to perform computational tasks on both numeric and non-numeric entities. During this webinar, we will explore the calc() functionality of CSS and look at practical ways of implementing this into your development cycle.
CSS Focus: Typography
At the heart of CSS are layout and typography. Most CSS training focuses on layout and what it can create. In this webinar, we will be looking at useful typographical tips when working with CSS and WordPress to bring a fresh look to any website.
CSS Focus: Background Blending
In our ongoing series to uncover creative CSS methods, we will dive into background blending and how this custom solution (that many leave to Javascript) can be a faster way to make your client sites present a more unified user interface for visitors (regardless what type of image they upload).
CSS Focus - Timelines
The ability to use CSS to create advanced layouts and functions is an amazing skill for any web developer to have in their toolbox. Join Benjamin, as we dive into how to create vertical timelines out of unordered lists to create a more visually pleasing display of content.