agro dev;

agro dev is the development blizog for agroism.com. learn more about web development and other recent creative & tech findings by following us.

[agrodev-blog]

Recompile PHP 5.3.3 and friends on Mac OSX 10.6 64bit

MySQL

PHP 5.3.3

ICONV 1.3.1

Freetype 2.4.4

Readline 6.1

sudo mkdir ~/src sudo mv /usr/libexec/apache2/libphp5.so /usr/libexec/apache2/libphp5.apple.so sudo mv /etc/php.ini /etc/php.ini.bak

Build and Install MySQL 5.1.51

//Configure and Make MySQL sudo tar xvzf mysql-5.1.51.tar.gz -C ~/src cd ~/src/mysql-5.1.51 CFLAGS='-arch x86_64' CCFLAGS='-arch x86_64' CXXFLAGS='-arch x86_64' ./configure --prefix=/usr/local/mysql \ --with-extra-charsets=complex \ --enable-thread-safe-client \ --enable-local-infile --enable-shared \ --with-plugins=innobase make sudo make install

ICONV 1.13.1

curl http://ftp.gnu.org/pub/gnu/libiconv/libiconv-1.13.1.tar.gz | tar zx sudo tar xvzf libiconv-1.13.1.tar.gz -C ~/src cd ~/src/libiconv-1.13.1/ CFLAGS='-arch x86_64' CCFLAGS='-arch x86_64' CXXFLAGS='-arch x86_64' ./configure make sudo make install

Readline 6.1

curl ftp://ftp.cwru.edu/pub/bash/readline-6.1.tar.gz | tar xvzf -C ~/src cd ~/src/readline-6.1 CFLAGS='-arch x86_64' CCFLAGS='-arch x86_64' CXXFLAGS='-arch x86_64' ./configure make sudo make install

Freetype 2.4.4

cd ~/src wget http://download.savannah.gnu.org/releases/freetype/freetype-2.4.4.tar.gz tar xvzf freetype-2.4.4.tar.gz cd freetype-2.4.4/ sudo CFLAGS='-arch x86_64' CCFLAGS='-arch x86_64' CXXFLAGS='-arch x86_64' ./configure sudo make sudo make install

PHP 5.3.3

//Configure and Make/Install PHP 5.3.3 curl -L http://ca2.php.net/get/php-5.3.3.tar.bz2/from/this/mirror sudo tar xvzf php-5.3.3.tar.bz2 -C ~/src cd ~/src/php-5.3.3 curl http://www.php.net/~scoates/patches/php-5.3.1-Makefile.global-iconv.patch | patch -p0 CFLAGS='-arch x86_64' CCFLAGS='-arch x86_64' CXXFLAGS='-arch x86_64' ./configure \ --prefix=/usr/local \ --mandir=/usr/share/man \ --with-apxs2=/usr/sbin/apxs \ --with-ldap=/usr \ --with-ldap-sasl=/usr \ --infodir=/usr/share/info \ --enable-calendar \ --with-kerberos=/usr \ --enable-cli \ --with-zlib=/usr \ --with-zlib-dir=/usr \ --with-bz2=/usr \ --enable-exif \ --enable-ftp \ --enable-mbstring \ --enable-mbregex \ --with-pcre-regex=/usr/local \ --enable-soap \ --enable-sockets \ --with-iodbc=/usr \ --with-curl=/usr \ --with-config-file-path=/etc \ --sysconfdir=/private/etc \ --enable-sysvmsg \ --enable-sysvsem \ --enable-sysvshm \ --enable-shmop \ --enable-gd-native-ttf \ --with-snmp=/usr \ --enable-bcmath \ --enable-zend-multibyte \ --with-openssl=/usr \ --with-xmlrpc \ --with-xsl=/usr \ --with-mysql=mysqlnd \ --with-mysqli=mysqlnd \ --with-pdo-mysql=mysqlnd \ --with-mysql-sock=/var/mysql/mysql.sock \ --without-pear \ --with-libxml-dir=/usr \ --with-gd \ --with-iconv-dir=/usr \ --with-jpeg-dir=/usr/local \ --with-png-dir=/usr/local \ --with-freetype-dir=/usr/local \ --with-mcrypt=/usr/local \ --with-readline=/usr/local \ --enable-zip

