Der Interaktionsdesigner 2021

November 2014

Directiven mit dynamischen Templates in AngularJS

Wie kann man die Darstellung dynamisch steuern und trotzdem die Magie und Effektivität von AngularJS nutzen? Ganz einfach mit AngularJS Boardmitteln.

August 2014

AngularJS und RequireJS

Die neuen Aufträge sind groß, Webseiten sind inzwischen WebApps, Angular ermöglicht eine extrem saubere Trennung zwischen den Verantwortlichkeiten und RequireJS verwaltet für uns die Abhängigkeiten. Wirklich? Nein.

August 2014

AngularJS Directives richtig nutzen

Das großartige Framework AngularJS beschäftigt mich jetzt schon über eine ganze Reihe von WebApps hinweg. Und ich bin immer noch begeistert. Wenn man die Aufteilung verinnerlicht hat und den Angular Konventionen folgt, wird man belohnt mit einer sauberen, logischen und erweiterbaren Applikation. Eine zentrale Rolle spielen dabei die Directives. Welche und wie man am besten mit ihnen umgeht, erklärt dieser Artikel.

Februar 2014

jQuery Plugins und AngularJs

Auch wenn man eine smarte WebApp mit AngularJS aufbaut, möchte man nicht auf den reichen Funktionsumfang und die tollen Plugins von jQuery verzichten. Muss man zum Glück auch nicht, da die beiden Frameworks großartig zusammenarbeiten. Gewusst wie.

Januar 2014

Raspberry Pi ohne Monitor, Tastatur und Maus in Betrieb nehmen

Der großartige Minicomputer ist jetzt endlich auch in meinem Arbeitszimmer angekommen. Zwischen iMac und MacBookPro stellte sich aber schnell die Frage: wie installiere ich das Teil ohne einen HDMI fähigen Monitor oder USB Tastatur. Zum Glück ist die Lösung kostenlos und ganz einfach!

September 2013

Prototypen mit AngularJS erstellen

Als geneigter Webentwickler redet man mit vielen Leuten über viele Projekte. Und jeder bringt unterschiedliches Vorwissen mit und jeder schaltet bei einem anderen Level an Fachbegriffen ab. Deshalb ist es bei umfangreichen Projekten ratsam einen Prototypen zu erstellen an dem man konkrete Probleme zeigen kann und gemeinsam die nächsten Aufgaben festlegt. Mit AngularJS bekommt man ein mächtiges Werkzeug an die Hand, mit dessen Hilfe Prototypen innerhalb von ein paar Stunden funktionsfähig sind.

Juli 2013

Das Zusammenspiel von Directives, Services und Templates in AngularJS

Das großartige Framework AngularJS beschäftigt mich, und damit diesen Blog, schon eine ganze Weile. Es macht Spaß mit dieser Technologie WebApps in einer Geschwindigkeit zu entwickeln die jQuery und Co niemals zulassen. Damit es wirklich so schnell geht muss man die AngularJS Konzepte verstehen. Dieser Artikel gibt einen kleinen Einblick in den Aufbau von Directives und Services.

Mai 2013

CSS: Level Zwei

Alle kennen das gute, alte CSS. Endlose Zeilen voller Styles die in allen Browsern zu unterschiedlichen Resultaten führen. Dieser Artikel beschreibt nicht wie man dieses Problem in den Griff bekommt, sondern wie man heute mit CSS arbeitet. Das Emmet Plugin zusammen mit dem Sass Compiler hebt die Arbeit mit CSS auf ein neues Level: Level Zwei!

April 2013

Die Killerapplikation mit Node.js, Socket.io und AngularJS

Wenn das kein Development Stack ist! Javascript vom Server bis zur Webapp. Wie der Einstieg funktioniert beschreibt dieser Artikel.

März 2013

Ein Einstieg in AngularJS

