jQuery Accessible Tabs

jQuery User Interface

Dirk Ginader hat vor einiger Zeit mit einem Kollegen zusammen ein “wirklich” zugängliches “jQuery UI Tab Plugin” geschrieben. Da ich mich in den letzten Wochen stark mit dem xHTML & CSS Framework “YAML” und auch mit “jQuery” auseinander gesetzt habe, bin ich auf dieses Plugin von Dirk Ginader gestoßen. Das Plugin überzeugt wirklich durch seine Zugänglichkeit, denn selbst bei deaktivieren JavaScript im Browser wird eine saubere und Nutzerfreundliche Anzeige des Inhaltes präsentiert. Ledentlich eine Schwachstelle fiel mir an diesen Plugin auf. Aber machen wir langsam. Hier erstmal der Aufbau des HTML Markups für die Realisierung der Tabs mit dem Plugin: <div class="tabs"> <h6>some dummy headline</h6> <div class="tabbody"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> <h3>Lorem ipsum</h3> <p>Nullam malesuada suscipit pede. Nullam ipsum lacus, varius</p> </div> <h6>another dummy headline</h6> <div » Den gesamten Artikel Lesen

fkBlog: vorbereitung für neues Theme

Hallo zusammen, in den letzten wochen habe ich an einem neuen Theme für fkBlog.de gearbeitet. Als basis für das neue Layout/Design habe ich mir das von Dirk Jesse erfunde xHTML/CSS Framework “YAML” zu nutzen gemacht. Herkommen wird fkBlog daher in zukunft in überwiegenden 1-Spalten Layout. Mit Hilfe des in YAML mitgelieferten “Subtemplates” wird dann je nach bedarf ein 2- bis 3 Spalten Layout daraus gemacht. Auch jQuery kommt im neuen Theme zum einsatz, so wird die Startseite mit dem UI-Tabs aufgerundet. Da das neue Layout fast fertig ist, werd ich hier auf fkBlog nun einige Seiten abändern in den nächsten Tagen. Ich hoffe bis zum Kommenden Wochenende dann das neue Design für den Öffentlichen Einsatz fertig zu haben. Der bisher verwendte Them “SimplyTheme”, werde ich dann in ruhe weiter entwickeln » Den gesamten Artikel Lesen