SVG-Bilder im Web: Farben ändern und animieren mit CSS

SVG-Bilder sind eine tolle Sache – besonders wenn man sie auf Webseiten einbindet: Die Speichergröße ist gering, die Images sind ohne Qualitätsverlust skalierbar und sogar der Internet Explorer 9 kann damit etwas anfangen. Im Gegensatz zu herkömmlichen Bildformaten, haben sie aber noch einen Vorteil: Mit CSS kann ihre Farbe verändert und auf Wunsch sogar animiert… SVG-Bilder im Web: Farben ändern und animieren mit CSS weiterlesen

Animation von Farbwerten mit CSS3-Transition, ohne jQuery

Das Problem ist bekannt: Mit der animate()-Methode von jQuery können lediglich numerische Style-Variablen animiert werden. Was aber machen wenn eine Farbwert-Animation benötigt wird? Beispielsweise um bei Hover die Hintergrundfarbe eines Elementes gleichmäßig zu ändern. Quick-Animationen: CSS3 macht’s möglich Entweder man bindet ein Plugin ein, verwendet gleich eine große Library oder aber man nutzt die Möglichkeiten… Animation von Farbwerten mit CSS3-Transition, ohne jQuery weiterlesen

mySQL-Connection-Probleme mit node.js und MAMP (ECONNREFUSED)

Mit node.js ist es mit wenigen Code-Zeilen möglich eine Verbindung zu einer mySQL-Datenbank herzustellen und daraufhin Queries auszuführen. Ermöglicht wird dies durch das Modul node-mysql welches via Node Package Manager installiert werden kann (zum Beispiel: npm install mysql@2.0.0-alpha2). Wer auf seinem lokalen Rechner MAMP benutzt, kann eventuell Probleme bei der Verbindung zur mySQL-Datenbank bekommen. Gibt… mySQL-Connection-Probleme mit node.js und MAMP (ECONNREFUSED) weiterlesen

HTML5 Iframe-Attribut seamless schon jetzt nutzen (Alle Informationen und Beispiele)

Es gibt sie auf fast jeder Internetseite und trotzdem mag sie kein Webentwickler: Iframes. Früher wurden sie verwendet um ganze Internet-Auftritte umzusetzen (Stichwort: nav.html, content.html), heute Fristen sie ein unscheinbares Dasein als Container-Elemente unzähliger Social-Media- und Werbe-Boxen. Das Arbeiten mit Iframes wird jedoch durch HTML5 bald um einiges angenehmer werden. Welche Vorteile das hat, wie man… HTML5 Iframe-Attribut seamless schon jetzt nutzen (Alle Informationen und Beispiele) weiterlesen

4 Tipps um den Admin- und Login-Bereich von WordPress anzupassen

Vor drei Tagen erschien auf Smashing Magazine ein toller Artikel von Aurélien Denis. Er beschrieb darin wie man mit wenigen Code-Zeilen den Administrations-Bereich von WordPress individueller gestalten kann. Denn gerade bei Backend-Lösungen für Kunden wäre es ratsam den Login-Bereich im “Look and feel” der restlichen Website zu gestalten.