Frontend Entwicklung

Hallo Frontend-Freunde. Heute zeige ich euch wie ihr ansprechende Scrollbars erstellen könnt. Die Standard-Scrollbalken erfüllen gerade in schicken Layouts selten die Ansprüche an ein rundum gelungenes Nutzererlebnis. Viele Browser (darunter die maßgeblichen FF und IE) greifen nämlich, wenn es heißt, Scrollbars einzusetzen auf den Standard aus dem Betriebssystem zurück. Gerade in Windows sind das kantige langweilige graue Kästen. Sie…

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…

Manchmal kommt es vor, dass ein Frontend-Developer den User benachrichtigen will, falls er die aktuelle Seite verlassen will. Ein Szenario wäre ein Fomular Eingabe mit einem Hinweis, dass alle Daten verloren gehen falls er die Seite verlässt. Mithilfe des onbeforeunload Events kann das verhindert werden. Dazu weist man dem Event eine Funktion zu, die in unserem Fall den User entscheiden lassen soll, ob er…

Im letzten Beitrag habe ich euch die Entwicklung eines kleinen Tools in AngularJS versprochen. Allerdings heißt es nicht umsonst: "Nichts ist so sicher wie die Lageänderung". Das wissen wir als Frontend Entwickler nur zu gut. Ich bin nämlich auf das…

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…

Komplexe Javascript Frameworks die um die Gunst der Web-Entwickler buhlen, gibt es viele da draußen. Mit ihnen können wir statisches HTML in hochdynamische, modulare Web-Anwendungen verwandeln. Häufig erwähnte sind z. B. Backbone, Ember oder…

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…

Der US-Amerikaner Shay Howe hat nach seinem ersten Workshop für Anfänger einen zweiten veröffentlicht.  Dieses richtet sich an Frontend-Developer, die gerade den Einstieg in den Beruf finden. Der  Workshop ist in zehn Lektionen unterteilt. Diese werden im Wochenrhythmus auf seiner Seite…

An dieser Stelle wollen wir euch wieder eine interessante Neuerung aus dem Fundus rund um CSS3 vorstellen: Nummerierte Listen mit der counter-Eigenschaft. Jeder Frontend Entwickler kennt die guten alten nummerierten Listen. Einfach ein list-style: decimal hinzufügen und die gewünschte Liste ist schön durchnummeriert. Doch was wenn diese auch noch ansprechend…

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…