Showing 1–10 of 16 notes tagged #development.

Surfing w/ coffee 3. Order of exploration, seems more single-track than usual:

A
Open Hacker News, drawn to Frequent versus infrequent developers (in languages and so on) (↓B) (↓C)

B
Is it worth the time? on XKCD; pleased to find this again

C
Hello, I am a DWiki (↓D)

D
Wiki Principles (↓E)

E
Wiki Is Not Wikipedia (↓F)

F
GitHub repo for remodelling wiki as a single page application (↓G)

G
Cunningham & Cunningham Inc., “a small consultancy that has specialized in object-oriented programming” (↓H) (↓I) (↓J)

H
Plate Blading; “As he skates away he feels the need to fabricate further explanation.”

I
C2.COM as Public Space; “Have you ever noticed that some publicly owned museums can be hard to see while privately owned billboards are hard to avoid?”

J
Expense calculator shell script


See previous: surfing 2, surfing 1

Did some research on Chinese web font best practices a while back when working on Memory Machine for Tyler Coburn + Asia Art Archive with Luke Gould. It was an interesting challenge. This was my overall takeaway from the research:

  • Self-hosted fonts are out, the font files are prohibitively enormous due to the number of characters
  • The Great Firewall can cause issues with most font services, so no Google Fonts or Typekit
  • If you need to render a mixture of Latin and Chinese characters and want them to use different fonts, the font stack structure and naming is critical (see article by Kendra Schaefer for more info)
  • Bold and italic should never be used for emphasis on Chinese characters since it distorts their meaning

Read more

The e-newsletters we made for Penguin Classics got a mention in a recent newsletter from The Better Email [✉ ∞]. Made me smile. Here are a few newsletters from the Penguin Random House team that I particularly like.

Shopify theme dev notes, early 2018

We’re picking up a Shopify site that was put on hold for a little bit, and I’m pleasantly surprised by a few things I’ve come across. The pause might have been blessing in disguise for the site on the whole. The dev tools have progressed a bit during the hiatus, and I’ve come across a Sections workaround that might 🤞 give a little more content flexibility beyond the homepage.

Read more

Lows western France 1011 and 100 miles east of Iceland 991 losing their identities

The General Synopsis from the Shipping Forecast issued by the Met Office on behalf of the Maritime and Coastguard Agency at 1100 UTC on 18 February 2016.

Couldn’t find the shipping forecast on the Met Office DataPoint’s product list, but I did find the relevant XML feed.

On archiving/preserving websites

SB and I have been chatting about the whys, whens and hows involved in archiving a website. Archiving is always an uphill battle. It’s hard to take care of things as they age no matter what the material, and ageing code comes with a specific set of worries.

Read more

/**
 * Identify images by class. For each image, add 
 * [Spin.js](http://fgnass.github.io/spin.js/) to parent, [LazyLoad](http://verlok.github.io/lazyload/) image, stop spinner 
 * when image is loaded.
 */

var imgClass = "lazy";

var spinOpts = {
  // [Spin.js options](http://fgnass.github.io/spin.js/#usage)
};

var spinners = [];
var elems = document.getElementsByClassName( imgClass );
for ( var i = 0; i < elems.length; i++ ) {
  var pId = "lazy-" + ( i + 1 );
  var parent = elems[i].parentElement;
  parent.id = pId;
  spinners[pId] = new Spinner( spinOpts ).spin( parent );
}

var lazyLoad = new LazyLoad( {
  elements_selector: "." + imgClass,
  callback_load: function( element ) {
    var spinner = spinners[element.parentElement.id];
    if ( spinner ) {
      spinner.stop();
    }
  }
} );

For use with LazyLoad by Andrea Verlicchi and Spin.js by Felix Gnass. SB and I have both checked out a few different lazyloading plugins, we’re pleased with how this one works with srcset.

Since the default positioning of Spin.js centres the spinner in the element, it’s best for the image to be the only child of the parent element. The code above assumes that this is the case. If I didn’t have control over the markup or needed to individually wrap each image for any other reason, would probably implement something similar to the above w/ jQuery (see the Spin.js jQuery plugin).

Discussion regarding Canvas vs SVG

Running in to problems with SVG animation, will probably have to rethink it with canvas. See discussion at link above for reference. Ah well, wanted to do more with canvas anyways.