so first – fire up the activity monitor – check out the zend processes. Make sure to check the username that runs them – usually zend and _zend
Also click on one of them and click “Sample process” – a new window will open – take note of the path – usually /usr/local/zend/

go to terminal:

sudo pkill -u <username> 

Go to /Applications – delete the zend folder.

Go to preferences – Users and Groups – delete any related zend users.
or
Go to Terminal

sudo dscl . delete /users/<username> 

rm -r /users/<username> 

– will delete the home folder

and now the last part removing the zend folders you found from the first step of sampling.
in terminal
cd /usr/local
sudo rm -f -R zend

and you should be done – restart – check out the processes – they should be clean of zendish things.
Let me know if I missed anything… i want to wipe it off as well ;p

Today I ran into ImageOptim – a tool on OSX that supposedly removes the EXIF data and geolocation from images – but with an graphical user interface.

All you have to do is drag the image – it will crunch it – and the same image is replace with a new one – which looks exactly the same – minus the the EXIF data and geolocation. It is also a tad bit more compressed.

Here is a before/after of the same thing

As you can see – the what phone I used, color and additional info were removed (this one doesn’t have geo location, but if it was there,it would be gone too)

It got to a point where I needed to really scroll scroll my twitter stream or search my twitter archive to re-find something to use. at which point, I thought, it is worth for my convenience at least to compile them into one post – resulting in yet-another-cool-jquery list.

So here it is – in no particular order or grouping:

