Marco Barbosa marcobarbosa

Front-end coding environment set-up

This guide covers pretty much all that you need to have installed in your Mac for a top notch front-end coding environment.

This guide also assumes that you are going to use yeoman or grunt for your project.

XCode

It is recommended that you have Xcode installed and it's Command Line Tools to give you any command line binary that you might need (such as wget). You can also download it within Xcode itself

	#!/usr/bin/env bash
	git filter-branch --index-filter 'git rm -r -q --cached --ignore-unmatch '$1'' --prune-empty --tag-name-filter cat -- --all

	rm -rf .git/refs/original/
	git reflog expire --expire=now --all
	git gc --prune=now
	git gc --aggressive --prune=now

	// Based on: http://stackoverflow.com/a/1599291
	// Fixed jshint errors and cleaned up a little.

	function createCookie(name, value, days) {
	var expires = '';

	if (days) {
	var date = new Date();
	date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
	expires = '; expires=' + date.toGMTString();

	<?php
	if ( have_posts() ) {
	while ( have_posts() ) {
	the_post();
	//
	// Post Content here
	//
	} // end while
	} // end if
	?>

	<?php

	// Get our featured image contents
	$thumb_id = get_post_thumbnail_id( $post->ID );
	$thumb_src = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
	$thumb_alt = get_post_meta($thumb_id, '_wp_attachment_image_alt', true);

	// Make sure we do have an 'alt' attribute set
	if(empty($thumb_alt)) $thumb_alt = get_the_title();

	<?php

	/**
	* Customise the editor buttons.
	*
	* This function takes care of the first row.
	*
	* @param Array $buttons Buttons that are going to be displayed if unchanged.
	*/
	function tiny_mce_buttons($buttons) {

	@keyframes foobar {
	0%,
	50% {
	opacity: 0;
	}
	54%,
	80% {
	opacity: 1;
	}
	84%,

	<animate attributeType="XML"
	attributeName="x"
	from="-100" to="120"
	dur="10s"
	repeatCount="indefinite"/>

	Drop in replace functions for setTimeout() & setInterval() that
	make use of requestAnimationFrame() for performance where available
	http://www.joelambert.co.uk

	Copyright 2011, Joe Lambert.
	Free to use under the MIT license.
	http://www.opensource.org/licenses/mit-license.php

	define(

	[
	'flight/component'
	],

	function (defineComponent) {

	return defineComponent(helloWorld);