hack1n9

Fastform  ist mein neustes Plugin für jQuery. Mit diesem Plugin ist es möglich Formulare mittels Ajax an den Server zu senden ohne sich um die Daten zu kümmern. Es spart einiges an Entwicklungszeit. Um dies zu verdeutlichen zeige ich hier mal den kleinsten Aufruf von fastform: $('#formularId').fastform({ajax:true}); Mit diesem Aufruf wird ein Formular an die im action Attribute angegeben url gesendet mittels Post. Das Plugin kann aber auch nur dazu benutzt werden ein Formular zu validieren. Wenn ich nur die Validierungsfunktion nutzen möchte und die Daten in einem Objekt bekommen möchte dann reicht sogar dieser Aufruf: var data = $('#formularId').fastform();          if(data == false) { //fehler im Formular, der Nutzer sieht nun die Fehlerhaften Elemente rot markiert.           return false;         } else {            // hier kann ich die Daten selbst mit $.ajax versenden oder irgendwas anderes tolles damit machen         } Wie man sieht spart dieses

Pinbox, Pinterest.com div layout Weitere Beispiele und Demos: http://kayschneider.github.com/pinbox/ Pinbox ist ein jquery plugin mit welchem man schnell und einfach das Pinterest.com div layout nachahmen kann. Die Verwendung ist recht einfach. Man muss einfach nur die Sources von  https://github.com/KaySchneider/pinbox in die eigene Seite einbinden. Folgendes HTML markup: <div id="categoryProductContainer" style="position: relative;"> <div class="span2 pcon smaller prodcont actioninside new"> 1 </div> <div class="span2 pcon prodcont actioninside new"> 2 </div> <div class="span2 pcon higher prodcont actioninside new"> 3 </div> <div class="span2 pcon prodcont actioninside new"> 4 </div> </div> Erläuterung: Die id vom äusersten div container ist frei wählbar dann muss nur der Aufruf demen

So nun habe ich es geschafft und ein kleines Facebook Spiel gemacht. Ich habe die hauptsächlich gemacht um eine Anwendung rein in javascript zu schreiben welches keinen Server benötigt. Hier ist das kleine Spiel: http://kayschneider.github.com/friendGuess/ Und im chrome webstore als installable webapp: https://chrome.google.com/webstore/detail/aaekhjafoljofaiegbipmodlgmhpdenp Und die sources gibts hier: https://github.com/KaySchneider/friendGuess

Javascript mach erst so richtig Laune wenn man das ganze in schönen klassen, also nennen wirs klassen kapselt. Was mir heute aufgefallen ist. Bei der Verwendung von Prototyping und mehrfacher Instanzierung eines Objektes welches von einem Objekt Erbt via prototyping. So sind alle Arrays bei diesem "Mutter" Objekt für alle instanzierten Objekte darunter gleich. Sie sind also Statisch verfügbar. Das kann erwünschte wie unerwünschte Effekte haben. Hier ein kleines Code Beispiel:  var car = function () {                   this.doors = new Array(); } ;       car.prototype.addDoors = function (door) {                            this.doors.push(door); }; var cabrio = function () {     this.init(); }; cabrio.prototype = new car(); cabrio.prototype.init = function () {       this.addDoors({door:blue}); }; var MyFirstCabrio = new cabrio(); // jetzt wird eine neue Instanz der Klasse cars erstellt var MySecondCabrio = new cabrio(); //jetzt wird die alte In

Schon im letzten Jahr hat Facebook angekündigt dass es die "app profile page" nicht mehr geben wird: https://developers.facebook.com/blog/post/611/  (link zur Quelle) Somit können neue Anwendungen auch nicht mehr mittels "app profile page" zu einer Facebook Seite hinzugefügt werden. Daher gibt es einen neuen Dialog von Facebook, welchen man unter dieser URL erreicht: http://www.facebook.com/dialog/pagetab?app_id=APP_ID&redirect_uri=APP_CANVAS_URL Dann erscheint ein neuer Dialog in welchem man eine Facebook Page auswählen kann und die App dieser Page hinzufügen kann.

Ein tolles feature von der Graph API sind die sogenannten live updates. Dabei Registriert sich die App für divesere Updates von allen App Usern, bspsw. für das Bild, checkins etc. Man muss dabei beachten dass Facebook nur die userid und das Feld zurücksendet in welchem sich etwas geändert hat. Die Daten muss man dann wiederum bei der Facebook Graph API abholen, wozu man wiederum "offline" access haben sollte da man ansonsten immer warten muss bis der User wieder die App besucht. Hier das subscribe in PHP: define('subscribeUrl'," https://graph.facebook.com/" . APP_ID . "/subscriptions" ); define('VTOKEN', 'bla2367dhhda28778'); //this is an token to verify the callback from facebook  /*   * subscribe array   */  $object =  Array (     'access_token' => $accessToken[1], //here insert the app access token!     "object" => "user",     "callback_url" => "http://yourserver.c

Hier ein kleines Code Snippet um einen sogenannten "app access token" für Facebook API zu erstellen. Dieser wird zum Beispiel benötigt um eine App für die sogenannten "Live Updates" zu subscriben. define('APP_ID', 'ENTER HERE YOURE APP ID'); define('APP_SECRET', 'ENTER HERE YOURE APP SECRET'); $accessTokenUrl = "https://graph.facebook.com/oauth/access_token?client_id=" . APP_ID . "&client_secret=" . APP_SECRET . "&grant_type=client_credentials"; define('subscribeUrl'," https://graph.facebook.com/" . APP_ID . "/subscriptions" ); //"https://apps.facebook.com/" . APP_ID . "/subscribe";  //include_once('config/config.php');  define('POSTURL', 'https://graph.facebook.com/oauth/access_token');  define('POSTVARS', "client_id=" . APP_ID . "&client_secret=" . APP_SECRET . "&

Nun, hat es doch etwas länger gedauert mit dem Ende der Javascript Particle engine. Aber es ist geschafft. Hier ist die fertige Demo: http://kayschneider.github.com/Javascript-particle-system/ Am besten mit dem chrome betrachten da der firefox da doch etwas träge werden könnte. In der Demo sieht man ein "Feuerwerk" wobei jede Explosion farbige "Partikel" ausstößt welche dann am Himmel, hier die Leinwand, betrachtet werden kann. Jeder Partikel hat dabei eigene Eigenschaften welche beim Start gesetzt werden danach "lebt" das Partikelobjekt alleine weiter bis es "stirbt". Hier geht es zum Quellcode: https://github.com/KaySchneider/Javascript-particle-system Ich hoffe es bringt vielleicht irgendjemand weiter, auf jeden Fall kann man mittel OOP Partikel System recht einfach lustige Effekte Zaubern. :)