Oft steht man vor der Schwierigkeit, daß mehrere gefloatete Boxen mit dynamischem Inhalt gefüllt werden und daher keine feste Höhe bekannt ist. Wenn nun die Boxen trotzdem alle schön gleichgroß sein sollen, hilft folgendes Stückchen jQuery: /* set equal height on boxes */ /* http://stackoverflow.com/questions/5052673/jquery-min-max-property-from-array-of-elements */ Array.max = function( array ){ return Math.max.apply( Math, array […]
Kein Css, kein Javascript, oder eines fehlt… was tun?
Auch im Rahmen dieses Projektes habe ich mich gefragt, wie man eine Fehlermeldung bauen kann, die sowohl erscheint, wenn der Benutzer Javascript ausgeschaltet hat, als auch, wenn sein Browser kein Css kennt, als auch, wenn beides der Fall ist. Meine Lösung mit jQuery setzt sich aus drei Teilen zusammen. Hinter dem Body-Tag: Der dirty Hinweis, […]
Bessere Benutzbarkeit von Formularen mit Autotab
Formularvalidierung war früher immer ein leidiges Thema: serverseitig sowieso, aber nur serverseitig? Das Zurück-Geklicke bei fehlerhaften Daten wirkt oft nervtötend. Die clientseitige Validierung mittels Javascript sorgt spätestens mit derzeitigen Ajax-Funktionalitäten für den flüssigeren Umgang mit Formularen. Dazu gehört auch das jQuery-Plugin Autotab. Neben der namensgebenden Funktion, nach Eingabe einer definierten Stellenanzahl zum nächsten Formularfeld zu […]
Können Transitions die User Experience wirklich verbessern?
Heute bin ich via Delicious auf einen Artikel gestoßen, der wiedermal eine der ach so populären Listen anbietet. Obschon ich es etwas albern finde: 10 ultimate Tips to bla, The last List for getting blub done… muß ich 2 Dinge bemerken: die Liste der Javascript Effects finde ich auch interessant… und habe trotzdem an der […]
Css-Sprites, garniert mit jQuery
Vor einiger Zeit gab es bei A List Apart einen ausführlichen Artikel zum Thema Css-Sprites zu lesen. Diese Technik nutzt ein einzelnes Gif, auf dem mehrere oder gar alle benötigten Bilder einer Seite untergebracht sind. Durch unterschiedliche Positionierung des Bildes im Background des jeweiligen Elements via Css können dann die Pseudoklassen wie :hover mit unterschiedlichen […]