Today I learned

Hightlight text on scroll

#css

Chris Coyier shared a technqiue to highlight text on scroll using the upcoming scroll-driven animations.

Read more

fit-content

#css

They property fit-content is super useful if you want to shrink wrap an element to its contents.

Read more

Why external links should always open in the same tab

#accessibility

Today I learned that external links should always open in the same tab.

Read more

Width and Height in CSS

#css

Width and height in CSS are easy to use but height if often misunderstood.

Read more

Browsing with assistive technology

#accessibility

Today I learned a lot about browsing the web with assistive technology by watching the videos from Tetralogical.

Read more

The HTML Search Element

#html#accessibility

The HTML Search Element is a new semantic element that can be used as a container for the parts of the document related to performing a search or filtering operation.

Read more

Web Sustainability Guidelines

#sustainability#javascript#accessibility#performance#html

The Sustainability Web Design Community Group announced the Web Sustainability Guidelines. It’s all about “how to design and implement digital products and services that put people and the planet first.”

Read more

View Transitions are coming (Astro 3.0)

#dom#javascript#astro

View Transitions will soon be available in all major browsers and Astro is the first framework to support them.

Read more

CSS Selectors Visual Guide

#css

Today I learned about this visual guide to all CSS selectors

Read more

Learn HTML

#html#accessibility

Learn HTML! It is still the foundation of the web and the most important language to learn.

Read more

Have you used Web Components?

#javascript

Have you used Web Components? I have not and I wondered why. Dave Rupert has a lot on opinions why Web Components have not succeeded yet and in this post I summarize his blog post.

Read more

The popover API

#html#accessibility#ux

The popover API is a new HTML attribute that makes it easy to integrate popovers into websites without the need for JavaScript.

Read more

The problem with sticky menus

#accessibility#ux

Sticky menus are used widely on the web but come with some serious issues. In this post I learned about the problems they cause and what to do instead.

Read more

CSS Nesting

#css

CSS Nesting is finally built into the language. No need for a preprocessor anymore! In this post, I'll look at the spec and valid selectors.

Read more

Image Carbon

#accessibility#performance

Image Carbon is a tool that helps you to calculate the carbon footprint of your websites images

Read more

Text-wrap: balance

#css

Text-wrap balance is a new way to specify with CSS how lines of text are balanced.

Read more

Building accessible modal dialogs

#accessibility

Today I learned how to make modal dialogs accessible so that they can be used by people who use assistive technologies to navigate the web.

Read more

CSS Scroll Snap

#css

Today I learned about how you create a scroll snap effect in CSS with the scroll snap properties.

Read more

React Server Components

#react

Today I learned about React Server Components, what they are and how they will be useful.

Read more

SVG Drawing Animation

#css#svg

Today I learned how to animate SVG drawings using CSS.

Read more