joemcgill

Computer/Tooling

Much of the software that we use will be installed by Jeff/Galen on your new computer. This includes MS Office, Adobe Creative Suite, Etc. This is a list of things you will need to install yourself.

• Node/NPM (https://nodejs.org/en/)
• Grunt (http://gruntjs.com/)
• The text editor of your choice. I suggest Atom (open source), or SublimeText (will need a license).
• Git (https://git-scm.com/downloads)
• A Git GUI (if you're into that sort of thing). Most of the team uses SourceTree or straight command line (my favorite).
• VVV and all it's dependencies (https://github.com/Varying-Vagrant-Vagrants/VVV)

joemcgill

function wp_css_tricks_images_responsive( $content ) {
	/**
   * Find all instanced of your custom image markup in the content and bail early
   * if none are found.
   */
	if ( ! preg_match_all( '/<figure [^>]+>\s+<img [^>]+>/', $content, $matches ) ) {
		return $content;
	}

	// Set up arrays to hold your images and a set of IDs that we'll cache later.

joemcgill

// Remove max_srcset_image_width.
 function remove_max_srcset_image_width( $max_width ) {
     return false;
 }
add_filter( 'max_srcset_image_width', 'remove_max_srcset_image_width' );

joemcgill

/*
 * Force URLs in srcset attributes into HTTPS scheme.
 * This is particularly useful when you're running a Flexible SSL frontend like Cloudflare
 */
function ssl_srcset( $sources ) {
  foreach ( $sources as &$source ) {
    $source['url'] = set_url_scheme( $source['url'], 'https' );
  }

  return $sources;

joemcgill

WP RICG Images merge notes

• Consider merging get_image_tag() and wp_get_attachment_image().
  • Nah, bad idea. While get_image_tag() is only used in the media editor, it probably makes sense to keep the image generation on the back end and front end separated because of how people are likely filtering display.
• Add an event listener to the editor if we can't do a content filter.
  • Look into adding needed metadata directly to wp.media to avoid the ajax request
• Add caching to attachment_url_to_postid to speed up multiple requests.
• Add smart ways to filter sizes globally w/o inducing another wp_get_attachment_image() call.

joemcgill

Tolman and Jorbin

• list functions assign variables in reverse order in PHP7
• HTTP/2
  • makes things faster by managing latency
  • introduces multiplexing in single TCP connections
  • #core-http on slack (working group)
• CSS4
  • CSS color() function coming soon
  • varables in CSS

joemcgill

function no_responsive_image_feeds() {
    add_filter( 'max_srcset_image_width', function() {
       return 1;
    } );
}

add_action('rss2_head', 'no_responsive_image_feeds' );
add_action('atom_head', 'no_responsive_image_feeds' );
add_action('rss_head', 'no_responsive_image_feeds' );

joemcgill

<?php
/**
 * A WordPress filter to avoid widows in your titles
 */
function avoid_title_widows( $title ) {
	// Find the last space.
	$last_space = strrpos($title, ' ');

	// Replace it with a non-breaking space.
	if ( $last_space ) {

joemcgill

/* Overrides the database for development URLs */
define('WP_SITEURL', 'http://my.domain.dev');
define('WP_HOME', 'http://my.domain.dev');

joemcgill

{
	"bold_folder_labels": true,
	"color_scheme": "Packages/User/base16-ocean.dark (SL).tmTheme",
	"detect_slow_plugins": false,
	"folder_exclude_patterns":
	[
		".git",
		".sass-cache",
		"bower_components"
	],