A rather geeky/technical weblog, est. 2001, by Bramus
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”
In Kalaallit Nunaat (Greenland), the Inuit people are known for carving portable maps out of driftwood to be used while navigating coastal waters. These pieces, which are small enough to be carried in a mitten, represent coastlines in a continuous line, up one side of the wood and down the other. The maps are compact, …
Continue reading “Inuit Cartography: A Coastline Map Carved out of Driftwood”
TIL, from the Engagor Clarabridge Development Blog: When creating an \Exception in PHP (including your own extended classes), you can pass in a third argument named $previous. It defines the previous \Exception used for exception chaining, leaving you with better errors for debugging: try { $this->doSomeImportantStuffWith($foo); } catch (VeryDescriptiveException $e) { // do some stuff …
Continue reading “Exceptional Exceptions: Cleverly throwing Exceptions in PHP”
If you want to improve the accessibility of your React apps but you don’t know how or where to start, this talk is just what you need. Manuel shares 12 tips that will help you build web sites and applications that can be used by anyone. Each tip fits on one slide and you’ll be …
It’s possible to unlock and start a Tesla using only using a driver’s App username and password (without the need of a key nor the pincode to unlock the onboard dashboard!) Let this be a reminder to never trust free Wifi; especially not Wifi that requires you to “log in” (*). Also: Services like these …
Continue reading “How to Steal a Tesla and What You Should Do to Protect Yourself”
:nth-child(), and orderTobias Ahlin: On the surface it seems fairly easy to create a masonry layout with flexbox; all you need to do is set flex-flow to column wrap and voilà, you have a masonry layout. Sort of. The problem with this approach is that it produces a grid with a seemingly shuffled and obscure order. Flexbox …
Continue reading “CSS masonry with flexbox, :nth-child(), and order“