A PDF Embed Web Component / / No Comments I’m still pretty new to web components (see my post back in May, My First Web Component), but I’ve been playing with them, and other libraries that wrap them, off and on. Recently I decided to revisit something I had tried at the time I first played with the technology, a wrapper for Adobe’s PDF Embed library. Raymond Camden… more → Posted in: JavaScript Tagged with: Component, EMbed
Exploring the Lakes of Mars / / No Comments Freie Universität Berlin’s Jezero Crater interactive map allows you to take a virtual tour of the landing site on Mars of the 2020 Perseverance rover. This tour includes a synthesized 360 degree panorama of the crater as it might have once looked, when water still existed on Mars. The interactive Jazero Crater map shows the track of Perseverance, revealing the parts of the Jezero crater which Maps Mania… more → Posted in: Interactive Maps Tagged with: Exploring, Lakes, Mars
Using the Adobe PDF EMbed API with Vue 3 / / No Comments A long time ago, ok, February of last year, I posted about using the Adobe PDF Embed library with Vue.js: Using the PDF Embed API with Vue.js. The main issue with our Embed library and libraries like Vue is a "chicken and egg" issue. Basically, our docs tell you to add an event listener for our library to load, but it’s possible that the library has loaded before you add the event listener. Raymond Camden… more → Posted in: JavaScript Tagged with: Adobe, EMbed, using
Journey to the Moon in 3D / / No Comments NASA’s Artemis program will build a Lunar Gateway space station which can then be used to establish a permanent home base on the Moon and to launch human missions to Mars. Unfortunately the launch date for Artemis 1 has been postponed on a number of occasions due to engineering problems and adverse weather conditions (with the latest planned launch yesterday postponed because of Hurricane Ian). Maps Mania… more → Posted in: Interactive Maps Tagged with: journey, Moon
Set Brave as Default Browser from Command Line / / No Comments I’ve been a huge fan of the Brave web browser for years. They’re crypto-friendly, provide native ad-blocking features, and even provide Tor integration. Whenever I set up new systems, I automate Brave as the default browser. You can use the following shell command to set Brave as the default browser: open -a "Brave Browser" --args --make-default-browser Brave has been an excellent browser with a progressive outlook web browsing. I recommend everyone use Brave! The post Set Brave as Default Browser from Command Line appeared first on David Walsh Blog. David Walsh Blog… more → Posted in: JavaScript Tagged with: Brave, browser, Command, default, from, line
The RAF Map of Post-War London / / No Comments Layers of London is an interactive map which gives you access to lots of historic maps and historical information about the capital city. This morning I’ve being exploring the Layers of London RAF Aerial Collection (1945-1949). After World War II the Royal Air Force methodically flew over the whole of Britain to photograph the country from the air. This resulted in 24,000 photographs of London. Maps Mania… more → Posted in: Interactive Maps Tagged with: London, PostWar
CSS :autofill / / No Comments Autofilling HTML input elements is a frequent user action that can drastically improve user experience. Hell, we all autofill for our passwords and address information. But what control do we have when input elements have been autofilled? To add custom CSS styles to inputs whose contents have been autofilled by the browser, you can use the :autofill pseudo-class: input:autofill { border: 2px solid orange; } I’m really happy that browsers allow site and app developers to customize the styling of elements that have been changed by the browser. Autofill, to a degree, is an unnatural act, so signaling to that the value in an input was changed without control is important. Since different... more → Posted in: JavaScript Tagged with: autofill
Building a Web View of a Public Google Drive Folder / / No Comments I’m working on a project to help with local initiatives and as part of that effort, I needed to look into creating a nice way to display, make available, etc., files stored in Google Drive. Google Drive lets you make a folder public, and to be honest, the interface isn’t too hard to use. I’ve got a folder you can open yourself at https://drive.google.com/drive/folders/1FYLaoscxWBV_BU5sFouf7XCrv7cKktBY?usp=sharing. Here’s how it looks if you don’t want to click. Raymond Camden… more → Posted in: JavaScript Tagged with: building, Drive, Folder, Google, public, View