An Interactive Guide to Flexbox
An Interactive Guide to Flexbox is another great piece by Josh Comeau. Like always, deep content insight with lot´s of beautiful animations and CSS styling …
View transitions
Transition between server-side rendered pages without using JavaScript
Animated gradient text
Great tip by Jhey Tompkins on web.dev to get text that is not only colored by using a gradient but also animate the color. I …
eleventy-embed-tweet
Kyle Mitofsky wrote the eleventy-embed-tweet plugin to fetch tweets during build time, optionally cache the tweets on the file system, and render them by accessing …
:has()
Jen Simmons wrote an excellent article about the new :has() CSS selector on webkit.org, titled Using :has() as a CSS Parent Selector and much more. …
How we think about browsers
The GitHub engineering article How we think about browsers shows their progressive enhancement attitude. My takes: Make fast sites: At GitHub, we believe it’s not …
Unobtrusive and smart Sticky Footer
It is as simple as html, body { height: 100%;}body > footer { position: sticky; top: 100vh;} Silvio Rosa made a CodePen about it, which …
Learn Responsive Design
Learn Responsive Design is A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone. …
Axiomatic CSS and Lobotomized Owls
* + * Read Axiomatic CSS and Lobotomized Owls, an article by Heydon Pickering about creating vertical rhythm with very little CSS.
::before and ::after
::before and ::after add a first child before the other children and a last child after the other children of the element. Rachel Andrew, How …