Tanner Hodges tannerhodges

Looking for support tables for HTML/CSS/JavaScript features or details on their implementation status in major browsers?

Chrome Platform Status (covers Chromium and thus includes Opera)
Firefox Platform Status
Microsoft Edge Platform Status
WebKit Feature Status
API Catalog

And then there’s Can I use…?.

Encoding Video

Installing

Install FFmpeg with homebrew. You'll need to install it with a couple flags for webm and the AAC audio codec.

brew install ffmpeg --with-libvpx --with-libvorbis --with-fdk-aac --with-opus

Remove MySQL completely

Open the Terminal
Use mysqldump to backup your databases
Check for MySQL processes with: ps -ax | grep mysql
Stop and kill any MySQL processes
Analyze MySQL on HomeBrew:
```
brew remove mysql
```

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

Configuring phpfmt for Sublime Text and PSR Coding Standards

Installation

Use Homebrew to install PHP 5.5:
- brew install php55
Install the plugin through Package Manager:
- In Sublime Text press ctrl+shift+P
- Choose Package Control: Install Package

Choose phpfmt

	<snippet>
	<content><![CDATA[
	public function ${1:relationship}()
	{
	return \$this->belongsToMany(${1/^(.+)$/(?1\u$1:)/g}::class, {$2:table});
	}
	]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>belt</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->

	#!/bin/sh

	sed -i.default "s/^zend_extension=/;zend_extension=/" /usr/local/etc/php/7.0/conf.d/ext-xdebug.ini

	launchctl unload ~/Library/LaunchAgents/homebrew.mxcl.php70.plist
	launchctl load ~/Library/LaunchAgents/homebrew.mxcl.php70.plist

	echo "xdebug disabled"

	.nav-tab {
	...
	// instead of putting it on
	border-right: 1px solid #424242;
	&:last-child {
	border-right: 0; // and then taking it off
	}
	// use CSS not() to only apply to the elements you want
	&:not(:last-child) {
	border-right: 1px solid #424242;

	/* base font size + viewport height + viewport width */
	h1 {
	font-size: calc(2rem + 4vh + 4vw);
	}

	/* responsive font-size responsive */
	html {
	font-size: calc(100% + .2vh + .2vw);
	}

	{
	"tab_size": 4,
	"translate_tabs_to_spaces": true,
	"trim_trailing_white_space_on_save": true
	}