Fetch a collection by custom filter in Magento

Example of fetching categories in Magento and filtering by a custom attribute:

$categories = Mage::getModel('catalog/category')->getCollection();
$categories->addAttributeToSelect('name');
$categories->addAttributeToFilter('featured_category', 1);
 
foreach($categories as $key => $category) {
	echo $category->getName();
}
Posted in Magento | Tagged | Leave a comment

Javascript Date.format prototype method.

The following code add’s a format function to the Date objects prototype. It simulates the PHP date.format() function.

Date.prototype.format = function(format) {
	var returnStr = '';
	var replace = Date.replaceChars;
	for (var i = 0; i < format.length; i++) {
		var curChar = format.charAt(i);
		if (i - 1 >= 0 && format.charAt(i - 1) == "\\") { 
			returnStr += curChar;
		}
		else if (replace[curChar]) {
			returnStr += replace[curChar].call(this);
		} else if (curChar != "\\"){
			returnStr += curChar;
		}
	}
	return returnStr;
};
 
Date.replaceChars = {
	shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
	longMonths: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
	shortDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
	longDays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
 
	// Day
	d: function() { return (this.getDate() < 10 ? '0' : '') + this.getDate(); },
	D: function() { return Date.replaceChars.shortDays[this.getDay()]; },
	j: function() { return this.getDate(); },
	l: function() { return Date.replaceChars.longDays[this.getDay()]; },
	N: function() { return this.getDay() + 1; },
	S: function() { return (this.getDate() % 10 == 1 && this.getDate() != 11 ? 'st' : (this.getDate() % 10 == 2 && this.getDate() != 12 ? 'nd' : (this.getDate() % 10 == 3 && this.getDate() != 13 ? 'rd' : 'th'))); },
	w: function() { return this.getDay(); },
	z: function() { var d = new Date(this.getFullYear(),0,1); return Math.ceil((this - d) / 86400000); }, // Fixed now
	// Week
	W: function() { var d = new Date(this.getFullYear(), 0, 1); return Math.ceil((((this - d) / 86400000) + d.getDay() + 1) / 7); }, // Fixed now
	// Month
	F: function() { return Date.replaceChars.longMonths[this.getMonth()]; },
	m: function() { return (this.getMonth() < 9 ? '0' : '') + (this.getMonth() + 1); },
	M: function() { return Date.replaceChars.shortMonths[this.getMonth()]; },
	n: function() { return this.getMonth() + 1; },
	t: function() { var d = new Date(); return new Date(d.getFullYear(), d.getMonth(), 0).getDate() }, // Fixed now, gets #days of date
	// Year
	L: function() { var year = this.getFullYear(); return (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0)); },	// Fixed now
	o: function() { var d  = new Date(this.valueOf());  d.setDate(d.getDate() - ((this.getDay() + 6) % 7) + 3); return d.getFullYear();}, //Fixed now
	Y: function() { return this.getFullYear(); },
	y: function() { return ('' + this.getFullYear()).substr(2); },
	// Time
	a: function() { return this.getHours() < 12 ? 'am' : 'pm'; },
	A: function() { return this.getHours() < 12 ? 'AM' : 'PM'; },
	B: function() { return Math.floor((((this.getUTCHours() + 1) % 24) + this.getUTCMinutes() / 60 + this.getUTCSeconds() / 3600) * 1000 / 24); }, // Fixed now
	g: function() { return this.getHours() % 12 || 12; },
	G: function() { return this.getHours(); },
	h: function() { return ((this.getHours() % 12 || 12) < 10 ? '0' : '') + (this.getHours() % 12 || 12); },
	H: function() { return (this.getHours() < 10 ? '0' : '') + this.getHours(); },
	i: function() { return (this.getMinutes() < 10 ? '0' : '') + this.getMinutes(); },
	s: function() { return (this.getSeconds() < 10 ? '0' : '') + this.getSeconds(); },
	u: function() { var m = this.getMilliseconds(); return (m < 10 ? '00' : (m < 100 ?
'0' : '')) + m; },
	// Timezone
	e: function() { return "Not Yet Supported"; },
	I: function() { return "Not Yet Supported"; },
	O: function() { return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + '00'; },
	P: function() { return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + ':00'; }, // Fixed now
	T: function() { var m = this.getMonth(); this.setMonth(0); var result = this.toTimeString().replace(/^.+ \(?([^\)]+)\)?$/, '$1'); this.setMonth(m); return result;},
	Z: function() { return -this.getTimezoneOffset() * 60; },
	// Full Date/Time
	c: function() { return this.format("Y-m-d\\TH:i:sP"); }, // Fixed now
	r: function() { return this.toString(); },
	U: function() { return this.getTime() / 1000; }
};
Posted in JavaScript | Tagged , | Leave a comment

