A presentation at Smashing Conference Freiburg 2022 Jam Session in in Freiburg, Germany by Gunnar Bittersmann
Where where no one has gone before
const resizeObserver = new ResizeObserver(entries => {
document.documentElement.style.setProperty(
‘—header-height’, ${entries[0].target.offsetHeight}px
);
});
resizeObserver.observe(document.querySelector(‘header’));
const intersectionObserver = new IntersectionObserver(entries => { document.body.classList.toggle( ‘scrolled’, entries[0].intersectionRatio == 0 ); }, { rootMargin: ‘36px’ });
intersectionObserver.observe(document.head);
head { display: block; }
head > * { display: none; }
Lightning talk about
aria-current="page"
resizeObserver, intersectionObserver
head { display: block }
The following resources were mentioned during the presentation or are useful additional information.
web page generated from JSON-LD data
raw JSON-LD data
converts RDF/JSON-LD into HTML/RDFa
dark mode; header magic
A presentation about RDFa and Schema.org at Front-Trends 2015 in Warsaw by Gunnar Bittersmann
A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann
A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann
