Der Interaktionsdesigner 2021

Februar 2012

Facebook Vorschaubilder und TYPO3

Wenn man bei Facebook eine Seite teilt, dann sucht Facebook nach einem passenden Thumbnail. Der geneigte Entwickler gibt dem Spider einen Hinweis über das <link rel="image_src"> Tag. Soweit so einfach. Das kann man natürlich im Template verankern und das Logo hinterlegen, aber was passiert wenn tt_news Beiträge geteilt werden? Die besitzen meistens auch ein Bild was wesentlich aussagekräftiger ist als das normale Seitenlogo. Dieser Artikel erklärt wie ein dynamisches link-Tag gebaut wird um in allen Lebenslagen gut zu arbeiten.

Dezember 2011

Schönes Javascript mit Callbacks

Callbacks sind jedem jQuery Anweder bekannt. Von [pre]onClick[/pre] bis zu [pre]onResize[/pre] bindet der Webentwickler jede Menge Logik an festgelegte Events. Meiner Meinung nach eine angenehme Art zu programmieren und gut nachvollziehbar, da der Code gut lesbar bleibt, sofern man nicht übertreibt. Wenn man selbst Applikationen programmiert die auf Javascript basieren und später noch diverse Erweiterungen ermöglichen sollen, dann macht es durchaus Sinn eigene Callbacks anzubieten. Sei es in einer jQuery Extension oder einer eigenen Applikation.

November 2011

Die wichtigsten OS X Programme für Entwickler

Ab und zu kommt man in die schöne Situation sich an einem neuen Rechner wieder zu finden. Ein sauberes, unverbogenes OS X begrüßt einen mit Standardeinstellungen. Im Arbeitsalltag stolpert man dann ständig über Programme die man doch noch zur Grundausrüstung braucht, die sich schon so in den Arbeitsalltag integriert haben, das man ohne sie nicht mehr auskommt. Um dem geneigten Leser bzw. mir selbst beim nächsten Computer die Arbeit zu erleichtern präsentiere ich hier meine Liste mit unverzichtbaren Programmen für den Webentwickler unter Mac OS X. Ergänzungen sind herzlich willkommen.

Oktober 2011

SEO und TYPO3

Da wir ein paar sehr schöne TYPO3 Seiten realisiert haben die jetzt im Internet auch gut gefunden werden sollen, geht es in dieser Ausgabe um das Optimieren einer TYPO3 Internetseite mit möglichst wenig Aufwand und schnellen Erfolgen. Vorweg bleibt zu sagen das neben der On-Site-Optimierung die Off-Site-Optimierung eine bedeutende Rolle spielt. Aber die ist wie Rudern gegen den Strom. Wenn man nachlässt wird man zurück getrieben. Irgendwer hat das gesagt, ich weiß leider nicht mehr wer, aber es stimmt. Für dauerhafte, erfolgreiche Suchmaschinenoptimierung muss man also wohl oder übel in die Taschen greifen und eine gute Agentur damit beauftragen. Für das kleine Budget gibt es aber auch schon einige Tricks.

März 2011

jQuery Deferred verstehen und bessere Scripte schreiben

jQuery 1.5 ist schon eine Weile draußen und hat ein neues tolles Konzept mitgebracht das ich unbedingt vorstellen möchte, denn damit schreibt man bessere Scripte, die übersichtlicher sind und zuverlässiger funktionieren. Es heißt: Deferred und ist eigentlich sehr leicht zu verstehen. Mit jQuery.Deferred lassen sich Objekte erzeugen, die beim erreichen eins Zustandes bescheid geben, damit andere Objekte darauf reagieren können. Klingt verworren ist aber ganz einfach, zum Beispiel sollen die Bilder angezeigt werden wenn sie fertig geladen sind.

Februar 2011

CakePHP Expandable Behavior

Darf ich vorstellen: mein CakePHP Expandable Behavior. Ein einfaches, kleines Script welches das hinzufügen von neuen Spalten in einem beliebigen CakePHP Model erlaubt, ohne die Datenbank zu verändern. Neue Spalten werden in einer Tabelle und die Inhalte in einer anderen Tabelle gespeichert. Beim Auslesen werden die Ergebnisse so zusammen gefasst, dass es für den normalen Programmierer kein Unterschied gibt. Die neuste Version findet man auf GitHub, die Erklärung zur Installation und Nutzung in diesem Eintrag.

Januar 2011

Mobile Webseiten mit jQuery Mobile und CakePHP

Zwei großartige Frameworks, vereint um die mobile Welt zu verbessern, bereichern und verändern. Mit CakePHP baut man in wenigen Schritten eine mobile Applikation die auf allen Smartphones gut aussieht mit Hilfe von jQuery Mobile.

Januar 2011

Die eine Zeile zum jQuery Tab

