#TIL

Learnings captured for educational purposes and posterity.

Styling language specific code blocks with Jekyll

Published by Michael Rose 2 min read

While inspecting the markup of some syntax highlighted code blocks I noticed something I hadn’t before, language-lexer classes:

<div class="language-css highlighter-rouge">
  <pre class="highlight">
    <code>.foo { color: red; }</code>
  </pre>
</div>

This extra hook1 on the <div>

Accessing static files in Jekyll

Published by Michael Rose 4 min read

While investigating ways of using static files with Jekyll for a site prototype I was building, I learned that site.static_files was a thing. What is it and…

Oil pastels are not pencils

Published by Michael Rose 1 min read

Not to overstate the obvious here, but oil pastels do not behave like colored pencils.

Their size and shape should have been enough to clue…

CSS blur effect

Published by Michael Rose 1 min read

Playing with the new Depth Effect (aka fauxkeh) on my iPhone 7 Plus got me thinking about Gaussian blurs, and how to improve their use on…

Using SSI to detect cookies

Published by Michael Rose 3 min read
In my never ending quest to micro-optimize the hell out of my site, I ran into a snag when trying to use SSI directives to improve the loading of critical CSS and cached stylesheets.