Nerdy Stuff

Byword for static content such blog posts. I’ve tried plenty of other text editors—including the text editor in which I do all my front-end stuff—and they just never quite do it for me. Byword is by far my favorite for just writing text
~~Atom~~ for front-end coding and web design

Update: Bye Bye, Atom. Hello Sublime Text ¶

February 13, 2018

I’m now using Sublime Text 3 instead of Atom. The latter, being an Electron app, wasn’t as performant as a true native app like Sublime Text. I switched a few months ago, and although I haven’t really done any web design in a year, I like Sublime. It’s as amenable as Atom, and it’s definitely more snappy!
CodeKit is a great utility for compiling Sass/SCSS down to “regular” CSS for the browser. It adds browser prefixes to declarations as well. I probably wouldn’t use a CSS extension without an app like CodeKit to help me

This site was built using Camel, Casey Liss’s static-ish blogging engine
Camel is a Node.js app utilizing several node package modules to make everything work together
I actually used a forked version of Camel, and that fork included provisions for tags and a sitemap
From there, I further-tweaked Camel with additional markdown-it plugins:
- markdown-it-footnote-conventional, which is my^[1] forked version of markdown-it-footnote. My fork changes a few tags from <div> to the more semantic <section>
- markdown-it-anchor, which generates id’s to all headings (for easy permalinking)
- markdown-it-decorate, which allows for easy class and id attribution on elements without making the Markdown source document ugly with HTML tags everywhere^[2]
- markdown-it-highlightjs for code highlighting
- markdown-it-implicit-figures, which takes Markdown-style images and wraps them in <figure> with <figcaption>'s in the resultant HTML

TheOverAnalyzed is presently hosted on Heroku, though I often consider something fully static, like a-Jekyll setup

The domain name registration and DNS are through Hover
I briefly switched to DNSimple to try out SSL, but it’s so much easier when Hover does everything

Before 2016, almost of the images and videos are served via Droplr embeds. This has always been sort of hacky, since Droplr never intended to support media embeds for grandfathered “Lite” users like me. I’ll switch those out eventually
From about 2016 onward, most all of the media on the site is self-hosted (/images), except big photos taken with my Leica, and/or <video> embeds (since they’re so huge)

To my knowledge, TheOverAnalyzed should conform to HTML5 web standards (😅)
And its CSS should validate as well (🤞🏼)
If you find that an area of the site does not perform as expected, please contact me^[3]

Ever want to know am I doing now? Think Twitter owns too much of the internet already? Check out the /now page. It’s what Micro.blog was before Micro.blog existed 🙃

Tags help group similar posts together, and even if my readers care less about them, I use them often enough when referencing prior posts

When the stars align, I provide “coverage” (snarky commentary) of live events such as WWDC on Twitter

Perhaps you’ve searched everywhere for a particular post, but still can’t find a link you’re looking for? If so, the post might be here

This is so cool. You can see how the sausage is made 🌭 Just can append .md to the end of any URL to see the actual Markdown source for that page^[4]