xDebug 2.1.0

sudo tar xvzf xdebug-2.1.0.tar.gz -C ~/src/ cd ~/src/xdebug-2.1.0 phpize CFLAGS='-arch x86_64' CCFLAGS='-arch x86_64' CXXFLAGS='-arch x86_64' ./configure sudo make sudo cp modules/xdebug.so /usr/lib/php/extensions/no-debug-non-zts-20090626 sudo vi /etc/php.ini // Find the dynamic extensions section /Dynamic Extensions // Add This under Dynamic Extensions zend_extension=/usr/lib/php/extensions/no-debug-non-zts-20090626/xdebug.so xdebug.default_enable = On xdebug.collect_params = 4 xdebug.trace_format = 1 xdebug.show_local_vars = On xdebug.dump_globals = On xdebug.show_exception_trace = On xdebug.collect_assignments = 1

[staff]

Yesterday we did a historic thing. We generated 87,834 phone calls to U.S. Representatives in a concerted effort to protect the Internet. Extraordinary. There’s no doubt that we’ve been heard.

So just to keep you updated: The well-intentioned, but immensely flawed “Stop Online Piracy Act” is still in the House Judiciary Committee. The hearing was yesterday and now members will debate and bring amendments to the bill. The Committee will reconvene in a few weeks — the date has yet to be scheduled. Nothing has been brought to a final vote. Everything is still very much in play. We’ll keep you posted on what’s going on and what you can do to help. But for now, we want to thank you.

One encouraging thing we heard yesterday:

I don’t believe this bill has any chance on the House floor. I think it’s way too extreme, it infringes on too many areas that our leadership will know is simply too dangerous to do in its current form.

— Representative Darrell Issa

We also want to express our tremendous gratitude to our friends at Mobile Commons who, on 30 minutes notice, hooked us up with their amazing platform (and provided their expertise) to automatically connect callers with their Representatives.

[agrodev-blog]

Talking about first drafts, there’s also the idea of “plan to throw one away.” It may look a little extreme at first, but it makes a lot of sense, especially when you have a missioncritical project at hand (and human lives depend on it). The idea is that the first solution you come up with should be thrown away and then you start from scratch. The first solution may be a working solution, but it’s nothing more than a draft, one example way to solve a problem. The second solution will always be better, because you now have a much deeper understanding of the problem. In the second solution, you’re also not allowed to copy-paste from the first one, which helps prevent you from taking shortcuts or settling for the nonperfect solution.

JavaScript Patterns by Stoyan Stefanov

[agrodev-blog]

Create a custom Class constructor enforced with a Javascript Interface in Mootools.

Chris Pojer's Interface class mutates a class, and inforces a well architected interface on your class. The Interface is checked when the class's "initialize" method is run. What we're doing here is pre-attaching a pre-declared interface to a new Module constructor. This module constructor ensures that the namespace property is declared - an is a string; Also it states that theother property is a function. This is how I enforce a particular class structure on the rest of the team for large scal projects. For more information on this particular Interface mixin, look at this example and download Chris Pojer's interface here.

