Lightship Earth / / No Comments Dutch broadcasting company KRO-NCRV has released an interactive map which visualizes light pollution in the Netherlands. Spaceship Earth allows you to enter any address in the Netherlands to discover how many stars can be seen from that location. The map also explores some of the most (and least) light polluted areas in the country.Spaceship Earth begins with a little scrollytelling tour of the Maps Mania… more → Posted in: Interactive Maps Tagged with: Earth, Lightship
CSS ::file-selector-button / / No Comments We all love beautifully styled form controls but, due to the differences between operating system displays, styling them can be painful. Due to that pain, we’ve created scores of libraries to mock these controls. Unfortunately that sometimes comes at the cost of accessibility, performance, etc. One control that has traditionally been tough to style is the input[type=file] element. Said input variation visually contains a button and text, all being clickable. Bit of a Frankenstein’s monster if you ask me. Can we style the button part though? We can! To style the button button portion of input[type=file], you can use ::file-selector-button: input[type=file]::file-selector-button... more → Posted in: JavaScript Tagged with: fileselectorbutton
Southerners Have Poor Credit & Poor Health / / No Comments Every single person who confuses correlation and causation ends up dying. https://t.co/gPtdUguRYi— Hannah Fry (@FryRsquared) February 13, 2023 I’ve never given a Tweet a standing ovation, but last week I did nearly stand-up and applaud this Hannah Fry’s witty response to a British MP. However, even though correlation does not imply causation, causal analysis can still try to establish Maps Mania… more → Posted in: Interactive Maps Tagged with: credit', health, Poor, Southerners
Detect XR Support with JavaScript / / No Comments A few years ago I wrote an article about how to detect VR support with JavaScript. Since that time, a whole lot has changed. “Augmented reality” became a thing and terminology has moved to “XR”, instead of VR or AR. As such, the API has needed to evolve. The presence of navigator.xr signals that the browser supports the WebXR API and XR devices: const supportsXR = 'xr' in window.navigator; I really like using in for feature checking rather than if(navigator.xr), as simply invoking that could cause some initialization to take place. In future posts we’ll explore identifying and connecting to different devices. The post Detect XR Support with JavaScript appeared... more → Posted in: JavaScript Tagged with: Detect, JavaScript, Support
Twittens, Ginnels and Jitties / / No Comments In December Mapping Urban Form and Society published a fascinating article exploring how language and mapping intersect in the names people use to refer to a ‘narrow walkway between buildings.’ In the UK these walkways or alleys might also be called a ‘passage’ ‘cut’, ‘entry’, ‘gennel’. ‘ginnel’, ‘jitty’, ‘snicket’ or ‘twitchel’. Which one of these terms is used is normally determined by where Maps Mania… more → Posted in: Interactive Maps Tagged with: Ginnels, Jitties, Twittens
How to Open a Tor Brave Window from Command Line / / No Comments I love the Brave web browser for many reasons: ad blocking, Brave rewards, crypto integration, and even a Tor tab feature. I’ll often use the Tor feature but wanted to know how I could automated opening Tor windows from command line. To open a Brave Tor tab, you can use the following command: open -a "Brave Browser" --args --incognito --tor Any time I want to remotely open a Tor tab, I can do so via a shell script. Commands are such an underused but valuable utility for apps! The post How to Open a Tor Brave Window from Command Line appeared first on David Walsh Blog. David Walsh Blog… more → Posted in: JavaScript Tagged with: Brave, Command, from, line, open, Window
24 Hours of Ship Traffic in the Bay / / No Comments Every day hundreds of container ships, high speed ferries, and pleasure boats navigate the San Francisco Bay. The job of orchestrating much of this marine traffic falls to the Coast Guard’s vessel traffic service, based on Yerba Buena Island. You can get a great idea of what this job entails on Mapbox’s interactive map Ships in the San Francisco Bay.Ships in the San Francisco Bay animates 24 Maps Mania… more → Posted in: Interactive Maps Tagged with: hours, ship, Traffic
Another Update to my Slideshow Web Component – JavaScript Support / / No Comments Last month I shared a simple web component I built to embed slideshows onto web pages. If you didn’t get a chance to read that, you can see it in action in this CodePen below: See the Pen Slideshow Web Component by Raymond Camden (@cfjedimaster) on CodePen. After I wrote this, Šime Vidas shared an excellent update to my component with some great modifications. I talked about this version in a blog post, and it’s the version I’ll be using for my post today. What am I covering today? When I demonstrated how to use my web component, it was done via a script include (well, it’s on CodePen, but you get the idea), and then a bit of HTML. Here’s an example. (And... more → Posted in: JavaScript Tagged with: Another, Component, JavaScript, Slideshow, Support, update