Drupal srcset in static HTML pages: gulp asset build pipeline

Client has a bunch of static landing pages that are mobile-friendly and need to remain that way.

But what is to be done about srcset? Read on, oh reader, for the solution.

First, I created a gulp build task which makes a bunch of different sizes.

Install dependencies like this:
npm install -D gulp-load-plugins gulp-responsive sharp

The task looks like this:

Export From Scrivener to Ulysses, Preserving Filenames

I used to love Scrivener, but eventually, my 7-year-old novel started to take 5-10 minutes to sync, among other problems. All of Scrivener's fancy export options turned out to be totally useless--so useless that I wrote my own nodejs conversion utility to ease the pain of converting my MS from Scrivener to standard MS format. Ulysses is simple and works great.

I did have a few problems importing my with filenames.

Here’s what to do if you don’t care about filenames.

Error: no mixin named container or border-box-sizing

It can be hard to tell why a mixin fails in a sass file. After all, if the mixin isn't included in your dependencies automatically as it was before, grepping for it in the files won't turn up anything.

I was using a child theme of Classy, running Drupal 8. It turns out that this particular generically-named mixin comes from susy 2.x, having been removed in susy 3.x.

I fixed this by setting the susy version number like so in package.json:

8: Disable Caption on Specific Entity Embed Types in CkEditor

I had a devil of a time figuring out where captioning was coming from on my entity embeds.

Another team member had set it up, and I was just kind of baffled as to why captions were being offered on my entity embed forms.

It turns out that if you turn on captioning, you just get it for free on all of your embeds, and it's not configurable.

But... I don't want it for free!

Bah. Humbug. This free software doesn't have the features I think it should.

Alright, so here's how you turn off captioning: