geoffyuen

mames(){
  ls -l ~/mame/roms
  local IFS=$'\n'
  echo "Search for: "
  read inp
  echo .
  local PS3="Type a number: "
  select file in $(mame -listfull|grep -i "$inp")
  do
    # get first word from selected string/line using awk

geoffyuen

Debian:

sudo apt install texlive-latex-base
sudo apt install texlive-extra-utils

MacOS Homebrew (untested):

geoffyuen

@function cfg($key, $map: $cfg) {
	@return map-get($map, $key);
}
$tach:(
    values: (
        0: 0,
        1: 1px,
        2: 2px,
    ),
    rules: (

geoffyuen

@function cfg($key, $map: $cfg) {
	@return map-get($map, $key);
}


$cfg: (
    whitespace: (
        values: (
            0: 0,
            1: 1px,

geoffyuen

Vue or Vanilla replacements for JQuery plugins

Old	Replacement
$.animate	Velocity.js
slick.js

geoffyuen

// Calculates the width of something that hugs the browser edge 
// to a column inside a grid system with a max-width (Tachyons)

.sideimg {
  $mw: 1920px; // max-width of container
  $col: 40; // tach col width in percentage
  
  // this doesn't evaluate
  width: calc( 50% + ( -$mw / 2 + $mw * $col/100 ) );
  

geoffyuen

• Craft for Wordpress theme developers
  • Install Craft in Local by Flywheel
  • Preview links not working inside the admin?
  • Craft and GIT
  • Move to new server
• Gotchas
  • Structure urls
  • WordPress analogues
  • Versus WordPress

• Versus ACF PRO

geoffyuen

{% spaceless %}
    {#

    This Timber twig will output an <picture> with fallbacks, srcset x2, alt, width and height
    
    Usage:
    
    `{% include '_webp.twig' with { class: "db ma0 center w-100", img: Image(post.acf_image), w: 507, h: 507 } %}`

    @params

geoffyuen

{% spaceless %}
    {#

    This Timber twig will output an <img> with srcset x2, alt, width and height
    
    Usage:
    
    `{% include '_img.twig' with { class: "db ma0 center w-100", img: Image(post.acf_image), w: 507, h: 507 } %}`

    @params

geoffyuen

SVG Cheatsheet

Rectangle

<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Rounded corner rectangle -->
  <rect x="120" width="100" height="100" rx="15" />
</svg>