Hey, i'm a maker, designer, developer, tinkerer and hacker dad of 2 beautiful girls. You can find me on Twitter @kotrotsos and mlabs
1. The way to play the jigsaw instruction tapes are always labeled clearly.
2. The rules of the game are very simple and always straightforward (eg. poke out eye- get key)
Bonus: Playing the game successfully brings great reward...usually.
I was thinking about some way's to show your email address on your site- without the possibility that spambots would be able to harvest them- or at least, make it very hard for them to do so.
One idea that stuck was placing the email address on the clipboard, and making it available to paste into the recipient field of an email client. So I cobbled together a proof of concept between 2 cappuccino's- that does just that, place an email address onto the clipboard after clicking a link.
It's not pretty- but it was not meant to be. I used ZeroClipboard cause I found out that doing this [copy something] is really hard to do cross browser.
Anyhoo...Here is an example page, it is ready to run-however one caveat. If you run this locally-you need to give Flash explicit access (yes it uses a small Flash script) to some secure part. It's not hard, just enter the page as an exception when it shows the warning dialog to you.
How's this for sexy?. Paste this into your HTML file.
Now you can attach events directly to the declaration.
.m0 { outline:solid red 1px; }$(document).ready(function(){
$("*").hover(
function () {
var c = $(this).attr('class');
$(this).addClass('m0');
document.title = "ID: " + $(this).attr('id') + " CLASS:" + c;
},
function () {
$(this).removeClass('m0');
}
);
});
I have recently took up the Embedded Javascript jQuery plugin again. It is a templating engine for javascript. (here) It is also part of the javascriptMVC framework. However I was not happy with the way you call the render function everytime you need to render a view.
$('header').html(new EJS({url: "templates/header"}).render());
So I developed my own solution where you only need to add a classname of 'view' to an element. And if you name your templates according to convention- it should render out the template. (in this case header.ejs)
<div id="header" class="view"></div>
You can also override the template name like so
<div id="header" class="view myheader"></div>
Just append the template name to the classname. Here is the code- you need references to jQuery and EJS for this to work. Just have the script execute right after page load.
function render_views()
{
var Views = []; var templatePath = "templates/"
// Find me some elements with a view class attached
$('.view').each(function() {
var arg;
var id = $(this).attr("id");
// See if there is a template overide present- split the
// class into an array.
arg = $(this).attr("class").split(" ");
var customView;
// So only the second value becomes the argument to overide-
// I see an error in my assumptions though. Can you see it? will fix
// that sometimes. (hint: what if you have more then one class
// definitions per element?)
if (arg.length > 1)
customView = arg[1];
// Keep Strings Neat By Using Variables (tm)
var elementid = "#" + id;
var template = templatePath + id;
if (customView != null)
template = templatePath + customView;
// Perform view rendering
$(elementid).html(new EJS({url: template}).render());
});
}
When working, I usually have one or two Basecamp projects open (or as much as possible)
I don't use any third party notification tools or anything- I just like working directly on the site itself. But- I don't like to right column, header and footer to be visible while I am doing alot of to-do stuff for instance.
So- I created this bookmarklet, just add the following link to your bookmarks or bookmark toolbar or whatever, and whenever you visit a Basecamp project- click on it...and only the stuff that matters most will remain visible. (reload, and you will have the normal view again)
I am drafting up some mockups for IRL Like (or something cheezy). You can stick this onto anything 'likeable' and people can shoot the QR code or follow the bit.ly shorturl to -like it.
