Stéphanie reworked her Portfolio and blog in 2018. I (Geoffrey) personally worked on the coding part, but also on the animation and micro-interaction part. And that’s what I want to write about today. Animation can be considered as part of a visual identity. Let’s go through the different little animations and their specificities. I want to share with you some tips, things I learnt before and practiced while creating those interactions, to inspire you.

Before I explain how to write one, let me quickly answer the question: What is a CSS algorithm? A CSS algorithm is a well-defined declaration or set of declarations that produces a specific styling output. Phrased another way, a CSS algorithm is a very intentional and well thought-out utility pattern.

When inspecting most other grids in DevTools, you’ll notice that column widths are dependent on their parent element. This article will help you understand how to overcome these limitations using CSS variables and how you can start building with container units.

For performance reasons, we often configure our sites to deliver their code in slightly different ways for new and returning visitors. However, for subsequent visits to other pages on our site, many of the resources that pages require will already be in the browser’s cache, so we would not want to inline or push files unnecessarily. Recently, I learned that Service Workers might be a better tool for this job than cookies are.

In February 2019, WebAIM conducted an accessibility evaluation of the home pages for the top 1,000,000 web sites. The results paint a rather dismal picture of the current state of web accessibility. These data show that there is still significant work to be done to ensure the web is made accessible to everyone. While the volume of errors is disconcerting, most of the significant errors are of just a few types.