Leland

Seek inspiration

JUNE 24, 2013

BY HOWARD JOHNSON

1962 : I was six, at my grandmother’s house, eating pancakes and watching my favorite show on TV. Captain Kangaroo was talking to Mr. Moose about something not quite visible just off the right side of the screen. My grandmother entered the room. She looked at the big console television, tilted her head, and then tweaked the horizontal-position knob. The image shifted a bit to the left, revealing more at the right side. I sat in awe, jaw dropped, gaze transfixed.

When she left the room, I was all over that knob. If you turned it far enough, what would happen? Could you see off the edges of the set? Could you see the cameraman? Could you see yourself? My brain exploded with questions.

Leland

#!/bin/bash
set -eu -o pipefail

for f in *.html ; do
   mv -v "$f" "$(ggrep -oP '<title>\K.+?</title>' "$f" | sed 's#</title>##').html"
done

exit 0

Leland

Require.js

How the Require.js system works

• It is a system that allows Javascript on the frontend to be load async

  • The amount of JS that blocks render is fairly small
  • And the remaining JS that's needed can be loaded at a low priority

• It's also a way to manage dependencies on JS modules

  • Concating every single bit of JS into one big file resolves race conditions, but means that frontend users download a TON of JS.

Leland

<?php
return array (
  'backend' => 
  array (
    'frontName' => 'admin',
  ),
  'db' => 
  array (
    'connection' => 
    array (

Leland

{
	"binary_file_patterns":
	[
		"bower_components/**",
		"node_modules/*",
		"node_modules/**",
		"*.jpg",
		"*.jpeg",
		"*.png",
		"*.gif",

Leland

<referenceContainer name="sidebar.additional">
    <block class="Magento\Cms\Block\Block" name="replace_with_your_block_id">
        <arguments>
            <argument name="block_id" xsi:type="string">replace_with_your_block_id</argument>
        </arguments>
    </block>
</referenceContainer>

Leland

Initialize

gitflow	git
git flow init	git init git commit --allow-empty -m "Initial commit" git checkout -b develop master

Connect to the remote repository

gitflow | git

Leland

> foundationpress@2.7.1 phpcs /wp-content/themes/FoundationPress
> gulp phpcs

[11:27:18] Using gulpfile /wp-content/themes/FoundationPress/gulpfile.js
[11:27:18] Starting 'phpcs'...
[11:27:20] PHP Code Sniffer found a problem in /wp-content/themes/FoundationPress/archive.php

    FILE: /wp-content/themes/FoundationPress/archive.php
    ----------------------------------------------------------------------
    FOUND 0 ERRORS AND 1 WARNING AFFECTING 1 LINE

Leland

<!-- No Content width specified; Shortcodes enabled -->
<div class="jetpack-video-wrapper">
	<div class="embed-vimeo" style="text-align: center;">
		<iframe src="https://player.vimeo.com/video/157320165" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ratio="NaN" data-width="0" data-height="0" style="display: block; margin: 0px; width: 0px; height: 0px;"></iframe>
	</div>
</div>

<!-- No Content width specified; Shortcodes disabled -->
<div class="jetpack-video-wrapper">
	<iframe src="https://player.vimeo.com/video/157320165" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ratio="0.562" data-width="500" data-height="281" style="display: block; margin: 0px; width: 500px; height: 281px;"></iframe>