smart | Webentwicklung
Alles rund um HTML5, PHP, WordPress & Co.

Monats-Archiv: November 2012

CSS: Dreiecke darstellen ohne zusätzliche Grafiken

26. November 2012
Stephan
Dreiecke mit CSS darstellen

Ab und an benötigt man für das Design des eigenes Blogs bzw. der eigenes Website geometrische Formen, wie z.B. Dreiecke für Sprechblasen oder Buttons.

Die Darstellung eines Dreiecks könnt ihr zum einen mit einer Grafik, die ihr einbindet realsieren oder ihr nutzt einfach CSS.

In diesem Artikel stelle ich euch vor, wie ihr mittels CSS Dreiecke zeichnen bzw. darstellen könnt.

Weiterlesen

Kategorie: CSS & (X)HTML5

Todo-App: 4. View-Struktur & erste View implementieren

22. November 2012
Stephan
Todo-App mit backbone.js und CoffeeScript entwickeln

In diesem Artikel widmen wir uns den Views für unsere Todo-App zur Anzeige aller angelegten Aufgaben.

Views dienen dazu unsere Todo-Webseite immer aktuell zu halten, ohne dass dafür die Webseite neu geladen werden muss. Sobald also von uns definierte Events eintreten, wie z.B. das Hinzufügen oder Aktualisieren einer Aufgabe, aktualisiert die jeweilige View die Daten die angezeigt werden.

Weiterlesen

WordPress: Farbtastic Color-Picker in Plugin nutzen

19. November 2012
Stephan
WordPress: Mehrere Farbtastic Color-Picker in Plugin nutzen

Für mein Plugin In Image Ads Manager wollte ich dem Benutzer eine einfache Möglichkeit zur Farbauswahl anbieten.

Glücklicherweise liefert WordPress mit Farbtastic ein JavaScript-Plugin mit, dass es dem Benutzer ermöglicht, eine Farbe über einen eingeblendeten Farbkreis auszuwählen.

In diesem Artikel zeige ich euch, wie ihr das Farbtastic-Plugin in eurem eigenen WordPress-Plugin verwenden könnt.

Weiterlesen

Kategorie: WordPress

PHP: Klassen nachladen via Namespaces & Autoloader

15. November 2012
Stephan
PHP: Klassen automatisch nachladen mit Autoloader & Namespaces

In diesem Artikel möchte ich euch zeigen, wie ihr in PHP mithilfe der SPL (Standard PHP Library) eine eigene kleine Autoloader-Klasse implementieren könnt.

Eine Autoloader-Klasse dient dazu Klassen zu laden, die zur Laufzeit nicht gefunden wurden. Das hat den Vorteil, dass ihr nicht in jeder Datei jede benötigte Klasse, um genauer zu sein, die entsprechende Datei, per include oder require laden müsst.

Die Autoloader-Klasse, die euch hier vorstelle, verwendet zudem beim Laden von Klassen deren Namespaces, um den richtigen Dateipfad zu ermitteln.

Weiterlesen

Kategorie: PHP

Todo-App: 3. Liste von Models via Collection

12. November 2012
Stephan
Todo-App mit backbone.js und CoffeeScript entwickeln

In diesem Teil werden wir eine sogenannte Collection erstellen. Eine solche Collection ist im Grunde nichts weiter als eine (geordnete) Liste von Models einer Klasse.

In unserem Fall benötigen wir eine Liste, die alle von uns angelegten Aufgaben (Todos) beinhaltet. Dabei ermöglicht uns die Collection z.B. alle Aufgaben (Todo-Models) vom Server bzw. in unserem Fall via LocalStorage aus dem Browser-Speicher zu laden.

In der Dokumentation zu backbone.js findet ihr einen guten Überblick über alle relevanten Methoden einer Collection.

Weiterlesen