Determine Default App for File Type from Command Line / / No Comments One quality of life improvement any developer can make for themselves is ensuring different file types open in the app they’re most proficient in. If you know me, you know I prefer accomplishing as much as possible from the command line. The duti utility allows users to determine default file type from command line. The duti utility allows developers to query which app is the default for different file types. You can install duti with brew: brew install duti Once you have duti available, you can check on the default app for file type with the following command: ~ duti -x md Xcode.app /Applications/Xcode.app com.apple.dt.Xcode You can set the default app by using its package: duti... more → Posted in: JavaScript Tagged with: Command, default, determine, file, from, line, type
Skip or Only Run a Test with JavaScript Mocha / / No Comments Whenever I start to feel anxiety about a big change I’m making, I start writing more unit tests. I’ll write down my fear and then write a test that attacks, and eventually relaxes, that fear. There are two actions that I’ve been frequently using with test writing: skipping all but one test or single tests. Skip a Test Oftentimes I will create tests with empty bodies so that I don’t forget to write them. To skip a test which is incomplete or known to fail, you can use xit: xit('does the thing I want', () ={ }); Once the test is complete or ready to be applied, you can change xit back to it. Run a Single Test To run only a single test with the Mocha test framework,... more → Posted in: JavaScript Tagged with: JavaScript, Mocha, only, Skip, test
Building a Placeholder Web Component with No External Dependencies / / No Comments As my readers can tell, I’m on something of a web component kick, and while I’m enjoying building silly examples, today I wanted to share one I thought might actually be useful – a placeholder component that doesn’t use any external services. Raymond Camden… more → Posted in: JavaScript Tagged with: building, Component, Dependencies, External, Placeholder
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
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
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
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