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) →
CSS Grid Generator
The Disco Invention that Changed Pop Music
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:
Including content from other files in your HTML (“HTML Includes”)
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”)”
Well Aimed: How well do you know CSS Selectors?
Fun little quiz, testing your CSS Selectors knowledge. Well Aimed: How well do you know CSS Selectors →
Evolution of Webdesign
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
Alfa Mist – Mulago
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 nodes
import 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”
Inuit Cartography: A Coastline Map Carved out of Driftwood
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”
Exceptional Exceptions: Cleverly throwing Exceptions in PHP
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”
12 Tips for More Accessible React Apps
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 …