Thoughts on the Jamstack and Content Metrics / / No Comments Please forgive the (possibly) unclear title! Let me try to explain what I mean and you can then decide on whether or not you keep reading. As I was walking my dog yesterday (typically the best way to get ideas for my blog), I started thinking about the ways I keep tabs on my blog, specifically my content. This involves both the nature of my content as well as things like my publishing cadence. I’ve developed tools over time to help me check the status of this and I thought it might make sense to share some thoughts in this area with others. While the technical aspects of this post will use Eleventy, it’s really meant to be more generic for the... more → Posted in: JavaScript Tagged with: Content, Jamstack, Metrics, thoughts
Including RSS Content in your Eleventy Site – Part 2 / / No Comments A few weeks ago I blogged about how to include RSS data in your Eleventy site: Including RSS Content in your Eleventy Site. Last week, I had the honor of giving my first presentation to the Eleventy Meetup and for that talk, I took my earlier code and iterated on it a bit to show more examples and add a bit more usefulness to the tip. If you want to watch that presentation, you can do so below (and see @jeromecoupe excellent tal too!). I thought I’d also share the updates here for folks who prefer reading over wathing a video. Raymond Camden… more → Posted in: JavaScript Tagged with: Content, Eleventy, including, part, Site
CSS :has / / No Comments For as long as developers have written CSS code, we’ve been desperate to have a method to allow styling a parent element based child characteristics. That’s not been possible until now. CSS has introduced the :has pseudo-class which allows styling a parent based on a relative CSS selector! Let’s have a look at a few use cases for :has in CSS: /* If an `a` element contains an image, set the `a`'s display */ a:has(img) { display: block; } /* If a `figure` has a `caption` with a `multiline` class allow the `figure` to have any height */ figure { height: 200px; } figure:has(caption.multiline) { height: auto; } /* Hide an advert containing `div` until ads load... more → Posted in: JavaScript
Confessions of a Web Developer XIX / / No Comments It’s been a while since I’ve gotten a few things off of my chest and since I’m always full of peeves and annoyances I thought it was time to unleash: Due to the immensely negative response to any tweet about crypto from my blog account, I created a second account just for crypto musings. I’ll be honest — it hurt that I needed to do that. I’ve always felt readers and followers were on a journey with me but maybe the truth is that the majority of my value is quick tips and code to get people past a single problem. Last week I contributed to Uniswap, the well known decentralized exchange with billions of dollars in locked value and used by millions of DeFi investors... more → Posted in: JavaScript Tagged with: Confessions, Developer
Building Table Sorting and Pagination in JavaScript / / No Comments As part of my job in managing this blog, I check my stats frequently, and I’ve noticed that some of my more basic Vue.js articles have had consistently good traffic for quite some time. As I find myself doing more and more with "regular" JavaScript (sometimes referred to as "Vanilla JavaScript", but I’m not a fan of the term) I thought it would be a good idea to update those old posts for folks who would rather skip using a framework. With that in mind, here is my update to my post from over four years ago, Building Table Sorting and Pagination in Vue.js Raymond Camden… more → Posted in: JavaScript Tagged with: building, JavaScript, Pagination, Sorting, table
Hosting an Alexa Skill on Pipedream / / No Comments I’ve been a big fan of the Amazon Alexa developer experience for a few years now. I haven’t done any active skill (what they call apps) in a while, but I thought I’d take a quick look at what’s required to host a skill on Pipedream. While this won’t be a "How to build an Alexa skill" post, I will share a bit of background information about the process, because honestly it’s pretty dang cool. Raymond Camden… more → Posted in: JavaScript Tagged with: Alexa, hosting, Pipedream, skill
Flexible, Powerful DataGrad from Sencha (Sponsored) / / No Comments Many of the web functionalities that we rely on once lived within individual desktop applications. From office suites, games, and financial tools, all of them are now web applications; they’re just as feature packed as their desktop counterparts. In the past I’ve used a variety of JavaScript grid widgets on client sites, and each had a number of pain points: performance, size, flexibility, etc. Sencha’s powerful DataGrid is possibly the best grid I’ve seen yet — let’s have a look. Quick Hits Create responsive tables with filtering, sorting, pagination, AJAX, and much more Handles millions of records with no performance degradation Data import and export capabilities... more → Posted in: JavaScript Tagged with: DataGrad, Flexible, from, powerful, Sencha, Sponsored
Including RSS Content in your Eleventy Site / / No Comments Before I begin, this post is not about generating an RSS page with Eleventy. If you need to do that, check the plugin that makes it (mostly) trivial to do. This post is about consuming RSS for your Eleventy site. I’ve got a page here (About) where I track my external articles and books. At work, we use Medium to host our blog and I’ve been publishing there as part of my job. I was curious how I could get that content on my About page as well. Raymond Camden… more → Posted in: JavaScript Tagged with: Content, Eleventy, including, Site