A rather geeky/technical weblog, est. 2001, by Bramus
Yesterday, apart from revealing a $999 monitor stand, Apple announced SwiftUI which got me quite excited. SwiftUI is an innovative, exceptionally simple way to build user interfaces across all Apple platforms with the power of Swift. Build user interfaces for any Apple device using just one set of tools and APIs. With a declarative Swift …
At JSConf EU 2019, CJ Silverio – former CTO at NPM Inc – gave this talk on why a VC-funded private package registry (read: the one ran by NPM Inc) holds many dangers. The JS package commons is in the hands of a for-profit entity. We trust NPM Inc with our shared code, but we …
A tweet that’s been making rounds this week is on how to disable macOS Mojave’s floating screenshot preview thumbnail (and remove that delay along with it). PSA: If you’re on macOS Mojave, you can revert to the old, good, screenshot behavior (no floating screenshot thumbnail, no delay before file shows on desktop) ✨1: ⌘+Shift+52: Click …
Continue reading “macOS Mojave: Disable the floating screenshot thumbnail (using defaults write)”
Sarah Drasner (@sarah_edo), now at Netlify, created a handy tool to visually create CSS Grid Layouts. Handy if you’re not all to familiar with it, yet. CSS Grid Generator →CSS Grid Generator Source (GitHub) →
I’ve been enjoying – and have linked to – the videos by Vox quite a lot, especially those from Vox Earworm. This video on how disco’s newly invented vinyl format – the 12-inch single – revolutionized pop music in the ’70s, is something right up my alley:
Nice find by Scott Jehl from Filament Group: Instead of fetching files over XHR and then injecting their contents, you can also use an iframe + leverage its onload event to include the contents of any other file directly into the current web page. <iframe src="signal.svg" onload="this.before((this.contentDocument.body || this.contentDocument).children[0]);this.remove()" ></iframe> The example above loads up …
Continue reading “Including content from other files in your HTML (“HTML Includes”)”
Fun little quiz, testing your CSS Selectors knowledge. Well Aimed: How well do you know CSS Selectors →
The Evolution Of Webdesign is a collection and imitation of Webdesign Trends from 1991 to 2015. In this project I researched and tried to represent a fixed content with typical attributes for each year. Utterly brilliant! Evolution of Webdesign → Via Jeremy
Stunning track by Alfa Mist, from their latest album Structuralism: This track should’ve lasted at least twice as long … great vibe. Via Jurriaan (who went to Roeselare Jazz last week, posted some photos/videos praising Alfa Mist their performance on Instagram, thus piquing my interest …)
useDimensions – a React Hook to measure DOM nodesimport React from 'react' import useDimensions from 'react-use-dimensions' const MeasuredNode = () => { const [ref, { x, y, width, height }] = useDimensions(); return ( <p ref={ref}> I am a paragraph at ({x}px, {y}px) position with a width of {width}px and height of {height}px </p> ); }; Handy. Uses window.resize+window.scroll internally, yet I’m quite …
Continue reading “useDimensions – a React Hook to measure DOM nodes”