Artikel

Damit uns Entwicklern nicht langweilig wird, denken sich Designer gerne neue Gimmicks für Webseiten aus. Zum Beispiel so etwas schönes wie Textfeld-Labels, die sich beim Fokus auf das Feld verschieben. Ich nenne sie einfach mal "dynamische Labels". Sowas kann man natürlich mit JavaScript realisieren. Oder man missbraucht ein HTML5-Feature für seine Zwecke und kommt ganz ohne JavaScript aus. Ich zeige Euch heute beide Varianten.

Einen festen Header zu erstellen, der dynamisch auf Scroll-Ereignisse reagiert, ist nicht schwierig. Ihr braucht dafür keine Bibliothek oder irgendein Widget. Alles was Ihr benötigt sind ein paar Zeilen JavaScript und ein wenig CSS. Nun... und Ihr braucht ein Header-Element irgendwo in Eurer Webseite.

Mein Blog wäre schon längst wieder online, wenn ich mich nicht ständig durch andere Projekte ablenken lassen würde. Letztes Jahr hatte ich beschlossen unter die Lets Player zu gehen. Das war ziemlich interessant und auch sehr lehrreich, aber mein Interesse war nicht von lange Dauer. Damit mein kleiner Ausflug nicht ganz in Vergessenheit gerät, habe ich dazu gleich eine Webseite gebastelt. [www.tompixel.de](https://www.tompixel.de) ist heute offiziell an den Start gegangen.

Automatisches Deployment muss weder teuer, noch kompliziert sein. Du brauchst keinen teuren Build-Server, um Deinen Code automatisch auf Deinem Webspace zu veröffentlichen. Alles was Du brauchst ist Git und ein paar Zeilen in einem Bash-Skript. Heute zeige ich Dir, wie man mit diesen einfachen Mitteln ein automatisches Deployment realisiert.

Nicht immer können wir auf komfortable Schnittstellen zurück greifen, wenn wir Daten aus externen Quellen importieren wollen. Manchmal müssen wir die Daten auf andere Weise herunterladen. Heute zeige ich Euch, wie Ihr mit Daten umgehen könnt, die Euch nur per FTP zur Verfügung gestellt werden. Hintergrund ist ein aktuelles Projekt, bei dem ein Kunde Daten regelmäßig in einen per FTP zugänglichen Ordner exportieren wollte.

Angular2-Entwickler mussten lange auf ein brauchbares Dokumentationstool warten. Mit Compodoc steht nun ein großartiger Generator zur Verfügung, der nicht nur ansprechend daher kommt, sondern auch eine Menge nützlicher Features bietet. Compodoc wird stetig weiter entwickelt, ist allerdings schon jetzt sehr ausgereift.

Youtube-Videos Datenschutz-konform einzubinden ist gar nicht so schwer. Aber manchmal liegt der Teufel im Detail. Über die Cookie-sichere-Einbettung von Youtube wird zwar kein Cookie mehr gesetzt, Daten werden durch den Request an Youtube aber trotzdem übertragen. Gerade im Hinblick auf die kommenden neuen EU-Datenschutz-Gesetze sollte man sich auch als Blogautor fragen, wie man seine Leser besser schützen kann. In diesem Artikel erkläre ich Euch wie das geht.

Updates können bei Drupal richtig unangenehm werden. Entweder ist der Update-Pfad eines der Module kaputt, Ihr müsst einen Patch für einen Bug hinzufügen, der immer noch nicht gefixt wurde oder irgend etwas anderes geht schief. In 7 Jahren Drupal-Entwicklung gab es auf jeden Fall nichts, was es nicht gab. Glücklicherweise habe ich einen Weg gefunden diesen Prozess zu automatisieren.

MAMP ist ein kommerzieller Server-Stack, der von appsolute entwickelt und vertrieben wird. Unter Mac OS ist dies der beste LAMP-Stack, den man finden kann. MAMP gibt es als kostenlose Version mit eingeschränkter Funktionalität und als kostenpflichtige Version (MAMP PRO). In MAMP PRO habt Ihr Zugriff auf einige zusätzliche Funktionen. Ihr könnt z.B. die verwendete PHP-Version einfach ändern und diese auch im Terminal verwenden. Aber mit einem kleinen Skript, das ich geschrieben habe, kann dies auch mit der kostenlosen Version erreicht werden.

Callbacks waren in JavaScript lange ein notwendiges Übel, um mit der asynchronen Natur der Sprache umzugehen. Promises machen in ECMAScript 6 endlich Schluss damit. Statt einer verschachtelten Callback-Struktur, kann man nun Operationen sauber miteinander verketten. Doch richtig spannend wird es erst, wenn man mehrere asynchrone Operationen auf einmal ausführen möchte. Ich gehe davon aus, dass Ihr Euch schon mit Promises beschäftigt habt. Für alle anderen gibt es zu Beginn eine kleine Zusammenfassung.

Letztes Jahr habe ich Euch gezeigt, wie man einen Mediator mit ECMAScript 6 erstellt. Heute erstellen wir einen neuen Mediator in Form eines PubSub-Service. Allerdings verwenden wir diesmal Angular 2 und TypeScript. Angular 2 macht uns das Leben in diesem Zusammenhang noch einmal etwas leichter.