CSS3 Zick-Zack Linien

In früheren Blogposts habe ich Euch schon ein paar Beispiele gezeigt wie man durch CSS3 einfache Grafiken ersetzen kann. Ein sehr beliebtes Beispiel hier für sind die Dreiecke gewesen. Heute möchte ich euch ein weiteres grafisches Element zeigen das man als…

weiterlesen

In meinem letzten Blogpost habe ich eine kleine Vorschau auf die jQuery Mobile Version 1.3. gegeben. Diese ist inzwischen als stable Version verfügbar und sicherlich für für jeden Mobile-Entwickler interessant. Als neue Features sind verfügbar: Panels, ein Bereichslider sowie zwei Tabellenarten. Panels Die Panels eignen…

weiterlesen

In einem meiner letzten Blogposts habe ich beschrieben wie man sich ein Panel in jQuery Mobile erstellt. Dies ist nun nicht mehr notwendig. Auf der jQuery Mobile Webseite findet sich nämlich eine neue…

weiterlesen

Icon Fonts

Auf vielen Webseiten werden Icons verbaut, um den Besuchern eine bessere Orientierung zu bieten. Die meisten benutzen für diese Icons einzelne Grafiken. Fortgeschrittene Frontend-Entwickler haben meist eine Sprite-Datei in der alle Icons gesammelt sind und per CSS-Klassen benutzbar sind. Es gibt aber noch eine weitere Methode um Icons auf seiner Webseite zu…

weiterlesen

jQuery Mobile liefert für den Anfang verschiedene Themes mit. Sein eigenes Projekt möchte man aber gerne auch individuell anpassen. Einsteigern fällt es aber meist nicht leicht den CSS-Quelltext nach Ihren Wünschen anzupassen. jQuery Mobile liefert hierfür auf der eigenen Webseite ein einfaches Tool. Es handelt dich sich um den jQuery Mobile…

weiterlesen

Mein Kollege Till aus der Grafik hat euch in einem seiner letzten Blogposts gezeigt wie man mit Photoshop einen Banner mit vielen Einsatzmöglichkeiten erstellt. Ich zeige euch heute wie man als Frontend-Developer diesen Banner auch…

weiterlesen

In diesem Blog haben wir schon viele Features von jQuery Mobile gezeigt. Heute möchte ich euch zeigen wie man mit den Popups eine einfache Sidebar zaubern kann. Die Sidebar soll Navigationspunkte erhalten, die per Klick auf einen Button…

weiterlesen

Sterne mit CSS

In einem früheren Blogpost meines Frontend-Kollegens Stefans hat er euch gezeigt wie man Dreiecke mit CSS erzeugen kann. Ich möchte heute einen Schritt weitergehen und euch zeigen, wie man aus diesen Dreiecken ein Stern erzeugen kann. Der Stern besteht aus zwei einfachen Dreiecken, die übereinandergelegt werden. Ein Div element erzeugt das…

weiterlesen

Viele Webseiten gleichen kleinen Desktop-Anwendungen. Mit diversen Open-Source verfügbaren HTML- und Javascript Frameworks ist dies auch kein Problem. Vor einer kleinen Herausforderung steht man, aber sobald man Sounds per Javascript abspielen möchte. In diesem Post möchte ich einen Weg per Javascript Sounds abzuspielen zeigen.Das HTML5-Element Audio kann man für diesen Zweck ideal nutzen. Ein kleiner Nachteil, es gibt keinen…

weiterlesen

jQuery Plugin Lazy Load

In meinen vorherigen Blog-Posts habe ich beschrieben wie man jQuery-Plugins programmiert und dynamisch mit der Lazy-Load Technologieweitere Scripte nachladen kann. Heute, in diesem Blog-Post möchte ich zeigen, wie man dieses Wissen einfach kombiniert und so eine modulare und wiederverwendbare Lösung schafft. Im ersten Schritt schafft man sich die Grundlage für das Plugin in dem man die Grundstruktur für jQuery Plugins…

weiterlesen