Advitum.de auf Google+

5 Felder für eine Adresse? Zu viel ist zu viel!

5 Felder für eine Adresse? Zu viel ist zu viel!
Von am
Kategorien: Arbeit, Design, Programmieren

Immer wieder steht man als Webentwickler vor dem Problem, dem Nutzer eine Formularoberfläche anbieten zu müssen. Natürlich sollte diese Möglichst benutzerfreundlich sein, denn der Nutzer soll das Formular ja auch ausfüllen. Oft sind einzelne Komponenten des Formulars aber unnötigerweise auf mehrere Formularfelder verteilt. Wie weit sollte man hier bei dem Zusammenfassen von Formularfeldern gehen?

Momentan arbeite ich an einem Formular, in dem relativ viele Informationen vom Nutzer gefragt werden. Als Beispiel nehme ich jetzt einfach mal die Adresse. Mein erster Gedanke war, es so zu machen, wie ich es gewohnt bin. Artikel weiterlesen

jQuery UI – intuitive Interaktion zwischen Nutzer und Anwendung

jQuery UI – intuitive Interaktion zwischen Nutzer und Anwendung
Von am
Kategorien: CSS, Design, JavaScript, jQuery, PHP, Tutorials

Usability gehört zu den wichtigsten Kriterien für gutes Webdesign. Egal wie toll eine Internetseite aussieht, wenn der Benutzer die Navigation nicht versteht oder es nicht schafft, seine Bestellung abzuschicken, hat die Seite ihren Zweck verfehlt.

Mithilfe von JavaScript lassen sich viele Aufgaben für den Nutzer drastisch vereinfachen. In diesem Artikel geht es darum, wie man mit jQuery UI intuitive und einfach zu bedienende Benutzeroberflächen schaffen kann. Artikel weiterlesen

CSS3-Suchfeld – ein Gastartikel auf daswebdesignblog

CSS3-Suchfeld – ein Gastartikel auf daswebdesignblog
Von am
Kategorien: CSS, Design, Tutorials

Anfang der Woche konntet ihr es schon bei Twitter lesen, jetzt ist es so weit! Bei daswebdesignblog ist jetzt ein Artikel von mir zu lesen. Hier ein Auszug:

CSS3-Suchfeld – Verläufe und runde Ecken

Es ist nicht lange her, da habe ich für ein Suchfeld eine riesige Grafik erstellt und dann mit CSS das Suchfeld und den Submit-Button über die Grafik gelegt – alles sehr kompliziert.

Wieder einmal kann ich nur bewundern, wie schön die Web-Welt doch mit CSS3 geworden ist. Für das gleiche Suchfeld reichen jetzt ein paar Zeilen CSS und ein kleines Icon.

Den kompletten Artikel findet Ihr hier, dort könnt ihr auch Kommentare hinterlassen. Viel Spaß beim Lesen! Artikel weiterlesen

BBCode-Buttons und jCaret

BBCode-Buttons und jCaret
Von am
Kategorien: jQuery, Tipps

Bei vielen Foren gibt es über dem Textfeld, in dem man einen Beitrag verfasst, eine Buttonbar, mit der automatisch BBCodes in den Text eingefügt werden können. Ich habe lange gesucht, wie man so etwas am Besten machen kann. Und bis vor kurzem war das Beste, was ging, den Code an das Ende des Textfeldes zu hängen. Sehr unpraktisch! Ich wollte eigentlich, dass sich zum Beispiel der BBCode [b] direkt um den Text legt, der in dem Textfeld ausgewählt ist. Aber das schien unmöglich.

Doch das Wunderwerkzeug jQuery lieferte mir, wie immer, alle Werkzeuge an die Hand, die ich dafür brauchte. Ich stieß per Zufall auf das Plugin jCaret. Was macht dieses Plugin? Im Grunde kann man, einfach gesagt, die Auswahlposition in einem Textfeld auslesen. Naja, jCaret kann noch ein bisschen mehr, aber dies war für mich das Wichtigste. Artikel weiterlesen