InautiloHotspots for Online Professionals

Search form

  • All
  • Business
  • Design
  • Code
DesignResources

The large, small, and dynamic viewports

We will finally be able to solve an old bug in Safari on iOS.

by Bram Van Damme
DevelopmentResources

Practical use cases for Scroll-linked Animations

The potential of the coming CSS Scroll-linked Animations specification.

by Bram Van Damme
DevelopmentOpinions

Embrace the platform

“Keep it simple: HTML, CSS, and JavaScript — in that order.”

by Bram Van Damme
DevelopmentResources

The future of CSS

Detect at-rule support with @supports at-rule(@keyword).

by Bram Van Damme
DevelopmentSamples

CSS border animations

There’s a multitude of possibilities to animate borders in CSS.

by Bram Van Damme
DevelopmentTools

Finer grained control over CSS transforms with individual transform properties

The new transform properties now work in all major browsers.

by Bram Van Damme
DevelopmentSamples

Modern web debugging in Chrome DevTools

As of Chrome 106, you can debug the original instead of minified code.

by Bram Van Damme and Porof Victor
DevelopmentResources

The large, small, and dynamic viewport units

What to expect from the new CSS units for mobile viewports.

by Bram Van Damme
DevelopmentResources

Sibling scopes in CSS, thanks to :has()

Leverage :has() to select all siblings between two boundaries.

by Bram Van Damme
DevelopmentResources

Using CSS :is() in complex selectors selects more than you might initially think

A demo and an explanation.

by Bram Van Damme
DevelopmentResources

(255,255,255) is the highest specificity

CSS Specificity is unlimited by design, but every system has its limits.

by Bram Van Damme
DevelopmentResources

Trigonometric functions in CSS

Calculate the sine, cosine, tangent, and more in CSS.

by Bram Van Damme
DevelopmentSamples

Rearrange/Animate CSS Grid layouts with the View Transition API

With a few lines of JavaScript and CSS, you can animate your grid layout.

by Bram Van Damme
DevelopmentResources

Synchronize videos, 3D-models, etc. to Scroll-Driven Animations

It’s surprisingly easy with a sprinkle of JavaScript.

by Bram Van Damme
DevelopmentSamples

Faking a :snapped selector with Scroll-Driven Animations

An upcoming CSS feature proves valuable in unexpected ways.

by Bram Van Damme
DevelopmentResources

A quick introduction to CSS @scope

An upcoming way to scope the reach of your CSS selectors.

by Bram Van Damme
DevelopmentResources

Scroll-timeline polyfill

If you can’t wait for cross-browser CSS Scroll-Driven Animations.

by Robert Flack, Zouhir and Bram Van Damme
DevelopmentTools

Scroll-Driven Animations Debugger

A DevTools extension to visualize and debug Scroll-Driven Animations.

by Bram Van Damme
DevelopmentResources

Limit the reach of your CSS selectors with ‘@scope’

A way to select elements only within a subtree of your DOM.

by Bram Van Damme
DevelopmentResources

Easy light-dark mode color switching

CSS now comes with a utility function named light-dark().

by Bram Van Damme
DevelopmentResources

CSS wrapped: 2023!

A huge year for CSS summarized in a huge article.

by Una Kravets, Bram Van Damme and Adam Argyle
DevelopmentResources

CSS scroll-driven animations: you want ‘overflow: clip’

What to do if you find scroll(nearest) is not working.

by Bram Van Damme
DevelopmentResources

CSS foundation: What is IACVT?

The meaning of Invalid At Computed Value Time.

by Bram Van Damme
DevelopmentResources

CSS color-scheme-dependent colors with light-dark()

Simpler dark mode setup with the light-dark() function.

by Bram Van Damme
DevelopmentSamples

Misconceptions about CSS Specificity

Let’s clear up the confusion around it.

by Bram Van Damme
DevelopmentCourses

Introducing ‘Unleash the power of scroll-driven animations’

A video course on scroll-driven animations with CSS/JavaScript.

by Bram Van Damme
DevelopmentResources

What’s new in view transitions?

Get ready for a whole new level of transition animations!

by Bram Van Damme
DevelopmentSamples

Feature detect CSS @property support

Testing browser support for custom property definitions.

by Bram Van Damme
DevelopmentResources

Misconceptions about view transitions

With growing API interest, let’s clear up some myths.

by Bram Van Damme
DevelopmentTools

caniuse-cli

A command line tool for ‘Can I use…’ and browser-compat-data.

by Bram Van Damme
DevelopmentResources

Animate to ‘height: auto;’ in CSS

How to animate between lengths and intrinsic sizes.

by Bram Van Damme
DevelopmentSamples

CSS scroll-driven header

Hide the header on scroll down; show it on scroll up.

by Bram Van Damme
DevelopmentResources

Benchmarking the performance of CSS @property

Regular vs. registered vs. unregistered custom properties.

by Bram Van Damme
DevelopmentResources

CSS nesting improves

It gets much better with CSSNestedDeclarations.

by Bram Van Damme
DevelopmentResources

More options for styling HTML ‘details’

All the changes introduced in Chrome 131.

by Bram Van Damme
DevelopmentSamples

Viewport resize behavior on mobile

How to control it with ‘interactive-widget’.

by Bram Van Damme
DevelopmentSamples

Animations linked to a View Transition

How to get the animations with little JavaScript.

by Bram Van Damme
DevelopmentResources

CSS ‘attr()’ gets an upgrade

Chrome 133 unlocks new features for the ‘attr()’ function.

by Bram Van Damme
DevelopmentResources

State-preserving DOM element movements

Chrome 133’s new ‘moveBefore’ method is a big deal.

by Bram Van Damme
DevelopmentSamples

Keeping interactivity during a view transition

How to bypass the ::view-transition overlay clicks.

by Bram Van Damme
DevelopmentOpinions

CSS Custom Functions are coming

“They are going to be a game changer.”

by Bram Van Damme
DevelopmentOpinions

CSS @function + CSS if() = Mindblowing

Chrome’s prototype shows they are a game changer.

by Bram Van Damme
DevelopmentSamples

Smoothly animating a ‘border-radius’

Two approaches using CSS View Transitions.

by Bram Van Damme
About Us

Inautilo · Top news and contributions from the web community.

Our Mission

“Do you want to stay up-to-date with the evolution of the web? In a minimum amount of time?

Now you can, thanks to our innovative discovery engine.”

Reto List · Editor of Inautilo

Follow us
  • Newsfeed
  • Mastodon

10,000+

Inautilo followers worldwide

Get in touch

Tell us what you think, or just say [email protected]

Copyright © 2011–2025 Inautilo · Hotspots for Online Professionals | Cookie/Privacy Policy | Imprint