Jan Gantzert Software Development
30. März 2012
Rotation mit Paper.js

„Rotating Letter“ – Animation via Paper.js

Im Artikelbeitrag zu Vektor-Tortendiagramm mit Paper.js erstellen hatte ich das neue Framework Paper.js schon einmal kurz vorgestellt. Nun möchte ich basierend auf dem frisch veröffentlichten Paper.js Nightly eine einfache Variante für eine Animation vorstellen. Selbige greift...
26. März 2012

Zend_Acl mit Doctrine

Genau wie mir geht es bestimmt vielen von Euch wenn ihr mal wieder ein Portal oder Ähnliches programmieren sollt. Viele Dinge wiederholen sich wie z.B. ACL, Auth, Blog usw. Ich möchte euch heute mal eine Anleitung für eine rollenbasierte ACL vorstellen. Das ganze soll aus...
24. März 2012
Eigener Login-Screen

Eigener Login-Screen für WordPress

Um beispielsweise das Logo des Login-Bereiches des WordPress-Blogs durch eine eigene Grafik auszutauschen, wird zunächst eine neue CSS-Datei erstellt und die Datei im Theme-Ordner abgespeichert. Mittels Firebug werden hierzu die Standard-Klassennamen bzw. IDs ermittelt und in der...
18. März 2012
Tortendiagramm mit Paper.js

Vektor-Tortendiagramm mit Paper.js erstellen

Nicht nur mit der JavaScript-Library Raphäel lassen sich Vektorgrafiken innerhalb einer Website einbinden. Auch mittels Paper.js können Animationen, Charts und dergleichen in Vektorform dargebracht werden. Größter Unterschied zwischen den beiden JavaScript-Bibliotheken: Während...
14. März 2012
RSS-Feed aus WordPress

WordPress RSS-Feed mit Zend auslesen

Um beispielsweise in Magento einen RSS-Feed eines WordPress-Blogs auszulesen, kann man sich u.a. auch des Zend_Feed_Rss-Objekts bedienen. Auf diese Weise lässt sich mit wenigen Zeilen Code ein schnelles und ansehnliches Ergebnis erzielen. In folgendem Beispiel wird dazu zunächst...
1. März 2012
Fusszeile am Browserende

Sticky-Footer am Ende des Browserfensters

Wer den Fußbereich nicht nur immer am Seitenende platzieren möchte, sondern am Ende des Browserfensters (Sticky Footer), benötigt einen kleinen Trick. Man verwendet wieder ein einfaches HTML-Grundgerüst. HTML-Markup Besonderheit hier: Der #minheight-Container dient als reiner...
25. Februar 2012
Upsell-Slider für Magento

Eigener Upsell Produktslider für Magento

Mitunter bietet Magento die Möglichkeit an, zu einer Detailansicht eines Produktes auch weitere so genannte Upsell Produkte anzeigen zu lassen. Dies können bisweilen recht viele sein, so dass ein Produktslider eine angenehmere Lösung ist. Natürlich findet man bei der...
23. Februar 2012
Fusszeile am Ende

Fußzeile immer am Seitenende

Um einen Fußbereich, Footer genannt, stetig am Ende der Website (nicht Browserfenster!) zu positionieren, ist keine komplexe HTML/CSS-Codierung nötig. Dazu bedient man sich zunächst einem einfachen HTML-Grundgerüst. HTML-Markup ^ Alle Inhalte außer der ID „footer“...
18. Februar 2012
Zentrierte Box zum Browserfenster

Zentrieren eines DIV-Containers relativ zum Browserfenster

Das horizontale Zentrieren eines DIV-Containers relativ zum Browserfenster ist mittlerweile geläufig. Voraussetzung ist, dass der DIV-Container eine bestimmte Breite hat. Dies kann sowohl ein Pixelwert (z.B. 900px) als auch ein Prozentwert (z.B. 80%) sein. CSS Für das vertikale...
17. Februar 2012

File Caching über application.ini

Das Zend Framework macht, vor allem seit 1.8, dass Caching sehr leicht. Dies ist ein Feature das generell von jedem Programmierer genutzt werden sollte. Oft ist die Anforderung an eine Seite bzgl. der Geschwindigkeit der Auslieferung am Anfang nicht so hoch oder nicht so wichtig....
15. Februar 2012
Gleiche Spaltenhöhe mit CSS

Mit CSS gleiche Spaltenhöhe festlegen

Mit dem Standardtabellenlayout lassen sich mehrere Spalten mit unterschiedlich viel Inhalt problemlos auf die gleiche Höhe bringen. Dank einer DIV-Verschachtelung geht das auch mit reinem CSS, ohne JavaScript, transparenten Platzhaltern o.ä. CSS HTML-Markup   Demo-Beispiel...
14. Februar 2012

JavaScript View Helper

Heute möchte ich eine einfache Version eines JavaScript View Helpers zeigen. Das Ziel ist die zentrale Inkludierung aller Javascript Files, damit die Wartung erleichtert wird. 1. In der application.ini muss der Helper eingestellt werden.