Categories
Posts

I’m Featured on the Linode Craft of Code podcast this week

We talked indie web infrastructure, Troma, Ted Lasso, and the hows and whys of our public domain media empire on RetroStrange. Give the episode a listen on their website, or in your podcast app of choice.

Categories
Links

A Deep Dive on Z-Index Usage

How do you make sure your annoying popup is shown on top of every other element in the page, when you don’t know how many there are, who wrote them, and how bad they wanted their elements to be on top? That’s when you set your z-index to 100, or maybe 999, or maybe, just maybe 99999 to be really sure yours will win. That, at least, is how I write my CSS. In the rest of this post, we will look at millions of z indices to see what everyone else does.

Of course, if you make websites for a living you’ll find this interesting. Like most things available here.

Categories
Links

Astray, a lua-based dungeon and maze generator

Works great with Love2d, and so I am using it in a new (surprise!) wrestling-based project.

Download: astray on github

Categories
Links

Just in case you’re using Mailgun with Mediawiki…

The docs don’t cover this, but the steps in this post got it working for me:

  1. Install composer apt-get install composer
  2. Run composer update from the extensions/Mailgun folder
  3. Run php maintainence/rebuildLocalizationCache.php from the main mediawiki folder.

Running your own services get you into all sorts of fun trouble like this.

Categories
Links

Stop using device breakpoints

Adam Silver with some good horse sense. This is a surprisingly common practice here in the Year of Luigi 2017. It’s mostly surprising because we spent so much time talking about this during the original web standards push that I’d hoped it had sunk in.

Categories
Links

stochastic

Simple functions for simulating Poisson Processes, Brownian motion, geometric Brownian motion, discrete/continuous-time Markov chains, and normal random variables” in Javascript.

Categories
Links

Framer

An application / framework platform for Mac that looks to let you got from Photoshop or Sketch to prototype in record time.

Categories
Links

Phaser

Another HTML5 2D game framework, built mobile-first. Supports TypeScript and JavaScript. Looks pretty fast / simple, and it’s used on the awesome Game Mechanic Explorer site.

Categories
Links

sql.js: A port of SQLite to JavaScript

This is ridiculous and great:

sql.js is a port of SQLite to JavaScript, by compiling the SQLite C code with Emscripten. no C bindings or node-gyp compilation here.

Once again, via Jesper.

Categories
Links

slick – the last carousel you’ll ever need

A full-responsive, CSS3-enabled, touch-ready, arrow-key supporting, draggable carousel that you can instance with one line.

Having built and used probably a dozen different image slider / content carousels this one looks like it covers all of the bases and with minimal markup bullshit. Color me impressed.

Categories
Links

Font-To-Width

Font‑To‑Width (FTW!) is a script by Nick Sherman and Chris Lewis that takes advantage of large type families to fit pieces of text snugly within their containers.

Can definitely see using this for some datavis stuff. There is some FOUT (Flash of unstyled text) to deal with though.

Categories
Links

MicIO.js

This is some crazy magicks and I love it:

Use HTML5’s web audio API to create a hardware bus somewhat similar to how Square’s Credit Card readers works.

I am abuzz with ideas for this right now and this is bad because I have actual work to do. (via Jesper)

Categories
Links

Macaw

The only visual HTML editor I’ve ever seen that looks legitimately useful, well-executed, and outputs good code.

Let’s see if they can deliver.

Categories
Links

CSS Zen Garden Relaunches

The old favorites are still there but the new example files are fully responsive.

Categories
Links

Learn Lua in 15 Minutes

Where was this when I needed it 2 years ago?

Categories
Links

µSpeech

A speech recognition toolkit for Arduino. Fighting the urge to pair this with my robovoice speech chip and make a vocal chatbot.

Categories
Links

glsl.js

A WebGL subset focused on making 2D and 3D game visuals more efficient / maintainable. Don’t miss the examples. Requires a browser that supports WebGL, so the current released version of Safari is a no-go for now. Try Chrome.

Categories
Links

Histo

A streaming chart library for the terminal that takes stdin and makes it pretty.

Categories
Links

jsdom

A JavaScript implementation of the W3C DOM for use with node.js.

Categories
Links

Photobooth.js

Accessing the user’s camera using only Javascript. No flash. Performance isn’t real-time on my old MacBook Pro, but it’s “good enough” for things like single shots (e.g. a Photo Booth).

5 years ago this would’ve been voodoo of a high caliber, now it’s one line of jQuery. (via Waxy)