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 […]
Tag Archives: link
Using the <details> element to create modals and menus
The 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 […]
React Hook Flow Diagram
Donovon has created this nice flowchart that explains the new lifecycle of a Hooks component. Comes in handy 😉 hook-flow →
Making sense of React’s useEffect
Today 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 […]
JavaScript “loose” comparison, step by step
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 […]
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 […]
O.MG Cable – A normal looking USB cable that can hijack your computer when plugged in
It looks like an ordinary Lightning to USB Cable from Apple, yet it’s not: it’s got built-in Wifi and can receive payloads which get executed on the machine it’s plugged in 😱 However, let this be a reminder to never trust external cables (or USB outlets for that matter!), found USB sticks, etc. O.MG Cable […]
BeFunky – Photo Editing & Graphic Design Made for Everyone
At the top of Creating vs. Shipping there’s a featured image that contains the quote I mentioned in the post itself. To create that image, I turned to an online tool named “BeFunky Photo Editor”. Even though the more advanced stuff (or extra variants of a brush) requires a paid account, it’s more than enough […]
Quickly browse the history of any GitHub file with GitHistory.xyz
Replace github.com with github.githistory.xyz in any file url There’s no step two I see a good use case for education/demos this. Also love how everything flies in and out of the screen. Smooth GitHistory.xyz → GitHistory.xyz Source (GitHub) →
Automatically create an APK from your Progressive Web App with PWA2APK
As mentioned in How to publish your PWA onto the Google Play Store it’s now possible to publish your PWA’s onto the Google Play Store. Thanks to PWA2APK you no longer need to manually create your APK: “just” enter the URL of your PWA and an APK – which you’ll need to publish manually – […]