Lange habe ich zugunsten von Backbone das Google Framework Angular nur halbherzig beobachtet und ausprobiert. Das Konzept den HTML Code mit eigenen Tags zu erweitern kam mir nicht besonders sauber vor. HTML dient schließlich zur Auszeichnung der Informationen und nicht zur Hinterlegung von Informationen. Durch das zwanzigste Backbone Projekt in dem ich nachschauen musste wie der View per Render Methode sein HTML ausspuckt und wie zur Hölle ich beim letzten Projekt noch so grandios die Events verknüoft habe, fasste ich den Entschluss mich doch nocheinmal näher mit Angular auseinander zusetzen. Und siehe da: Es ist grandios! Wahnsinn! Cool!

Januar 2013

Drei Absätze zur persönlichen Organisation

Als moderner Computersklave sitzt man den ganzen Tag vor dem Rechner, arbeitet, spielt, lernt und lacht. Zuhause angekommen geht das dann “zur Entspannung” gerne genau so weiter. Dabei wird man überhäuft von Informationen, Aufgaben, Anfragen, Fehlern, Hinweisen und guten Vorsätzen. Soweit nichts neues. Ein paar Gedanken zur Organisation will ich in diesem Artikel vorstellen.

Dezember 2012

Der beste Editor aller Zeiten: Sublime Text 2

Als Entwickler ist man ja oft und gerne auf der Suche nach Programmen die einem das Leben erleichtern. Im Mittelpunkt steht dabei der Editor vor dem man täglich Stunden über Stunden Code in den Rechner hackt. Nach Eclipse, Coda, Smultron und Aptana habe ich endlich den Editor gefunden der mir das Leben so leicht macht wie ich das haben möchte: Sublime Text 2. Er ist schnell, wunderschön, schlicht, elegant und auf grandiose Art und Weise erweiterbar. Und obwohl er kein OpenSource Projekt ist und stolze 60 Dollar kostet, habe ich nach ein paar Wochen der Benutzung lächelnd den Betrag bezahlt. Warum das so ist und welche tollen Möglichkeiten das überaus schlichte Interface bietet wird in diesem Eintrag beleuchtet. Sublime läuft auf Mac, Windows und Linux. Es gibt also keinen Grund nicht weiter zu lesen.

November 2012

Ein einfacher Einstieg in modulares Javascript mit RequireJS

Nach dem Javascript lange belächelt und mit nervigen Popups in Verbindung gebracht wurde, erlebt es heute einen großartigen Aufschwung. Mit Node.js entwickelt man serverseitige Applikationen, mit Titanium native, plattformunabhängige Smartphone Apps und mit RequireJS modulare Anwendungen. Alles mit ein und derselben Sprache. Einen Einstieg sollte man also lieber Heute als Morgen beginnen und sich anschließend mit all den schönen Möglichkeiten beschäftigen. Um eine davon geht es in diesem Artikel: RequireJS.

Juli 2012

Leute, baut APIs

Der Begriff API tobt seit Jahren durch das Internet. Facebook hat eine, Twitter, Youtube und noch viele weitere mehr. Eine Schnittstelle über die auf die Inhalte der jeweiligen Plattform automatisch zugegriffen werden kann. Zum Beispiel liefert Facebook ein maschinenlesbares Format des eigenen Profil wenn man es über die sogenannte Open Graph API aufruft: http://graph.facebook.com/paul.lunow. Schön und gut, möchte der ein oder andere CEO da sagen, aber für meine Firma brauche ich sowas nicht. Falsch! Und dieser Artikel erklärt auch warum.

Juni 2012

Hoch- oder Querformat in WebApps verbieten

In einer perfekten Welt würde sich jedes Interface an den verfügbaren Platz perfekt anpassen. Es würde auch niemand mit $.browser rausfinden welcher Browser benutzt wird, sondern mit Feature Detection die benötigte Funktion überprüfen. jQuery wird uns da in eine Richtung zwingen und den Support für die Funktion in jQuery 1.9 entfernen. Aber es gibt ja Plugins. Und es gibt Entscheidungen die den geneigten Webentwickler zwingen seine WebApp nur für den Landscape Modus oder den Portrait Modus freizugeben. Zum Beispiel wegen knapper Zeitpläne oder unbedachten Designern, egal! Es gibt eine Lösung.