jdsteinbach

Case Studies in Font Subsetting

iA Writer Quattro

Initial Files Provided

iA Writer provided variable fonts as 2 ttfs (Upright and Italic), each ~150kb.

Note: iA Writer provided static fonts as woff2 (Regular, Italic, Bold, Bold Italic) around 45kb each. Unfortunately this can skew people's initial performance reaction away from variable fonts.

jdsteinbach

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

jdsteinbach

# BEGIN WordPress Security + Performance
# ############################################################
# # SECURITY                                                           #
# ############################################################

# ----------------------------------------------------------------------
# | File access                                                        |
# ----------------------------------------------------------------------

# Block access to directories without a default document.

jdsteinbach

.ProfileSidebar,
.timeline-tweet-box,
.topbar h1,
#global-actions .text,
.moments.js-moments-tab,
.dashboard.dashboard-right,
.dashboard.dashboard-left {
  display: none !important;
}
.content-main {

jdsteinbach

# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
#   editor.onDidSave ->

jdsteinbach

Fix WooCommerce's updater

Quick Intro

If you've just updated to WooCommerce 3.0.* and the database updater fails (the whole page threw a 500 error for me), drop the mysql-escape-string-fix.php file into your /wp-content/mu-plugins/ directory and give it a try.

More Info

I got the following error in my debug.log when this update failed:

jdsteinbach

ScotlandJS & ScotlandCSS 2016

These are links to publicly available slides/notes from talks given at ScotlandJS & ScotlandCSS 2016.

ScotlandCSS Talks

• Writing Modular Stylesheets with CSS Modules, Katie Fenn
• Practical Color Theory for People Who Code, Natalya Shelburne
• Using Musical Scales for Harmonius Typography, James Steinbach

jdsteinbach

{
  "Ansi 6 Color" : {
    "Red Component" : 0.30980393290519714,
    "Color Space" : "Calibrated",
    "Blue Component" : 0.9686274528503418,
    "Alpha Component" : 1,
    "Green Component" : 0.76470589637756348
  },
  "Ansi 12 Color" : {
    "Red Component" : 0.26666668057441711,

jdsteinbach

<h1>Top Tier Title</h1>
<h2>2nd Tier Title</h2>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h2>2nd Tier Title</h2>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h2>2nd Tier Title</h2>

jdsteinbach

<div class="parent">
  <h4 class="title">Title</h4>
  <div class="child">Child</div>
  <div class="child">Child</div>
  <div class="child">Child</div>
  <div class="child">Child</div>
  <div class="child">Child</div>
  <div class="child">Child</div>
</div>