Adding a PDF Display to Eleventy / / No Comments This will be a short one. I’ve talked about embedding PDFs on web pages for probably close to ten years now. Blame Adobe. Blame me being a nerd and finding this stuff interesting. Blame whoever. While I’ve blogged about the topic, I’ve also actually done that on my site here, in a variety of different ways. A while back I realized I wasn’t being consistent with how I did… "stuff" here, like call outs, Youtube links, etc. I started a guide doc so I’d have a quick way to remember what I did last time, and be more consistent. One item on there I had left as "figure it out later" was proper PDF embedding. This week I finally nailed that down.... more → Posted in: JavaScript Tagged with: Adding, display, Eleventy
Adding Google Auth to TinyJS / / No Comments A few days ago I posted about my experience playing around with TinyJS. This is a very light "web to desktop app" platform for – well – building desktop apps. Its simplicity and similarity to PhoneGap (at least for the desktop) has got me interested in seeing what I can build with the project. One of my ideas would be improved with a login system so I naturally looked into adding a "Login with Google" feature. While this was mostly straightforward, I ran into some oddities and figured I’d share it here. I went into this exploration with a basic idea of how I’d approach it: Create an app in the Google Cloud console to represent my app, getting the client... more → Posted in: JavaScript Tagged with: Adding, Auth, Google, TinyJS
Adding My Latest CodePens to My Blog / / No Comments I’ve been a fan of CodePen for many, many years, and it’s one of the few services I spend money on to help support. A few months back, they released an entirely new version that dramatically improved the service (CodePen 2.0) and it just made me more happy I was a supporter. Just a few days ago they announced more changes including a full API. I thought it would be fun to add a display of my recent pens. Yes, I thought that would be fun, because that’s the kind of nerd I am. Adding Dynamic Content to a SSG It has been a very long time since I blogged about anything related to static site generators. There’s no particular reason for that, but I figure this is a good time... more → Posted in: JavaScript Tagged with: Adding, blog, CodePens, latest
Adding a Dolly Zoom to Your Map / / No Comments This week, Andrew Sepic of Mapbox published a fascinating article on Unlocking Mapbox GL JS’s Hidden Field of View Control – a technique that can dramatically change how a map feels without moving the camera at all.By manipulating the camera’s internal FOV parameter, developers can:Create a telephoto effect (narrow FOV) for architectural visualizationProduce a dramatic wide-angle Maps Mania… more → Posted in: Interactive Maps Tagged with: Adding, Dolly, Zoom
Adding Hardcover.app Data to Eleventy / / No Comments It’s been far too long since I shared an Eleventy tip, and to be fair what I’m showing today can be used anywhere, but hopefully this will be useful to someone else out there. I enjoy tracking my media consumption, specifically movies and books. For movies I’ve been real happy with Letterboxd (you can see my profile if you wish). For books, I used Goodreads for a very long time, but have wanted to migrate off the platform and switch to something else. There’s alternatives, but none really worked well for me. Earlier this week, an old friend of mine (hi Jason!) suggested Hardcover. This is a Goodreads competitor built, in their own words, out of spite, and I can totally... more → Posted in: JavaScript Tagged with: Adding, data, Eleventy, Hardcover.app
Adding Generative Summaries with Chrome AI / / No Comments Earlier this year (sigh, when I had a job), I built a demo using Chrome’s built-in AI support to do something I thought was really interesting – progressively enhance product reviews to make it easier to see which were trending negative versus positive. It was a great example (imo!) of how AI support could enhance the experience in supported browsers without impacting the experience for others. That demo was on my mind this week, and it occurred to me that it would also be a great place to add summarization. The Summarizer API is now fully released, for Chrome that is, and does not need a flag enabled or anything like that. I’ve blogged about this API a few times already, most... more → Posted in: JavaScript Tagged with: Adding, Chrome, Generative, Summaries
Adding a Web Debugger to BoxLang (First Version) / / No Comments This one’s been sitting in my "to do" blog queue for sometime now and I figured the beginning of spooky season (September 1 – don’t we all start celebrating Halloween then?) was a good excuse to finally kick this out the door. Many, many years ago I learned to love one of the simpler features of ColdFusion, the debugging output. This is a feature ColdFusion has probably had for near twenty or so plus years and while it’s not the same as a "full" debugging service (which also exists), or the powerhouse Fusion Reactor, it’s an incredibly simple way to look at what’s going on in your web application. It works by first enabling it (something... more → Posted in: JavaScript Tagged with: Adding, BoxLang, Debugger, first, version
Adding Programming Language Detection with Built-in Chrome AI / / No Comments As I’ve been playing, and thinking, more and more about how to best add Chrome AI support to web apps, I came across an interesting use-case that I think could be helpful, and like in my previous examples, be completely ok if it didn’t actually work. When I write on the developer blog at Foxit, I make use of WordPress plugin for code samples. This editor has a place for you to both paste in your code, and select the language so the proper highlighter is used: This works well enough, but it gets a bit annoying to have to constantly keep selecting Python in the dropdown. Ideally the form would use the last language (simple enough via LocalStorage), but I was curious how well Chrome’s... more → Posted in: JavaScript Tagged with: Adding, Builtin, Chrome, Detection, Language, programming