Das eigene kleine Portfolio mit dem Slim Framework, RainTPL & Co. – Teil 2 Diese Woche möchte ich euch den bisherigen Fortschritt des Portfolios präsentieren. Es hat sich in der letzter Woche tatsächlich etwas am Code bzw. an unserer Basis-Implementation getan. Natürlich auch am Layout – Ich war fleißig 😉 Was die Code-Basis angeht, so bin ich zum Beispiel auf die Beta Version von RainTPL 3 umgestiegen. Diese Version… Read More
Das eigene kleine Portfolio mit dem Slim Framework, RainTPL & Co. Hallo zusammen, diese und die kommenden Wochen möchte ich mit Hilfe des Schlanken PHP Frameworks „Slim“ und der Template-Engine „RainTPL“ ein kleines Portfolio zimmern. Wieso grade diese beiden Systeme? Nun, sie sind beide sehr schlank und ich hatte ohnehin mal vor etwas neues zu probieren 😉 Außerdem habe ich schon lange nach einer Möglichkeit gesucht… Read More
JS Vergleich für mobile Geräte: jQuery, Zepto, jqMobi Hallo zusammen, diese Woche möchte ich einen kleinen Vergleich zwischen jQuery (1.8.2), Zepto (1.0 rc1) und jqMobi (1.1) vorstellen. Die bekannten Giganten jQuery und Zepto sind sicherlich bekannt (u.a. durch meinen Beitrag) und werden bereits gut und gerne für mobile Seiten benutzt. Die Webseite Codefessions hatte vor kurzem einen interessanten Benchmark zu den drei JS… Read More
less, die dynamische Stylesheet Sprache Hallo zusammen, habt ihr euch auch schon öfters über ausufernde CSS Dateien geärgert? Also jene, die groß, unübersichtlich und schwer zu pflegen sind? Sicherlich lässt sich hier mit einem detaillierten CSS-Styleguide einiges retten, doch das hilft euch noch nicht wenn an ‚zig Stellen Farben und bestimmte Styles definiert sind und ihr diese anpassen müsst… Ein… Read More
Javascript: Der Unterschied zwischen onMouseOut und onMouseLeave Diese Woche möchte ich einen kleinen Ausflug in die Welt der Event-Handler machen. Kennt ihr die Unterschiede zwischen den beiden Event-Handlern onMouseOut und onMouseLeave? Grade wenn ihr mit selbstgemachten Popups (o.Ä.) arbeitet werdet ihr ggf. über ein bestimmtes Problem gestolpert sein… Stellt euch ein Popup DIV vor, welches bei klick geöffnet und bei onMouseOut geschlossen… Read More
AJAX multi Datei-Upload mit Drag’n’Drop Funktion Wie letzte Woche schon angekündigt möchte ich Heute auf ein weiteres Formular-Element eingehen das wir, dank HTML5 und Javascript, aufhübschen bzw. sogar komplett umgehen können. Wie der Titel schon verrät, handelt es sich um das Upload-Feld.… Read More
Checkboxen und Radiobuttons selbst designen Hallo zusammen – habt ihr euch auch schon oft über die unschönen Formular-Elemente geärgert, die ihr nicht so einfach per CSS Anpassen könnt (Checkboxen und Radiobuttons)? Mit Hilfe von Javascript-Frameworks (wie z.B. jQuery und Prototype) und deren vielseitigen Plugins sind wir allerdings nicht weiter an diese Optik gebunden – Und das bei minimalem Aufwand!… Read More
Die Entstehung eines Projektes – Teil 1 Hallo und willkommen zu einem neuen Eintrag im Web-Developer-Blog. Heute möchte ich euch anhand eines eigenen Projekts zeigen wie aus einer Idee ein kompletter Web-Auftritt werden kann. Es beginnt alles mit einer Idee Stellt euch selbst die Frage: Was möchtet ihr realisieren? Soll die Seite eine Art privater Blog werden, ein Künstlerportfolio (wie in meinem… Read More
Impress.js, die etwas andere Präsentation Guten Abend zusammen, Heute möchte ich ein sehr entspanntes Thema ansprechen – Präsentationen mit impress.js. Impress.js vs Powerpoint, OpenOffice, LaTeX etc. Vielleicht erinnern sich nun einige unter euch an ihre Schulzeit zurück, als es hieß „Zu diesem Thema werdet ihr eine Präsentation vorbereiten (…)“. Wie gerne hätte ich damals ein Tool wie impress.js (und HTML5/CSS3… Read More
Interaktive Diagramme für alle Browser mit jqPlot Hallo und willkommen zu einem neuen Blogposting! Jeder von uns kommt früher oder später mal an den Punkt, an dem wir ein Diagramm darstellen möchten – Sei es für die einfache Darstellung von Daten oder komplexer Algorithmen, das warum soll nicht mein Thema sein. Ich möchte mich stattdessen um das wie kümmern! Wir Entwickler stehen… Read More