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? You’re not alone and your front of the front end development knowledge is still important today.
This session discusses why your front of the front end development skills are still relevant in today’s web development ecosystem, how to convince your team that a front of the front end developer is a valuable asset, and how front of the front and back of the front end developers can work together to develop powerful front end solutions in Drupal and beyond.
Let’s show the web development community that front of the front end developers contribute so much to a team!
With so many new features being added to CSS in the past couple years, is Sass still needed in 2023? Is it time to remove Sass from your build process? What can native CSS and PostCSS do that can replace Sass functionality and how is PostCSS being used in Drupal 10?
In this session, I will discuss an overview of new CSS features that replace functionality in Sass:
* CSS custom properties
* Nesting
* New color functions
I will also go over some PostCSS plugins that replicate Sass functionality:
* Custom media
* Imports
* Mixins
I will also touch on how PostCSS is being used in Drupal 10.
Lastly, I will discuss when you might not want to replace Sass *just yet* and how you can use Sass AND native CSS together to take advantage of your existing build process.
It’s an exciting time to be a CSS developer and the perfect time to learn more about what CSS can do natively without using Sass.
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 this talk, I will discuss
- What’s new in the CSS Color Module Levels 4 and 5
- An overview of color spaces available today
- How to use some of the new CSS color functions
- Using CSS custom properties to change the values of color items within each color space
- Ways to ensure the colors you use on your site are accessible by using prefers-contrast, light-dark, and other modern techniques
Attendees will come away from this session with a deeper knowledge of the new color spaces and CSS color functions to make adding color to your site even easier!