Endphase für neues Theme!
Bald ist es soweit! Unter den Namen SimplyTheme werd ich in den nächsten 48Stunden das Aktuelle Design von fkBlog.de Ablösen.
Der Name des neuen Themes ist Programm.
SimplyTheme ist ein schlichtes und Leicht daher kommendes Design, das ich in Weiß-Grau-Blau gehalten habe.
Neben “validen” xHTML und CSS habe ich SimplyTheme ein wenig mit Hilfe von jQuery Aufgewertet.
Der Theme ist noch nicht Hundert Prozentig Perfekt, aber im wird im laufe der Zeit wird sich noch einiges an Arbeit in SimplyTheme wieder finden.
jQuery
Für alle Leser-/innen die mit jQuery nichts anfangen können. jQuery ist eine Dom Scripting Framework.
jQuery ist weniger für Programmierer oder rein Rassiger Programmierer, sondern eher für Webdesigner, die sich mehr ums Design kümmern wollen. Die Syntax von jQuery ist sehr einfach gehalten und auf der Webseite von jQuery findet man eine Super Dokumentierte API und eingie Anleitungen (Tutorials).
Gerrit van Aaken hat vor 2 Jahren einen Vortrag zu jQuery gehalten. Das ganze wurde per Video festgehalten.
Übrigens! WordPress liefert jQuery bereits von Haus aus mit und lässt sich somit sehr leicht in Plugins und Themes intregrieren. Frank Bueltge hat vor noch nicht allzulanger Zeit dazu auch unter den Namen JavaScript-Bibliotheken in und aus WordPress nutzen Veröffentlicht. Leider haben die einbindungs versuche nach Frank’s Anleitung nicht ganz geklappt. Hier werd ich aufjedenfall nochmal nach Hacken müssen.
jQuery im einsatz
Wie bereits erwähnt, verwende ich im SimplyThemey einige Funktionen des JavaScript-Frameworkes jQuery.
Unter anderen Realisiere ich durch das User Inteface (kurz: UI) auf der künftigen Startseite die von UI bereits gestellte Klasse Tabs und einen Code-Snippet für ein Klapp-Menü.
Es werden sicherlich noch mehr jQuery Funktionen in die Weiterentwicklung von SimplyTheme fließen. Jedoch muss ich vorher noch einen Vernünftigen weg finden, den Theme so zugänglich zu machen, das auch Besucher ohne Aktivierten JavaScript die Seite genießen können. Einen Ansatz, wäre das HTML-Attribut noscript aber auch hier scheinen noch einige Hürden auf mich zu zukommen.
Auch die InternetExplorer Benutzer unter meinen Besuchern werden sich noch ein wenig gedulden müssen. Die Startseite im IE7 verschiebt sich leider minimal. So werden im IE7 die Klapp-Menüs, die für die Anzeige der letzten geschriebenen Beiträge zuständig sind, etwas nach unten gedrückt. Man kann es zwar gut lesen, schön siehts jedoch nicht aus.
Screenshots über den Aktuellen Stand des Themes liegen derzeit nicht vor, ich denke aber im Rahmen der in kürze stehenden veröffentlichung ist dies aber auch verkraftbar.
Im übrigen werden hier auf fkBlog.de in zukunft auch Beiträge zu jQuery auftauchen, da ich mich mit dem Thema aufgrund derTheme Entwicklung näher beschäftigt habe und es in zukunft gern auch weiter tun möchte. Anleitungen und Beispiele werden sicher daher auch in z ukunft hier auf dem Blog erscheinen.
Geschrieben am 02.12 08 von Fabian
Abgelegt in der Kategorie: nebenbei.
Schlagwörter: CSS, DOM, Framework, JavaScript, JavaScript Framework, jQuery, Webdesign, WordPress, xHTML
Die Probleme, die Du bei der Darstellung der Menüs im IE hast, könnte auf die heute von den Webkrauts hingewiesene Problematik einer vertikalen Liste hindeuten.
Ich bin nur Deinem Link, den Du bei Frank Bültge hinterlassen hast gefolgt, ich kenne also Deinen Blog nicht und so auch nicht Dein neues Theme. Es kann also sein, dass ich komplett falsch liege.
Hallo Hartmut,
danke für den Link-Tip, mal schaun ob ich das jetzt noch vor dem reinschieben hier mit reinpack. Habe aber soeben bei genaueren hinsehen im Aktuellen IE gesehen, das das “collapse” Menü, das ich mit Hilfe von “jQuery” Realisiere garnicht im IE funktioniert *hmza*
Muss mir das also nochmal genauer anschauen und ggf. eine noscript oder “noJavaInIE” Lösung einfallen lassen :D
Dafür hast Du ja glaub ich jetzt eine gute Antwort bei Frank bekommen.
Deine “noJavaInIE”-Lösung musst Du ja entsprechend über CSS und ggf. einer Browserabfrage realisieren, d.h. irgendwie soll ja auch alles klappen, wenn nix JS aktiv ist.
Ansonsten schau Dir doch mal diese Seite an. Es gibt da einige jquery-Plugins, vielleicht kannst Du Dir noch das eine oder andere für das, was im CSS mitgegeben werden muss, abschauen, um das collapse-Menü im IE funktionsfähig zu machen.
Hallo Hartmut,
danke für den Link, werd ihn mir mal durchlesen.
Hab jetzt mal ne ie_style.css angelegt extra für den IE… und siehe da… minimaler Code Aufwand und den Beispiel CSS-Snipp von den Webrauts bringt zumindens das Collapse Menü der Homeseite wieder an die korrekte Position.
Merkwürdiger weise funktioniert nun auch wieder das Collapse Menü im IE… da schien wohl irgendwie nen Fehler in der überarbeitung mit der noscript Variante eingeschlichen zu sein.
Werde in den nächsten 30min den Theme mal Uploaden und hier auf fkBlog aktivieren. Sind zwar noch einige Bugs drin, diese werde ich aber nach und nach beheben.