A rather geeky/technical weblog, est. 2001, by Bramus
Great work by Heydon Pickering, in which he lets a flexbox layout respond to the size of its container, and not the viewport Sometimes you want your items to wrap in a very particular way. For instance, when you have three items, you’ll be happy with the three-abreast layout and accepting of the single-column configuration. …
Dimensions.Guide is a comprehensive reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces that make up our world. Created as a universal resource to better communicate the basic properties, systems, and logics of our built environment, Dimensions.Guide is a free platform for increasing public and professional knowledge …
Continue reading “Dimensions.Guide – Database of Dimensioned Drawings of Everyday Objects”
The Night Sky lets one create a map of the stars, as seen at a certain time and location. Was it your first kiss, the birth of a child or that moment you realized your world had changed. Give a gift of the stars to always remember that special night. Prints (rather expensive ones if …
Continue reading “Create a map of the stars with “The Night Sky“”
select element
Scott Jehl, from Filament Group: The select element has long been difficult to style consistently across browsers. To avoid its shortcomings in the past, we have used workarounds like styling a parent element, adding pseudo-elements, and even using JavaScript to construct a select-like control out of different elements that are easier to style. But workarounds …
Scribit is a vertical plotter that can draw any content sourced from the web – and update it in real time. It is mounted on a wall using only 2 plugs and a wire in between. You send it an image from within the app and it will start drawing (with support for 4 colors …
With the upcoming release of Firefox 65 (due January 29tgh), its DevTools will sport a new shiny Flexbox Inspector. The new Flexbox Inspector, created by Firefox DevTools, helps developers understand the sizing, positioning, and nesting of Flexbox elements. Victoria Wang details how they UX challenges that came with this tool were tackled. Built on the …
Continue reading “Mozilla Hacks: Designing the Flexbox Inspector”
Some nice tips by Tim MacDonald on how to speed up your PHPUnit tests! Having a fast test suite can be just as important as having a fast application. As a developer, getting feedback quickly about the state of your code allows for a much quicker development turnaround. Here we are going to run through …
I like this post by Marcin Wichary in which he looks for remnant expressions in our language which are based on technologies that no longer exist, but that we still use. A typical example is “dialing a number”. We dial a number — or dial someone — even though dials disappeared from phones decades ago. And we hang up …
Continue reading “The ghosts of technology in today’s language”
The folks who created Codea — an app for creative coding — recently adjusted it to make it also run on the iPhone. While Autolayout tackles most of the screen adapations, they were in need of menus. I realised six months ago as I was using my Mac, using the menus, that I need these …
Continue reading “Create beautiful menus on iOS with Codea’s iOS “Menu” pod”
quicklink – Prefetch links (during idle time) based on what is in the user’s viewport
Great little piece of JavaScript which prefetches links, but only when the browser is idle (and when the user is on a “fast” connection). Uses the aforementioned Intersection Observer to detect which links are in-view. Install it per NPM and call its quicklink(); method – for example after the DOM has loaded – to initialize …