Immer wieder bei der Anlage von einem Registrierungsformular oder anderer Benutzerinteraktion frage ich mich, wie ich dem Nutzer die Eingabe bzw. Entscheidung erleichtern kann. Hilfetexte sind dabei immer eine gute Sache. Nur wohin damit? Direkt mit ins Formular schreiben? Oder ein Fragezeichen Icon einbauen, welches dann einen Tooltip öffnet?
Es gibt noch eine andere Möglichkeit und zwar mit dem JQuery Plugin PageSlide.
“Sidebar für Hilfetexte mit dem JQuery Plugin PageSlide” weiterlesen …
Stellen Sie sich eine Webseite vor, auf der 10 Artikel untereinander zu sehen sind. Jeder Artikel beinhaltet ein Bild. Jetzt kommt ein Besucher auf diese Webseite und klickt auf den Link im ersten Artikel und kommt damit auf eine andere Seite.
Wie viele Bilder hat dieser Besucher jetzt gesehen? Genau eins. Und wie viele Bilder wurden vom Webserver geladen? Ganze 10 Bilder wurden geladen. Das bedeutet, dass 9 Bilder geladen wurden ohne das der Besucher sie zu Gesicht bekommen hat.
Dies kostet nicht nur unnützen Traffik, sondern auch Ladezeit. Mittlerweile spielt auch die Ladezeit einer Webseite eine Rolle beim Ranking in Google. Daher sollte man diese Ladezeit so gering wie möglich halten.
Im Tutorial “Eigenes JQuery Plugin programmieren”, werde ich, oh Wunder, erklären wie man einfach und schnell ein eigenes Plugin für JQuery erstellen kann.
Wenn jemand JQuery noch nicht kennt, sollte sich die Seite von JQuery mal anschauen. Dort sind auch bereits einge Tutorials und Plugins zu haben.
Dieses Tutorial habe ich mit JQuery 1.7.1 getestet.
“Eigenes JQuery Plugin programmieren – Tutorial” weiterlesen …
Auf der Suche nach interessanten Features bin ich auf die JQuery HTML 5 Audio / Video Bibliothek jPlayer gestoßen.
Dabei ist man nicht darauf beschränkt jPlayer nur als Videoplayer zu benutzen, sondern er ist auch ein vollwertiger Audioplayer.
“jPlayer: JQuery HTML5 Audio / Video Bibliothek” weiterlesen …
Aus der jahrelangen Erfahrung von Twitter ist das HTML5 Framework Bootstrap entstanden und ist jetzt in der Version 2.0 erschienen.
Ähnlich wie beim HTML5 Framework KickStart wurden auch hier die wichtigsten und immer wiederkehrenden Komponenten und Funktionen zusammengefasst in einer Bibliothek.
Die Bibliothek ist sehr umfangreich und es bleibt kaum ein Wunsch offen. Hiermit ist das Webprototyping innerhalb kürzester Zeit möglich.
Welcher Webdesigner oder Programmierer kennt nicht das Problem: Vor fast jedem neuen Projekt sucht man sich die benötigten Javascript und HTML Komponenten zusammen, konfiguriert und macht es schön bunt.
Das könnte mit HTML Kickstart ein Ende haben. Hier bekommt man fast alle notwendigen Werkzeuge bzw. Komponenten in einem Paket und das auch noch getestet in allen gängigen Browsern.
HTML Kickstart ist frei verfügbar und kann auf der Seite 99lime.com von Joshua Gatcke heruntergeladen werden. Kaum heruntergeladen kann man bereits mit der Erstellung eines ersten Prototypen beginnen, da alle möglichen Webseiten Elemente bereits mitgeliefert werden.
Bisher wurde HTML Kickstart fast 17500 Mal heruntergeladen. Die Zip Datei hat ca. 119 Kb und ist fix heruntergeladen.
Da es sich dabei natürlich um einfache Komponenten handelt, kann man diese nach Belieben erweitern.
Links: HTML Kickstart / Download