jQuery ist ein großartiges Javascript Framework. Mit einer einzigen Zeile kann man ein komplettes Tab Widget bauen. In meinem aktuellen Projekt kann der Benutzer unter einer großen Auswahl Elementen wählen. Jedes Element gehört in eine Kategorie. Also wäre es doch nett oben eine Kategorie anzuklicken und anschließend nur die Einträge dieser Kategorie zu sehen. Nichts leichter als das! Es gibt natürlich großartige und weniger gute Plugins zu dem Thema, aber es ist in einer Zeile selbst geschrieben. Macht Spaß und verdeutlicht die Verkettung in jQuery.

Januar 2011

Pauls Blog ist schöner geworden 2

Herzlich Willkommen im neuen, schönen Interaktionsdesigner! Das neue Jahr startet mit einem komplett neuen Theme, weg von grün hin zu knalligem rot. Ganz im Stil der Ape Unit GmbH. Das Theme wurde von unserem Grafiker Tim Herzog entwickelt und von mir umgesetzt. Sehr hilfreich dafür war natürlich mein Eintrag wie ein Entwickler einen Wordpress Blog aufsetzt. Aber es gibt auch ein paar neue Funktionen. Ein paar Highlights und deren Umsetzung will ich natürlich nicht für mich behalten.

Dezember 2010

phpMyAdmin Quick Access

Das Problem sind ca. 120 Datenbanken auf meiner lokalen Testumgebung und ich will beim arbeiten stets nur schnell in eine einzige. phpMyAdmin lädt aber länger den Frame mit allen Datenbanken. Seit Ewigkeiten stelle ich mir vor einfach anzufangen den Namen zu tippen und -zack- zur Datenbank weiter geleitet zu werden. So siehts aus:Bildschirmfoto 2010-11-30 um 19.56.53

Oktober 2010

PHP sortiert Arrays

Heute stand ich mal wieder vor der Aufgabe ein Array zu sortieren. Arrays muss man beim programmieren ständig sortieren. Richtig spannend wird es mit mehrdimensionalen Arrays und eigenen Bedingungen nach den sortiert werden soll. Und immer wieder sucht man die selben Begriffe und landet auf den gleichen Seiten, das hat mit diesem Eintrag ein Ende, wenn man ein mehrdimensionales Array mit einer eigenen Funktion sortieren will.

Oktober 2010

Wie ein Entwickler einen WordPress Blog aufsetzt

WordPress für EntwicklerWenn der Kunde einen Blog möchte, denkt der Entwickler nach: “ich schreibe das coolste Blogsystem allerzeiten”, in der Regel sofort an WordPress. Der Platzhirsch unter den Blogsystemen. Leider habe ich im Moment auch nicht genügend Zeit das coolste Blogsystem allerzeiten selbst zu programmieren, deshalb greife ich auf WordPress zurück. Wie man von einem leeren Ordner zu einem funktionierenden System mit eigenem Theme kommt ist der Inhalt dieses Eintrags.

September 2010

Mein jQuery Plugin: movingLabels

Ich mag Projekte bei denenjQuery Plugins rausspringen. Aktuell haben wir ein super Projekt welches in Cake realisiert wird und natürlich jQuery im Frontend benutzt. Wäre nicht unendliche Arbeit damit verbunden, würde noch viel mehr für den Blog rum kommen. Eins gibt es heute: movingLabels! Der Name sagt alles, mit diesem Plugin kann man nach belieben seine Labeltags rumwirbeln lassen, sobald das zugehörige Formularfeld den Focus erhält. Am besten direkt die Demo ansehen, downloaden und den erklärenden Artikel lesen.

Juni 2010

Das perfekte Zusammenspiel zwischen Git und CakePHP

Die großen Projekte entwickeln wir bei der Ape Unit GmbH im Moment mit Teams zwischen 3 und 5 Kollegen. Um sich nicht gegenseitig das Leben schwer zu machen, nutzen wir Git zur Codeverwaltung und CakePHP für anspruchsvolle Webapplikationen. Mit ein paar Tricks und einer handvoll Wissen wir dieses Zusammenspiel ein Hort der Freude! Dieser Artikel beschreibt das Zusammenspiel zwischen Versionsverwaltung und Framework.

Juni 2010

Überall auf die Benutzerdaten zugreifen

Es geht um unser Lieblingsframework:CakePHP. Man kennt ja zum Beispiel die Einstellungen, auf die man von überall aus zugreifen kann über die statische Klasse Configure: echo Configure::read(“Hello.World”); Das funktioniert vom Model, über den Controller bis zum View. Wäre es nicht wunderbar auf die gleiche Art und Weise auf den **angemeldeten Benutzer **zugreifen zu können? Ich denke da an: echo User::get(“name”); Ja, wäre es und funktioniert ganz einfach. Die Idee stammt von Matt Curry und ist in seinem kostenlosen Cake Buch auf englisch beschrieben. Im Laufe der Zeit hab ich die Funktionen erweitert und angepasst.