var OCPModuleInterface = new Interface({ namespace: String, theother: Function }); OCPModule = new Type('OCPModule', function (params){ // Mind the order. Your Interface needs to be the first argument when appending. params = Object.append({ Interface: OCPModuleInterface }, params || {} ) ; return new Class(params); }); var Mod = new OCPModule({ theother: "some string", namespace: {some:'object'}, initialize: function(){ // Remember your module needs an initialize method... } }); var theMod = new Mod(); // Uncaught Error: Property "namespace" is implemented but not an instance of "String"

[badassjs]

Anton Kovalyov and Paul Irish have been working on an awesome fork of JSLint, the tool by Doug Crockford that finds errors in your JavaScript code. The project started because they thought that JSLint was getting a bit too opinionated, and they wanted it to become more community friendly....

[agrodev-blog]

How to embed JSFiddle as tricky as we do.

Let's get fancy. Dynamically embed jsfiddle into your webpages.

If you're a frequent reader of this blog (we average one unique visitor a day) you'd have noticed that we use JSFiddle for all of our JavaScript demos. But when you click on the anchor - instead of linking you out of the page, we replace the anchor tag with the embedded version of the fiddle.

The process starts with the link. We decide what sort of presentation is required once the fiddle is clicked (which tabs need to be visible). Once we create a link using the jsfiddle documentation we simply paste the URL into which ever blog post we're writing (tumblr actually wraps any URL with an anchor tag).

Once the tag is in the page, we add a callback to the domready event that queries for any link that contains "/embedded/" (see the docs), and perform the magic on that element.

First we attach the original link to the elements metadata for later retrieval

Second we split anchor text at "/embedded/" and only use the first half of the text, stripping it of all the ugly jsfiddle api stuff, transforming the text from jsfiddle.net/user/hash/embedded/tabs,to,show/ into just jsfiddle.net/user/hash/

Third we add an event to the anchor that listens for a click, and once that's fired we replace anchor tag with an iframe that links to the url that was stored in the elements meta-data.

Here's an example: below the text I enter is jsfiddle.net/jiggliemon/6LKhe/16/embedded/js,result/ http://jsfiddle.net/jiggliemon/6LKhe/16/embedded/js,result/

Embed a JSFiddle with Mootools:

window.addEvent('domready',function(){ var fiddles; if(fiddles = $$('a[href*=/embedded/]')){ fiddles.each(function(el){ el.store('href',el.get('href')); el.set({ 'href': 'javascript:void(0)', 'text': el.retrieve('href').split('embedded')[0] }); el.addClass('jsFiddle-link'); el.addEvent('click',function(event){ event.preventDefault(); //var parentWrapper = el.getParent(); var fiddle = new Element('iframe',{ src: el.retrieve('href'), styles:{ width: '100%', height: 400 } }); var fiddleWrapper = new Element('div.fiddleWrapper'); fiddleWrapper.adopt(fiddle); fiddleWrapper.replaces(el); }); }); } });

Embed a JSFiddle with jQuery:

$(function(){ var fiddles; if(fiddles = $('a[href*=/embedded/]')){ fiddles.each(function(index,el){ el = $(el); el.data('href',el.attr('href')) el.attr('href','javascript:void(0)') .attr('text', el.data('href').split('embedded')[0]); el.addClass('jsFiddle-link'); el.click(function(event){ event.preventDefault(); //var parentWrapper = el.getParent(); var fiddle = $('

',{ "src": el.data('href'), "css": { width: "100%", height: 400 } }); var fiddleWrapper = $('

').addClass('jsFiddle-wrapper'); fiddleWrapper.append(fiddle); el.replaceWith(fiddleWrapper); }); }); } });

[agrodev-blog]

Options Mixin for JavaScript's Native Objects.

Options Mixin

Here's a simple Options mixin for your objects. Be they Object literals, or your arrays or function. Add options to almost anything in javascript like this: var someObject = extendSomehow({}, new Options());

Options = function(){ return { setOptions: function(options){ var self = this; self.options = self.options || {}; GEG.extend(self.options, options); }, getOptions: function(){ return this.options; } }; };

See a working example here: http://jsfiddle.net/oakley/5e2TY/embedded/js,result/

[agrodev-blog]

Custom Event Queue for your own objects. No Elements Required

What we have here is an Events Mixin

Events are one of the best things about JavaScript. So let's celebrate events by adding custom events to your own Objects! Object literals, Arrays, Functions? ANYTHING YOU WANT!

Watch Her Work.

http://jsfiddle.net/jiggliemon/h8Pse/embedded/js,result/

[agrodev-blog]

My Standard Mootools Environment

Everyone's got their own coding style. So I thought I would share mine:

var namespace = namespace || {}; (function(global){ var SomeObj = global.SomeObj = { }; })(namespace); Object.append({}, new Events, new Options);

[agrodev-blog]

jQuery Plugin Template v0.9

Here is an updated version to our first version of the jQuery Plugin Template. I’m going to start claiming versions on these just so nobody gets lost on what the latest one is. We’ll start out at v0.8 because we still have some work to do on this before its legit. Also we'll be updating this post itself, so as not to force visitors into new links - and retain SEO crap.

So a reminder to what this is for… The jQuery Plugin Template should be the starting point for your plugin. We use it for ours. What it offers is a solid start to a plugin with a Class style layout. You can have private and public methods and members. It also allows each of your plugins to act as a standalone plugin rather than a jQuery plugin. We emphasize the use of the plugin in a non-jQuery style since you’re using jQuery as a library and not as JavaScript.

Here is the latest — v0.9

/* replace _plugin_ - the lowercase name of your plugin replace _Plugin_ - the uppercase name of your plugin (Contructor) */ (function (jq,namespace) { // if namespace already exists, attach this plugin to it. // oterwise we'll attach it to the jQuery object, then // if still not, we'll attach it to window. Cause we're gangster // like that. We do this to avoid collisions, and to allow for // a orgionizational namespace. if(!namespace) namespace = jq; var options = { option: 'blah' ,evented: true ,debug: false }; /* _Plugin_ v0.9 */ var _Plugin_ = namespace._Plugin_ = function( elements, opts ) { // the _plugin_ config based on passed in options if(opts){ options = jq.extend({}, opts || {}); if(options.events && namespace.Events){ jq.extend( this, new Events(), options.events ); } } // initiate the _Plugin_ return (this.initialize)?this.initialize(elements):this; }; _Plugin_.prototype = { initialize : function (elements) { // Get the _plugin_ element(s) this.elements = jq(elements) var count = this.elements.length; ,element; // Do some processing to the element(s) // looping with .each is slow. And looping backwards is FAST while(count--){ element = this.elements[count] = jq(this.elements[count]); element.data("_plugin_",this); } return this; } }; // jQuery bridge jq.fn._plugin_ = function (options) { return new _Plugin_(this, options).elements; }; })(jQuery,namespace);

http://jsfiddle.net/jiggliemon/5eEHd/embedded/js/

Changes v.09 - Made the plugin extensable (OO) - Added the instance to the elements themselves; accessable via el.data("_plugin_") - Changed usage from a single element to many - Avoiding the $ function all together lest there be conflicts w/ other - better libraries. - Added Support for `Events`.

Changes v.08 - We’ve removed returnjQuery and _return() since they’re annoying - You can access the jQuery object at $this.element - init() is private since it should only be ran once - Currently we only use the first element if you have a collection when calling $()._plugin_(); we will add better support in a later version - Added some events and event functions by default

To Get Started - Replace _plugin_ with your lowercase plugin name - Replace _Plugin_ with your uppercase plugin name (Constructor) - We will be making this plus documentation template publicly available soon (or later) - Public functions are written as $this.fnName = function () {} - Private functions are written as var fnName = function () {}

Cooler stuff is on the way!

Github repo: https://github.com/jiggliemon/jquery-plugin-template

[agrodev-blog]

Use Google Cache As A Source Control?

No. I'm just kidding. That is obviously a bad idea. But let me explain to you how Google's cached search results helped save me. I was recently editing my [tumblr](http://tumblr.com) theme and accidentally deleted a page I created. Since all the code is stored in tumblr, it wasn't under any kind of source control so previous versions are unreachable. Once it was deleted, it was gone. I had no backup and didn't want to rewrite the page so I thought, "Hey! I wonder if Google has a cached version of the page so I can steal the code from it?" Sure enough, it did. I Googled the page within my site, such as "`about site:blog.agroism.com`". You add the `site:` part to search only within your site. Now, of course your page will have to be in Google's search results. This is should be ok if you optimize for SEO. If you can find your page in the results, you should find a "Cached" link next to the URL in the search result. I imagine this link won't show if the page is freshly listed in the results. Click on the link and you will see an older cached version of your page. Hopefully it's the version you need. Just view source and copy the HTML you need and you're stoked! Let's be realistic here. You should never rely on Google cache to have a good copy of your work. Google cache won't have everything either. Say it's a much older page you're looking for. Or a page that has since been through multiple versions. In this case you might want to try the [Internet Archive Wayback Machine](http://www.archive.org/web/web.php). Now this thing is cool. It will let you see previous versions of your website from *wayback* when. This is fun to play around with even if you're not looking for previous versions of your site. Check out [Apple's website from 2001](http://web.archive.org/web/20010224173813/http://www.apple.com/). Crazy how 10 years can make a difference eh?

[agrodev-blog]

Add syntax highlighting to your vi.

Add some syntax highlighting to your vim

cd ~/ touch .vimrc echo "syntax on" >> .vimrc

Short and sweet.

[agrodev-blog]

Assign anonymous functions to variables in PHP. WHAT?!

Everyone wanted it. No one's talking about it. So you can imagine my amazement when I saw some code in the Doctrine2 project that looked like this:

$someThing->setAction(function($var) use ($othervar){ echo $var." with ".$othervar; });

I thought this little line was causing an exception, so I went on a hunt for how valid such a thing is. As it turns out, PHP 5.3.+ will allow you to assign variables to anonymous functions. And likewise, pass a function in as an argument.

So go ahead and do this:

$test = function ($var){ $var('Hello'); }; $test(function($message){ echo $message; });

It's perfectly legal now. Just dont forget the semi-colon after assigning an function to a variable.

[seanmonstar]

This is another installment about how to use my MooTools MVC framework. If you’re interested in the previous parts, check out my write-up on using Models and Views.

It’s often explained that Controllers are how you tie Models and Views together. I don’t want to get into that argument. For...

[agrodev-blog]

Gotcha when you've re-compiled PHP 5.3 on Mac OSX 10.6 - PCRE_UTF8

preg_match(): Compilation failed: this version of PCRE is not compiled with PCRE_UTF8 support at offset 0

The good news - is that PHP 5.3.3 comes packaged with PCRE pre-compiled, and standard with your installation. The bad news is the version it comes with is utterly useless. That's because when the gods of PHP were compiling PCRE for you, they left out UTF-8 support. So before you set out to wreck a weekend compiling PHP 5.3 on your MacBook Pro (OSX, 10.6) - Please remember to first compile and install PCRE.

sudo tar xvzf pcre-8.10.tar.gz -C ~/src cd ~/src/pcre-8.10/ CFLAGS='-arch x86_64' CCFLAGS='-arch x86_64' CXXFLAGS='-arch x86_64' ./configure \ --enable-utf8 \ --enable-unicode-properties make sudo make install

The only thing you need to do different when compiling PHP is to link your PCRE installation when you write your configure statement. PCRE installs to the /usr/local directory by default, but you can install it to which ever directory you want. The bundle managers seem to install to /opt/local.

CFLAGS='-arch x86_64' CCFLAGS='-arch x86_64' CXXFLAGS='-arch x86_64' \ ./configure \ ... --with-pcre-regex=/usr/local \ ...

To test weither or not you actually DO haveUTF-8 support, you can rock this simple test:

echo (@preg_match('/\pL/u', 'a') == 1) ?"UTF-8 support is on.":"UTF-8 support is off.";

There's quite a few other hang-ups involved. But that's better left for a longer post.

Download PCRE 8.10 Here: http://sourceforge.net/projects/pcre/files/pcre/8.10/pcre-8.10.tar.gz/download

[agrodev-blog]

Ryan Florance can get a point across much better than I can. He's also a much better developer. Read his blog. Use Moo4q.

[agrodev-blog]

Look up tables in JavaScript. An optimal condition.

Before you get to writing all those if/else statements, try writing your conditionals like this:

var someObj = { handle: function(variable){ // instead of if/else, you're seeing a Look up table this['handle' + (typeof variable).capitalize() ](variable); }, handleString: function(someString){ console.log(someString); }, handleNumber:function(someNumber){ console.log(someNumber); } }

Yes, it's less "readable". However, if your goal is simply to provide a simple user api, speed should be more of a priority. Here's a real-world example of how I used the anti-condtional last night.

jsFiddle