A rather geeky/technical weblog, est. 2001, by Bramus
Nice tool by Adrian Bece that visualizes what values a Viewport Unit Based Typography (aka Fluid Typography) system will yield. Modern fluid typography editor → This tool is built after the Fluid Calculator, developed by Josh W Comeau for his CSS for JavaScript Developers Course.
Christian Schaefer created a DevTools Extension for both Chromium and Firefox that visualizes the children of a DOM Node. The bigger the box, the more children that child node has. After a Google Lighthouse audit complaining an excessive DOM size, have you ever wondered in which corner of your document most DOM nodes are buried? …
A visualizer to help you learn how the DOM Event system works through exploration. Explore event phases, stopping events, canceling events, passive events and more. Explore DOM Events →
Enter an SVG path data (the string inside the d attribute) to visualize it and discover all its different commands Handy tool! And the cool part is you get shareable URLs along with it 🙂 SVG Path Visualizer →
Lydia Hallie has done some amazing work and created visualisations for the Merge, Rebase, Reset, Revert, Cherry-Pick, Fetch, Pull, and Reflog Git commands. Embedded below is a rebase example: Wish I had these when I started out with Git 😅 CS Visualized: Useful Git Commands →
In early 2009, Crystal was appointed as the official Digital Imaging Services Supplier for the London 2012 Olympic and Paralympic Games. One of our proudest achievements was the creation of the 90 minutes of spectacular content for the Audience Pixels and Roof LED animations during the Olympic Opening Ceremony. Again: Pixelphones
Disney has added a spectacular new element to its World of Color light show at the Disney California Adventure Park, equipping audience members with LED Mickey Mouse ears controlled remotely via infrared (IR). According to an explanatory video posted by Disney, the ears communicate with IR controllers grouped into spatial zones, allowing technicians to perform …
The Loop Waveform Visualizer uses a combination of level and waveform data to produce a circular audio visualization of any MP3. Use the mouse to tilt and the mousewheel to zoom. Now this thing is really amazing. Couldn’t even imagine this being so responsive. Very, very neat. Canary Chrome required. Loop Waveform Visualizer → The …