Tipps für bessere User Experience (UX) – Teil 3 Mit einer kleinen Verspätung melde ich mich auch diese Woche zu Wort – es geht weiter mit der User Experience (kurz UX) – Schaut euch auch Teil 1 und Teil 2 an! Heute geht es um einheitliche Oberflächen und wie diese unseren Benutzern helfen.… Read More
Tipps für bessere User Experience (UX) – Teil 1 Wir starten das neue Jahr mit einer Serie zu einem wichtigen, aber häufig vernachlässigten, Thema: die „User Experience“ (kurz UX). Es gibt wahnsinnig viele Kleinigkeiten die unseren Benutzern helfen können ein Produkt (wie z.B. eine Webseite oder Web-Applikation) besser zu nutzen. In diesem ersten Teil möchte ich speziell auf „verzögerte Filter- / Suchfunktionen“ eingehen.… Read More
Automatische Formular-Validierung mit Hilfe von Parsley.js Diese Woche möchte ich euch ein Javascript Tool zum automatischen validieren eurer Formulare vorstellen – das ganze nennt sich „Parsley.js“ und ist als jQuery/Zepto Plugin oder als „standalone“ Paket in der Version 1.1.18 verfügbar.… Read More
Worlds simplest HTML5 WYSIWYG Editor Heute stelle ich euch einen wahnsinnig einfachen WYSIWYG Editor vor, den ihr in euren eigenen Projekten einsetzen könnt! Das Javascript ist absolut überschaubar und beläuft sich nur auf etwa 15 Zeilen (je nach Formatierung). Der Original-Beitrag stammt von barneyparker.com und wurde mir von einem Arbeitskollegen gezeigt – absolut sehenswert!… Read More
Bootstrap 3.0 veröffentlicht! Nachdem ich vor zwei Wochen über das Bootstrap 3 RC1 geschrieben hatte, wurde bereits kurze Zeit später der zweite Release Candidate und grade Gestern abend die finale Version veröffentlicht. Und eine Sache vorweg: Es hat sich wieder einiges getan, grade beim Responsive-Grid wurde vieles umgeworfen und neu implementiert… Doch auch die Buttons und Formular-Elemente wurden… Read More
Bootstrap 3.0 RC1 Bald ist es so weit: Bootstrap 3 wird veröffentlicht. Ein erster Release Candidate von Bootstrap 3 wurde bereits ende Juli veröffentlicht… Und da hat sich einiges getan! Das frontend Framework hat einen stärkeren Fokus auf Mobile Geräte und das entsprechende Responsive Verhalten erhalten.… Read More
Pure CSS – das minimalistische CSS Framework! Diese Woche möchte ich über ein kleines CSS Framework berichten, das mir vor einiger Zeit im Twitter Stream aufgefallen ist 🙂 Das „Pure“ genannte Projekt steht bei Version 0.2.0 und bringt nur etwa 4.2 KB (minimiert und gzipped) auf die Waage!… Read More
Bootstrap von Twitter Hallo zusammen, viele von euch kennen bestimmt „Bootstrap“ – Das großartige Frontend-Framework von Twitter. Derzeit steht die Versionsnummer bei 2.3.1, jedoch gehen die arbeiten an Bootstrap v3 in großen Schritten voran.… 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