aaronwaldon

How to set up Gulp with an ExpressionEngine project

I freaking love working with technologies like Grunt and Gulp, and wanted to share how to get my current EE front-end workflow set up. With a few tweaks, this can also be used with virtually any other sites (I've used it with Laravel, static sites, Craft, etc).

Install Node.js

• If Node is not yet installed on the machine, it will need to be installed

Install Gulp (if needed)

Takaya213

        $.fn.equalizeHeights = function() {
            var maxHeight = this.map(function(i,e) {
                return $(e).height();
            }).get();

            return this.height( Math.max.apply(this, maxHeight) );
        };

        $('.equal').equalizeHeights();

Takaya213

function scrolled_menu() {
	if ($(window).scrollTop() > $('header').height()) {
		$('header').addClass('fixed_type');
		$('html').addClass('fixed_type_html');
	} else {
		$('header').removeClass('fixed_type');
		$('html').removeClass('fixed_type_html');
	}
}

Takaya213

$(window).scroll(function() {
    if ($(this).scrollTop()) {
        $('#toTop:hidden').stop(true, true).fadeIn();
    } else {
        $('#toTop').stop(true, true).fadeOut();
    }
});

$(document).ready(function(){
    $('#toTop').fadeOut();

Takaya213

(function($) {
    $.fn.watermark = function() {

        return this.each(function() {
            var obj = $(this);
            var initialText = obj.val();

            obj.focus(function() {
                if (obj.val() === initialText)
                    obj.val("");

Takaya213

$(document).ready(function(){
    $('a').click(function(){
	    $('html, body').animate({
	        scrollTop: $( $.attr(this, 'href') ).offset().top
	    }, 500);
	    return false;
	});
});

Takaya213

$(document).ready(function(){
  $('.showpassword').each(function (index, input){
	    var $input = $(input);
		$("#passwordshow").click(function () {
			var change = $(this).is(":checked") ? "text" : "password";
			var text = $(this).is(":checked") ? "Hide Password" : "Show Password";
			var rep = $("<input type='" + change + "' />")
                .attr("id", $input.attr("id"))
                .attr("name", $input.attr("name"))
                .attr('class', $input.attr('class'))