[css]
@font-face {
font-family: ‘TheRightWayToFontFace’;
src: url(‘webfont.eot’); /* IE9 Compat Modes */
src: url(‘webfont.eot?#iefix’) format(‘embedded-opentype’), /* IE6-IE8 */
url(‘webfont.woff’) format(‘woff’), /* Modern Browsers */
url(‘webfont.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘webfont.svg#svgFontName’) format(‘svg’); /* Legacy iOS */
}
[/css]
The Best Way to Use @font-face
Network Centric Activism (before it was cool)
Before the rise of iPhones and facebook, I was building tools for politics and advocacy. In 2004, Andrew Crump and I put together this visualization of what network centric activism should look like. I’m proud to say that this model has come to pass and is now the standard most web apps in the political & advocacy realm strive to attain. I also find it ironic that seven years later, I’m still working on web applications that are essentially doing the same thing at their core. If that’s not a calling then what is?
Anyway, the case for network centricity was laid out in a whitepaper we wrote that went along with this visualization:
Traditionally, campaigns have relied on the formulation of a simple and easy-to-understand message that is delivered to as many voters as is technically possible. This approach can be labeled platform centric voter contact.
Platform centric operations are characterized by their braod strokes, over-simplified 10 second sound bites, and ambiguous language. With advances in communications technology, campaigns have certainly been empowered to collect more appropriate data and deliver their genral message to more voters than was feasible before innovations such as websites & emails. However, these same technological advances have allowed every other industry to constantly bombard indivudals with general messages seemingly every second of the day, and at minimal (if any) cost. This barrage characterizes mass communication in the Information Age, and leads individuals to erect quite reilient barriers to filter our the useless SPAM constantly being directed at them.
Thus, Information Age political activism can no longer be built on simple access to the platforms of communication; anyone can boast about that in today’s world. Access to the means of information distribution must be replaced with targeted communications with individual voters; delivering credible messages appropriate to their day-to-day concerns. If political campaigns ever wish to maximize the advantages available through the use of Information Age technology, they must adapt the network centric model that is revolutionizing the management of complex, large-scale operations in almost every industry.
It seemed so cutting edge back then. My how far we’ve come.
Check out a PDF of Network Centric Activism (26)
jQuery Label to Value
[javascript]<script type="text/javascript">
this.label2value = function(){
// CSS class names
// put any class name you want
// define this in external css (example provided)
var inactive = "inactive";
var active = "active";
var focused = "focused";
// function
$("label").each(function(){
obj = document.getElementById($(this).attr("for"));
if(($(obj).attr("type") == "text") || (obj.tagName.toLowerCase() == "textarea")){
$(obj).addClass(inactive);
var text = $(this).text();
$(this).css("display","none");
$(obj).val(text);
$(obj).focus(function(){
$(this).addClass(focused);
$(this).removeClass(inactive);
$(this).removeClass(active);
if($(this).val() == text) $(this).val("");
});
$(obj).blur(function(){
$(this).removeClass(focused);
if($(this).val() == "") {
$(this).val(text);
$(this).addClass(inactive);
} else {
$(this).addClass(active);
};
});
};
});
};
// on load
$(document).ready(function(){
label2value();
});
</script>
[/javascript]
Track Outgoing Links as Content in Google Analytics
[html]
<a href="http://your.domain/donate" id="donate-link" onclick="_gaq.push(['_trackPageview', '/outgoing/donate']);">Donate $10 today</a>
[/html]