crystalw

# 301 direct to preferred domain
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !^yourdomain.com$ [NC]
RewriteRule ^(.*)$ http://yourdomain.com/$1 [L,R=301]
# End 301 direct

crystalw

!!! 5
%html
  %head
    %title= "My Website"
    %meta{ :charset => "utf-8" }
    %meta{ :content => "", :name => "description" }
    %meta{ :content => "", :name => "author" }
    %link{ :href => "/feed", :rel => "alternate", :title => "Atom", :type => "application/atom+xml" }
    %link{ :href => "/css/screen.css", :media => "screen", :rel => "stylesheet" }
  %body

crystalw

<div class="outcome" class="successful">
    <p>Thanks, your message has been sent!</p>
</div>

<script>
$(document).ready(function() {
    if ($( '#outcome' ).hasClass( "successful" )) {
      _gaq.push(['_trackEvent', 'Category', 'Action', 'opt_label']);
    }
});

crystalw

DELETE pm
FROM wp_postmeta pm
LEFT JOIN wp_posts wp ON wp.ID = pm.post_id
WHERE wp.ID IS NULL

crystalw

<?php

//regex for 7 or 10 digit number, delimiters are spaces, dashes, or periods:
^(?:(?:\+?1\s*(?:[.-]\s*)?)?(?:(\s*([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]‌​)\s*)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]))\s*(?:[.-]\s*)?)?([2-9]1[02-‌​9]|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})$

//same regex as above, but for 10 digit number only
^(?:(?:\+?1\s*(?:[.-]\s*)?)?(?:(\s*([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]‌​)\s*)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]))\s*(?:[.-]\s*)?)([2-9]1[02-9]‌​|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})$

//this regex will not allow the preceeding 1 at the beginning of the phone number
^(?:(?:(\s*\(?([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])\s*)|([2-9]1[02-9]|[2‌​-9][02-8]1|[2-9][02-8][02-9]))\)?\s*(?:[.-]\s*)?)([2-9]1[02-9]|[2-9][02-9]1|[2-9]‌​[02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})$

crystalw

// iframes
var  $iframes = $( document.querySelectorAll( '.widget iframe' ) );

function iframeSizing() {
	var	$this			= $( this ),
		width			= $this.width(),
		height			= $this.height(),
		containerWidth		= $this.parent().width(),
		heightRatio		= height / width,
		newHeight		= heightRatio * containerWidth;

crystalw

#opens chrome with CORS disabled
alias chromex='/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-web-security'

#removes merged local branches (except for master)
alias gitprune='git branch --merged | grep -v "\*" | grep -v master | xargs -n 1 git branch -d'

#switches to ui project
alias backend="cd ${PWD/ui/backend}"

#switches to backend project

crystalw

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$scotch-color-key: 'base' !default;

$scotch-colors: (
  'primary': (
    'base': #8e3329,

crystalw

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

crystalw

##Sass Functions Cheat Sheet

1. RGB Functions
2. HSL Functions
3. Opacity Functions
4. Other Color Functions
5. List Functions
6. Map Functions
7. Selector Functions
8. String Functions