WordPress and OSX Lion local install sluggish performance fix

A mirror of a wordpress installlation on my Macbook ran very sluggish. I was using OSX Lion. The fix was to optimise all the MySQL database tables for the installation! Simple!

Posted in Web Development | Tagged , , | Leave a comment

Disable or customise the tap highlight colour on mobile safari.

When you tap a link, button, or other active element with mobile safari, a brief dark grey highlight appears indicating the element was tapped. The colour of the highlight can be customised, or disabled with the following CSS rule.

-webkit-tap-highlight-color: rgba(0,0,0,0); // disable
Posted in Mobile Web | Tagged , , , | Leave a comment

Javascript closures within an iteration.

An example of passing in the iteration value to a closure function using a self executing anonymous function.

for (var i = 0; i < links.length; i++)
{
	links[i].addEventListener('click', (function (n) {
		return function () {
			items[n].show(); // do something
		};
	})(i));
}
Posted in JavaScript | Tagged | Leave a comment

GIT clone and private SSL certificates

To allow GIT to use SSL connections with a private certificte

env GIT_SSL_NO_VERIFY=true 
git clone https://www.example.com/private...
Posted in Git | Leave a comment

Custom checkbox and select element styling in webkit browsers.

You can fully customise the style of checkboxes, radio buttons, select elements etc.. in webkit browsers. An example of a custom checkbox is show below.

The key CSS rule is -webkit-appearance: none;. This then allows you style the element as a normal block element.

Been webkit only, its safari and chrome browsers only at the moment. Ideal for mobile web.

input[type=checkbox] {
	-webkit-appearance: none;
	background: url(./images/checkbox-unchecked.png);
	width: 35px;
	height: 35px;
	cursor: pointer;
}
input[type=checkbox]:checked {
	background: url(./images/checkbox-checked.png);
}
input[type=checkbox]:disabled {
	background: url(./images/checkbox-unchecked-disabled.png);
}
input[type=checkbox]:checked:disabled {
	background: url(./images/checkbox-checked-disabled.png);
}
Posted in Web Development | Tagged , , | Leave a comment

File and folder permissions using Access Control Lists

Access Control Lists allow you to define user permissions on files in a fine grained way. For example, if Apache needs write permission on a folder – but you want to retain your own permissions for also writing to that folder from command line scripts – ACL is the answer.

chmod +a
For systems that support chmod +a (i.e. OSX, in this case the apache web server: _www user)

sudo chmod +a "_www allow delete,write,append,file_inherit,directory_inherit" /Users/deano/tmp

setfacl
For systems that support setfacl (i.e. Ubuntu)

sudo setfacl -R -m u:www-data:rwx -m u:yourname:rwx /home/deano/tmp
Posted in Shell | Tagged , , | Leave a comment

GIT ignore file for xcode4 projects

My current GIT ignore file for xcode4 projects

 
.DS_Store
*.swp
*~.nib
build/
*.pbxuser
*.perspective
*.perspectivev3
*.xcodeproj/xcuserdata/*
*.xcodeproj/project.xcworkspace/xcuserdata/*
Posted in Git | Tagged , | Leave a comment

GIT ignore file for Symfony2

My current GIT ignore file for symfony2 projects:

# symfony files
.DS_Store
vendor/*
app/cache/*
app/logs/*
*~
 
# config files to ignore
app/config/parameters.ini
 
# eclipse PDT files
.buildpath
.project
.settings
Posted in Git | 1 Comment