A rather geeky/technical weblog, est. 2001, by Bramus
position: sticky; with overflow: scroll;Figure: position: sticky; and overflow: scroll;, a quirky combination … but it can be fixed! Dannie Vinther: Say we want an overflowing table of columns and rows with sticky headings on a page. We want the headings to stick while scrolling on the document window, and we want to be able to scroll horizontally within …
Continue reading “Combining position: sticky; with overflow: scroll;“
Disney’s Aladdin (1992) is getting a live-action remake. Today the trailer got released: I was 9 when the original Aladdin came out. I can sing along to all of its songs by heart. So yeah, I’m quite the sucker for this re-make. The trailer looks quite promising so I’m starting to think that they won’t …
Figure: WorldWideWeb, with the homepage of bram.us loaded Today the web turned 30. Perfect time to mention that back in February a small team of people have worked on a rebuild of the original WorldWideWeb application – the world’s first browser – which was used to access the web back then. In December 1990, an …
Continue reading “Browse the web like it’s 1990: CERN 2019 WorldWideWeb Rebuild”
<details> element to create modals and menusThe folks over at GitHub have been leveraging the <details> element to create modals and menus: <details class=“dropdown”> <summary class=“btn” aria-haspopup=“menu”>…</summary> <ul class=“dropdown-content”> <li><a href="/muan">profile</a></li> … </ul> </details> Very clever, as <details> trumps the <modal> element in many ways: Semantic Accessible No JavaScript Next to that, they’ve also released a few custom elements that make …
Continue reading “Using the <details> element to create modals and menus”
Donovon has created this nice flowchart that explains the new lifecycle of a Hooks component. Comes in handy 😉 hook-flow →
useEffectToday Dan Abramov published an extensive deep dive into useEffect. The issue that many devs (who, including me, have been using componentDidMount before) are having, is that they now need to unlearn a few things It’s only after I stopped looking at the useEffect Hook through the prism of the familiar class lifecycle methods that …
This handy tool visualizes loose comparison (==) in JavaScript works: Below you can provide two values to compare, and see which steps of the “Abstract Equality Algorithm” as defined in Section 7.2.14 of the ECMAScript specification are executed. JavaScript “loose” comparison, step by step → Related: Equality in JavaScript Javascript : The Curious Case of …
Continue reading “JavaScript “loose” comparison, step by step”
Wait, we don’t like .reduce() now? I loved using reduce. Man, Twitter, I just got done refactoring all my code to hooks, binary templates, and async/await and now this. Twitter-driven-development is hard. 😓 — Brian Holt (@holtbt) February 24, 2019
For more than a year it’s been bugging me that iTunes “sometimes” would auto-rate played tracks. It happened on some albums, yet not all albums. Back in May 2018 I posted this video on YouTube showing the behaviour: As you can see iTunes here automatically rates “En Masse” (track 10) from the moment it starts …
php-timecop – A PHP extension providing “time travel” capabilities
Now this looks handy, especially when you’re writing/testing code that’s dependent on the system’s time: php-timecop is a PHP extension providing “time travel” and “time freezing” capabilities Freeze time to a specific point. Travel back to a specific point in time, but allow time to continue moving forward from there. Scale time by a given …
Continue reading “php-timecop – A PHP extension providing “time travel” capabilities”