• Zoopraxiscope: a jQuery plugin for making animations from static images inspired in Eadweard Muybridge’s Zoopraxiscope – http://cobalys.github.io/JZoopraxiscope/
• jPanelMenu: a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications). – http://jpanelmenu.com/
• ImpressJs: It’s a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers – http://bartaz.github.io/impress.js/#/bored
• jQuery.bPopup.js: bPopup is a lightweight jQuery modal popup plugin (only 1.49KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs. – http://dinbror.dk/bpopup/
• PopBox: jQuery PopBox is a simple, 37Signals Highrise inspired balloon UI element. – http://gristmill.github.io/jquery-popbox/example.html
• FoldScroll: Experimental CSS 3D scroll behavior – http://soulwire.github.io/FoldScroll/
• jQuery Unfold:fancy Mail app style unfold effects in your browser – https://github.com/mikejholly/jquery-unfold
• Intro.js: Better introductions for websites and features with a step-by-step guide for your projects – http://usablica.github.io/intro.js/
• iPictures: Tooltips for your pictures http://ipicture.justmybit.com/
• Reel: Query plugin for 360° object movies, vistas and panoramas. It is a full-featured enhancement of img HTML tag – https://github.com/pisi/Reel
• TimelineJS: Beautifully crafted timelines that are easy, and intuitive to use – http://timeline.verite.co/
• Flying pixels – Jquery Animation – http://codepen.io/gschier/pen/nLCJp
• Focus Tooltip: http://codepen.io/vpegado/pen/daugx
• Avgrund: A modal concept which aims to give a sense of depth between the page and modal layers – http://lab.hakim.se/avgrund/
• Fokus: uses JavaScript to emphasize anything you select by covering the rest of the page with semi-transparent black – http://lab.hakim.se/fokus/
• BubbleJs: HTML5 Video Captions and .SRT Subtitles Support – http://bubbles.childnodes.com/
• Toolbar.Js – A jQuery plugin that creates tooltip style toolbars- http://paulkinzett.github.io/toolbar/
• Pushing Pixels: Dynamic PNG shadow position & opacity with jQuery by Daniel Kurdoghlian - http://pushingpixels.at/experiments/dynamic_shadow/
• jAni – jQuery Plugin for cartoon like images animations – http://www.ajaxblender.com/jani.html
• Lazy: an on-demand Jquery plugin loader, also known as a lazy loader. Instead of downloading all Jquery-plugins, you might or might not need, when the page loads. Lazy downloads the plugins when you actually use them - http://unwrongest.com/projects/lazy/
• Ajax-like File Downloads: ajQuery Plugin for Requesting Ajax-like File Downloads – http://filamentgroup.com/lab/jquery_plugin_for_requesting_ajax_like_file_downloads/
• Dataset: JavaScript library that makes managing the data behind client-side visualisations easy, including realtime data. It takes care of the loading, parsing, sorting, filtering and querying of datasets as well as the creation of derivative datasets. http://source.mozillaopennews.org/en-US/code/dataset/
• Tabletop:Tabletop takes a Google Spreadsheet and makes it easily accessible through JavaScript. With zero dependencies! Tabletop easily integrates Google Spreadsheets with Backbone.js, Handlebars, and anything else that is hip and cool. It will also help you make new friends and play jazz piano. http://builtbybalance.com/Tabletop/

Other cool stuff

Assigning Content to Players Programmatically – for those high performance website – one player and automatically change the content for itlink

TableStacker: A python-based tool to help convert a CSV file into an interactive HTML table that sorts, filters and paginates and is easy to publish. http://source.mozillaopennews.org/en-US/code/tablestacker/

TableSetter: a Ruby app which provides an easy way to present CSVs hosted locally or remotely in custom HTML. http://source.mozillaopennews.org/en-US/code/tablesetter/

Adaptive Images : Deliver small images to small devices
Adaptive Images detects your visitor’s screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page’s embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques. http://adaptive-images.com/

If you click the Embed button and copy/pase the code – usually the result is like this

Code

 <iframe width="400" height="325" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" src="http://www.google.com/publicdata/embed?ds=d5bncppjof8f9_&amp;ctype=b&amp;strail=false&amp;bcs=d&amp;nselm=s&amp;met_x=sp_dyn_le00_in&amp;scale_x=lin&amp;ind_x=false&amp;met_y=sp_dyn_tfrt_in&amp;scale_y=lin&amp;ind_y=false&amp;met_s=sp_pop_totl&amp;scale_s=lin&amp;ind_s=false&amp;dimp_c=country:region&amp;ifdim=country&amp;hl=en_US&amp;dl=en_US&amp;ind=false&amp;icfg&amp;iconSize=0.5"></iframe> 

Result

But if you wanna embed google data explorer in your page and blog with the sidebar and controls here is one nasty little trick that you may not stumble upon easily (unless u are a dev)

in the above code – change the word “embed” in the iframe tag after src=”http://www.google.com/publicdata/embed?ds=d5bncppjof8f9
to
src=”http://www.google.com/publicdata/explore/fullembed?ds=d5bncppjof8f

here is the result where you can click and fiddle with the sidebar and results.

One small code edit – a whole lot of data for your readers to explore!

I am afraid not to find it again some day
In case time,internet
forgotten servers
swallow this up
…
So i am copying
To know it is safe.
———————-
2 or 3 things i know
———————-

this photograph / book
made such an impression
on me as a child.

from alice to ocean

the story of robyn davidson
and her 17,000 miles trek across
the australian desert with
her dog and 4 camels
in 1977.

i miss the influence
of national geographic

today we can
snap 1,000 pics of
a 4th of july bbq and
call it photography.

there is a difference
if you know what
i mean.

—————–
my edit

You need 2 files – index.php where the chart is displayed and a get_json.php that fetches the data.

You can download here (don’t you love big download links?) or copy paste the code below

Here is code for index.php

<!DOCTYPE html>
<html>
<head>
	<title>My realtime chart</title>
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript">
			// Load the Visualization API and the piechart package.
			google.load('visualization', '1', {'packages':['corechart']});

			// Set a callback to run when the Google Visualization API is loaded.
			google.setOnLoadCallback(drawChart);

			function drawChart() {
				var json = $.ajax({
					url: 'get_json.php', // make this url point to the data file
					dataType: 'json',
					async: false
				}).responseText;
				
				// Create our data table out of JSON data loaded from server.
				var data = new google.visualization.DataTable(json);
				var options = {
					title: 'My Weekly Plan',
					is3D: 'true',
					width: 800,
					height: 600
				};
				// Instantiate and draw our chart, passing in some options.
				//do not forget to check ur div ID
				var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
				chart.draw(data, options);

				setInterval(drawChart, 500 );
			}
		</script>  

</head>

<body>

	  
	<div id="chart_div" style="width: 500px; height: 500px;"></div>
 
 
</body>
</html>

Here is the code for get_json.php

<?php
/* $server = the IP address or network name of the server
 * $userName = the user to log into the database with
 * $password = the database account password
 * $databaseName = the name of the database to pull data from
 * table structure - colum1 is cas: has text/description - column2 is data has the value
 */
$con = mysql_connect('localhost', 'username', 'password') or die('Error connecting to server');
 
mysql_select_db('yourdatabasename', $con); 

// write your SQL query here (you may use parameters from $_GET or $_POST if you need them)
$query = mysql_query('SELECT * FROM yourtable');

$table = array();
$table['cols'] = array(
	/* define your DataTable columns here
	 * each column gets its own array
	 * syntax of the arrays is:
	 * label => column label
	 * type => data type of column (string, number, date, datetime, boolean)
	 */
	// I assumed your first column is a "string" type
	// and your second column is a "number" type
	// but you can change them if they are not
    array('label' => 'cas', 'type' => 'string'),
	array('label' => 'data', 'type' => 'number')
);

$rows = array();
while($r = mysql_fetch_assoc($query)) {
    $temp = array();
	// each column needs to have data inserted via the $temp array
	$temp[] = array('v' => $r['cas']);
	$temp[] = array('v' => (int) $r['data']); // typecast all numbers to the appropriate type (int or float) as needed - otherwise they are input as strings
	
	// insert the temp array into $rows
    $rows[] = array('c' => $temp);
}

// populate the table with rows of data
$table['rows'] = $rows;

// encode the table as JSON
$jsonTable = json_encode($table);

// set up header; first two prevent IE from caching queries
header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');

// return the JSON data
echo $jsonTable;
?>

You create an interface, teammates enter their contact info, they click generate.
A code automatically generates a pre-designed html file with their info plugged into it.
This file is then imported on their email client – everyone has a nice, cool layout, unified signature with a consistent visual identity.

Simple, Nice!

well – we’ve come to realise the following

So here are 5 tips learned:

- IE compatibility
- Security
- lotus note
- mobile design
- inline table design + failing gracefully

IE Compatibility
Whatever you code has to work with IE FIRST. In the corporate world where you need to build a signature generator – your senior management is very very likely to be using IE. You don’t want to mess things up for those users. So whatever you are coding, code it for them first.
Also chances are that people are using “work computers” – if that had windows in it and was locked down by security without administrative rights – chances are it still had IE on it as the browser.
So – IE is a big deal – specially that you will be writing code that generates code – make sure it works.

Security
Following up on the above point – make sure what you are posting and encoding doesn’t work only on your developer machine – that no network protocol or security measures will block your operation.
a proof of concept that your code will pass security is essential – because otherwise, It will required a different approach to your code.
Here the general advice is to have everything processed on your server – don’t make your browser do any real work. Let it be a normal request/download transaction.

Mobile Design
Now everyone reads their email on their mobiles – this is why we buy mobiles actually nowadays.
You have to respect this in terms of graphical design of your signature but also in terms of having a “responsive” signature that works in mobile and in the different “mobile email clients” like google mail on android, google mail on iphone etc (not just browser checks)

Lotus Notes
If your company is using lotus notes – you will need to have a strong drink before starting this!
No matter what code you use – you have to be sure Lotus doesn’t “discard” it.
Lotus notes can understand only “tables” and “Basic styles”
If you think you can get away with fancy css stuff – you are wrong.
Prepare your time machine and go back to what you learned on coding divs and table.

Inline-code + failing gracefully
The above point brings us to inline code – all the code you need to do for your signature has to be done inline (don’t you love css now?) – so make sure you write all those tags.
Also take into account while inline coding – that if things were to fail – you can predict the way the code fails and the design implications for it.

I hope this was useful – not deterring you. A unified identity in everyday emails is good for branding – no matter how idiot that sounds. You might think the effort required is bigger then the outcome. But in big companies with a gazillion team – it kinda works.

Next – since you built that signature already and got people to use it – time to add some analytics? (6)

One of the “topics” in the “conversation” was “what can we learn from the private sector?” and lots lots of theory about methodologies and approaches and importing one experience from one field to the other.

I am not sharing this with you – no matter how deep that conversation truly was. But Instead here is a very tangible/funny/real life thing “we can learn”.

Here is what happened – each of those “parties” (govt, private sector,NGO etc) were showcasing different projects and products they did in a “gallery” or a separate space.

After all has been said and done – I was passing by – the room dedicated to the private sector had NULL or ZERO amount of flyers/stickers/posters – it was technically clean of anything that had value.
Everything that could be taken away or was worth it – was taken away.

As I dropped by the Govt/NGO spaces – the place was full with the posters/flyers/stickers and papers and other random materials.

Small things – i Know – but it really made me smile – was a small “hah!” moment – but I think in those small things lie big truths.

If you are a developer and using frontline – I thought this might be worth putting out there.

# The FrontlineSMS Web Connection API

FrontlineSMS lets you set up Web Connections to external web services. The primary function of Web Connections is to trigger HTTP requests on the external service when messages are received. However, in addition to this, you can enable the FrontlineSMS API through a Web Connection Activity, which allows your external web service to trigger outgoing messages through FrontlineSMS.

## Enabling the API

In the Web Connection walkthrough, you will be given the option to enable the FrontlineSMS API for that Activity. The only required configuration is the API Key that the remote service will need to use in each request. See [Creating a Web Connection][] for details on setting up a Web Connection.

## API Details

The URL for a specific Activity’s API endpoint will be shown in in the activity’s header.

The Web Connection API expects a JSON Map with the following parameters:
- secret
- message
- recipients

### secret (required if Api Secret is set in Web Connection instance)
When configuring a Web Connection, you will be prompted to enter an API Secret. Incoming requests will only be processed if the secret parameter matches what was set up in the Web Connection walkthough. If no secret was provided, the secret parameter can be left out of a request.

### message (required)
This is the message body that will be sent out as the SMS. Substitution variables of the type used within FrontlineSMS are supported (so, for example, ${contact_name} will be replaced with the receiving contact’s name). As with any SMS, extra cost may be incurred if this message body is longer than 160 characters.

### recipients (required)
This is a list of entities the message should be sent to. Each entity will have a ‘type’ parameter and a corresponding value parameter, depending on the type. The available recipient entities are listed below.

#### group

The value parameter here can either be a ‘name’, which takes a literal string representing the group name, or ‘id’, which takes the FrontlineSMS database id of the group.

#### smartgroup

The value parameter here can either be a ‘name’, which takes a literal string representing the smartgroup name, or ‘id’, which takes the FrontlineSMS database id of the smartgroup.

#### contact

The value parameter here can either be a ‘name’, which takes a literal string representing the contact name, or ‘id’, which takes the FrontlineSMS database id of the contact.

#### address

This represents a phone number. It must be accompanied by a ‘value’ attribute, which represents the phone number to send to. Phone numbers should be parsed in international format without spaces or brackets.

Below is an example of a valid requestst body, utilising all the valid combinations of recipient types.

URL: [api/webconnection/${activityId}/${secret}]/send
METHOD: POST
FORMAT: JSON
CONTENT: {
secret: “secret”,
message:”Hello, ${contact_name}”,
recipients: {
{ “type”:”group”, “id”:”1″ },
{ “type”:”group”, “name”:”friends” },
{ “type”:”smartgroup”, “id”:”3″ },
{ “type”:”smartgroup”, “name”:”humans” },
{ “type”:”contact”, “id”:”2″ },
{ “type”:”contact”, “name”:”bobby” },
{ “type”:”address”, “value”:”+1234567890″ }
}
}

## Responses

FrontlineSMS will return various HTTP response codes depending on the outcome of the request.

### 200 (Success)

This will be accompanied by a text body stating how many recipients received the message. Note that this only signifies successful submission of the request to FrontlineSMS, and does not necessarily mean the outgoing message will be successfully delivered. If there are no routes available, or a problem with any of the active routes, the outgoing messages may fail despite the 200 response

### 400 (Bad Request)

This will be accompanied by an error message stating what was missing in the request. Examples are “no recipients supplied” and “missing required field(s): message”. Note that if you specify valid group or smartgroup names, you may still get a 400 if there are currently no members of those groups

### 401 (Authentication required)

This error code will occur when the Web Connection requires a ‘secret’ parameter and none was supplied, or the secret provided was incorrect. The body will specify which of these two conditions occurred, as it will either be “no secret provided” or “invalid secret”

So i found the list on this site, but each time i have to find the damn one, i’d spend 15 mins looking for it – so here it! I hope i don’t forget my own URL or that at least, i’ll stop needing them that often!

Printing Characters