Technikwürze – Web Standards Podcast

@Dirk Jesse Das Template Engine in Joomla find ich gut muss ich sagen, aber das in Wordpress ist wirklich eine Katastrophe!

Hi Leute!
Etwas offtopic, aber ihr nutzt doch so gerne JQuery. Ist auch ne tolle Sache. Hat jemand aber von euch schon mal mit Spry gearbeitet?

@Markus:
Natürlich ist WordPress auch ein CMS, sogar ohne Plugins ;) Nur eben ein kleines.

@David und die Dirks
Das “Shift”-”2”-Zeichen ist übrigens ein Zoll-Zeichen und hat rein gar nichts mit Anführungszeichen zu tun ;)

@Markus: Ja, gibt es, z.B. hier:
http://leftlogic.com/lounge/articles/entity-lookup/

Das ganze gibts auch als Dashboard-Widget für OS X und als Browser-Plugin für Firefox. Ich hatte das ganze auch mal nach Flash portiert und als Adobe AIR-Programm veröffentlicht, hab das ganze aber bis jetzt noch nicht für die AIR-Version 1.0 portiert und kompiliert.

Sinnvoller wäre natürlich die HTML-Datei gleich in UTF-8 zu codieren – dann kannst du das Zeichen direkt benutzen und musst es nicht als HTML-Entity eingeben.

War eine gute Sendung, aber das hätte man auch etwas straffen können. Zog sich gegen Ende etwas.

Zu “CSS mitteilen das JS verfügbar ist”/Flash bei jQuery´s DOMready:

jQuery´s ready Methode wartet nicht nur bis das DOM fertig ist, sondern wartet noch solange bis alle Stylesheets geladen und geparst wurden. Dies hat den Grund, dass viele Plugins von Anfang an die Grösse von Elementen berechnen müssen. Daher dürfte dieser Flash kommen.

Ich würde mir hier ebenfalls – und aus exakt demselben Grund – ein Event wünschen, was so schnell wie möglich feuert. Interface könnte dann beispielsweise so aussehen:

/*JS */
$(function(){
//domReady-Code
$(‘body’).addClass(‘js-enabled’);
}, true);

$(function(){
//DOM und CSS-Ready-Code
var carouselWidth = $(‘#carousel’).width();
});

/* CSS */
.js-enabled #carousel {
height: 90px;
overflow: hidden;
}

Aber wünschen kann man sich viel (und der domready-Code von jQuery sieht eh ganz schön hackerig aus).

Das mit den Template-Engines ist wirklich schrecklich. Diese Mischung von HTML und php war für mich anfänglich ein Grund, WP nicht zu nutzen, aber man kommt ja irgendwie doch nicht drum rum.
Und vor kurzem hab ich mir auch mal Magento gegeben, so als Alternative für xt:Commerce, das Ding mag noch so voll stecken mit Best Practices und mag sich noch so sehr am ZEND-Framework orientieren – bei der Implementierung der Templates hat jemand definitiv nicht nachgedacht…

Thema Template-Engines:
Ich erkenne das Argument an, dass eine einfache Templatesprache für reine Webdesigner möglicherweise einfacher zu erlernen ist, als PHP.
Aber wer sich an die strikte Trennung von Businesslogik und Präsentation hält und die spezielle Kurzform der PHP-Sytanx für Templates nutzt, der sollte auch als Webdesigner in der Lage sein ohne viel Aufwand die max. 10 Befehle die hierfür nötig sind zu erlernen.
Das Problem liegt darin, dass viele Systeme die Trennung nicht ernstnehmen. Häufig lassen sich anfängliche Systemdesign-Fehler aus Gründen der abwärtskompatibilität nicht mehr ohne weiteres beheben.

Schöne Sendung aber zum Thema Verlinkung muss ich mal meinen Senf dazu geben: Ich bin der Meinung das man externe Seiten immer in einem neuen Fenster / Tab öffnen lassen sollte, da immer noch viele User im Internet einfach nur Surfen. D.h. sie nutzen die externen Links um sich die nächste Seite anzusehen, sind dann aber nicht in der Lage, oder vergessen es einfach, eine interessante Webseite über die sie stolpern zu bookmarken, um dort hin wieder zurück zu kommen. Wenn man jedes mal ein neues Fenster öffnet, kann der User entscheiden, ob die eben besuchte Webseite interessant war oder nicht, um sie dann bewusst zu schließen. Shift, STRG oder andere Tastenkombinationen verwendet nur eine ABSOLUTE Minderheit beim Surfen…
Was die Verlinkungstechnologie angeht, so muss ich ganz klar vor JavaScript warnen, da bei einem window.open Befehl der Referrer im HTTP-Header (außer bei Firefox) nicht übertragen wird. Das bringt dann bei der verlinkten Webseite das Analysetool in Schwierigkeiten korrekte Statistiken zu erstellen.

Zu guter letzt noch mein Maustipp: ich nutze die MX Revolution von Logitech – eine wirklich geile Maus, aber auch sehr teuer…

@David: Vielen Dank für die wiedermal tolle Sendung. Ich fahre jeden Tag 1:05 h zur Arbeit bzw. Nachhause. Könntet Ihr bitte die Sendedauer daraufhin abstimmen? ;-) Im übrigen bekenne ich mich schuldig. Wollte schon so oft anrufen und habe es nie getan. Aber ich gelobe Besserung!

@all: Mal etwas allgemeines: In welchen Foren treibt Ihr Euch herum, wenn ihr mal Fragen zu HTML, PHP, Css & Co habt oder mal eine andere Meinung einholen wollt. Das was man so googelt ist irgendwie nicht so das Wahre, besonders dann nicht, wenn man standardkonform arbeiten möchte. Oder könnte man sowas vielleicht sogar hier oder bei den Webkrauts platzieren???

Hallo David,

ich unterstelle deinen Hörern mal, dass alle HTML und CSS Grundkenntnisse haben und die meisten auch PHPfit sind.

Also ich dachte da auch nicht an 0815 Fragestellungen (wie: „Wie bekomme ich das mittig…?“) sondern eher Probleme, bei dem auch ein HTML-Guru mal gerne ne zweite Meinung einholen möchte. Ich muss häufig sehr dynamische Sachen darstellen und hätte da gerne jemanden, mit dem ich mal Grundsätzlich das Problem besprechen kann, ohne mich für den Versuch rechtfertigen zu müssen, warum ich den grade keine Tabelle verwenden möchte. Oder man mal diskutieren kann, wie man denn überhaupt am besten Barrierefreiheit testen kann (z.B. welchen Screenreader verwenden?). Die ganzen Vereine die unter dieser Fahne segeln sind mir ehrlich gesagt zu teuer. Also eine Plattform, vom Motiv her wie TW nur interaktiver und ohne den zwang, nicht zu sehr ins Detail zu gehen dürfen. Hoffentlich habe ich mich jetzt nicht zu wirr ausgedrückt.

LG Schumi

@David: Dein Beispiel mit dem PHP-HTML-Mix sieht ja wirklich nach Verkehrsunfall aus. Also ich versuche immer möglichst große PHP-Blöcke zu generieren und schreibe Grundsätzlich jede HTML-Zeile – ohne Unterbrechung – mit einem echo.

<?php
  echo ‘Diese Seite wurde schon ‘.$num.’ mal aufgerufen’.”n”;
?>

Die coolste Template-Syntax hat Textpattern. Hier wird komplett auf PHP verzichtet, statt dessen gibt es eine Pseudo-XML-Syntax mit Namespace. Fügt sich sehr harmonisch in den HTML-Quelltext ein.

WordPress kann durch Erweiterung auf eine Template Engine erweitert werden, eine Lösung dazu wurde mal in einem Blog vorstellt, fand aber nur wenig Anklang.

Ohne eine weitläufige Diskussion per Kommentar zu führen, sollte man auch sehen, dass diese Entscheidung PHP und HTML zuzulassen, die extrem hohe Flexibilität und Geschwindigkeit der Entwicklung zulasst.

Mit Sicherheit wäre beispielsweise WordPress nicht so beliebt und so einfach zu erlernen, wie es jetzt ist. Den Nutzen von Template Engines wie Smarty sehen “normale” Anwender nicht. Klar, dass gefällt dem einen oder anderen Webdesigner o. Webdeveloper nicht, denn der muss
von den Aufträgen leben und die sind bei Komplizierung des Systems eher zu bekommen. MIt HTML, CSS und PHP werden einfach drei Wissensbereiche genutzt, die weit verbreitet sind.
Im weiteren, die Diskussion wurde auch schon unzählige male geführt (sorry, ohne Linknachweis), ist PHP nicht von Hause aus schon ein Template Engine?

Die Möglichkeiten in einem WordPress Theme mit PHP sind einfach und schnell umgesetzt. Die Kenntnisse müssen lediglich HTML, CSS und PHP in einem kleinen Umfeld umfassen und schon kann man los legen.
Nicht zuletzt sollte aber auch der Geschinwdigkeitsvorteil des Mischen aus PHP und HTML gegenüber einer Template Engine genannt werden Dazu zählen auch XML-Syntax die nicht so schnell sein können.

Wie oft sieht man umständliche Lösungen; mit dem entsprechenden Wissen kann man WordPress schon im Theme Beine machen. Mit einer Template Engine kommt hier eine weitere Hürde hinzu, die man sich als Entwickler aneignen muss. Dass soll nicht heißen, dass das Schlecht ist, aber seitens WordPress und Joomla kann ich für meinen Teil die Entscheidung verstehen und begrüße sie sogar, denn nur so, kann die Einfachheit bei aller Fülle der Funktionen und die nötige Flexibilität für ein anspruchsvolles Projekt gewahrt werden.

Ich finde die Sendung hier wirklich top und ein Bereicherung im Netz, ebenso gefällt mir die Meckerecke, aber in letzter Zeit hackt man immer auf den Gleichen rum und man könnte vermuetn, dass der Blick über den Tellerand fehlt. gerade Firefox, Joomla und WordPress haben im web einiges bewegt. Schaut man sich andere proprietäre Tools an, dann kann einem noch viel öfter schlecht werden. Daher hoffe ich lieber, dass man die Fehler sieht und verbessert.

Nochmal Template Engine: “PHP ist eine Template Engine!”

http://www.phpblogger.net/2007/08/17/php-ist-eine-template-engine/
http://www.ejeliot.com/blog/101

@Frank: PHP ist keine Template-Enginge, sondern eine Programmiersprache. Und mit einer Programmiersprache kann man eben gewisse Dinge programmieren. Auch deine Links zeigen, dass hier mit PHP eine Template-Enginge programmiert wurde – genau so, wie einst Smarty in PHP programmiert wurde.

Das angesprochene Wehleiden über die Performance kann ich beim besten willen nicht nachvollziehen. Denn einerseits bieten Template-Engines wie eben Smarty das Caching an, was deutlich schneller sein sollte als das wiederholte Parsen eines HTML- / PHP-Codes. Und andererseits haben wir uns bei Relaunch von sevenload bewusst – nach dem Test von Alternativen – für Smarty entschieden. Und bei sevenload reden wir von keiner kleinen Seite, die unter Performanceprobleme leidet.

@Matt: Wie in der Sendung erwähnt, habe ich mehrere Mighty Mouse seit dem es die gibt. Und irgendwann reicht kein Blatt Papier mehr, weil das nichts reinigt, sondern nur aufwirbelt. Dann musst du das Ding aufmachen. Und nach ein paar Mal hast du einfach keine Lust mehr.

Danke für die Sendung. Mir hat vor allem der letzte Teil gefallen, wo ihr das Code-Reviewing erklärt habt. Macht doch mal eine komplette Sendung zu Arbeitsprozessen und Techniken im Agenturalltag. Das würde mich und vielleicht auch andere sehr interessieren.

Sorry, war doch der Spam-Filter. Habe einen schlechten Provider, der die Mails erst in den nächsten 15 – 30 Minuten ausliefert, deshalb hatte ich den Spam überrsehen.

Wie binde ich denn nun das Foto in meinem Beitrag ein?
Danke rp

Hi ihr 3 Ds,

hier kommt das Vierte D!

Danke für den Hinweis auf die Typographie. Das war dringend nötig

Beim Hören sind bei mir zwei Wünsche nach Themenvertiefungen aufgetreten:

zum einen Model-View-Controller-Pattern oder Design Patterns generell im Webdesign bzw. bei Webanwendungen

Template-Engines

Vielleicht klappt es ja.
—- Vielen Dank, dass ihr weiter macht! Tollle Sendung!—-

PS: Ich schätze, dass noch nicht einmal 5% der Nutzer Links gezielt im gleichen Fenster, neuen Tab oder neuen Fenster aufmachen. Darum öffne ich bei einem Projekt grundsätzlich alle externen Links mit ‘target=”_blank”’ Hier ist noch etwas Überzeugungsarbeit nötig. ;-)

So, das mit dem Foto hätten wir, danke!
@David: Gibt´s hier ein allgemeines Forum, in dem man Themenvorschläge oder Fragen stellen kann?
Gruß rp

Hallo!

Das Problem bei Smarty und Wordpress ist, dass viele Wordpress-Funktionen direkt mit echo ihre Inhalte ausgeben und kein äquivalente Methoden mit “get_” haben. Damit nützt Smarty nichts mehr. Und alles umschreiben wär doch echt Wahnsinn und überflüssige Arbeit.

Andererseits ist es ausgesprochen hässlich HTML und PHP zu mischen. Die schlanken Smarty-Tags sind viel übersichtlicher.

Thema Typographie: Systeme, die den WYSIWYG-Editor Xinha integriert haben, können Gedankenstriche und Anführungszeichen schöner darstellen, wenn man das Plugin “SmartReplace” installiert. Das macht das automatisch.

Thema Templating: Zikula enthält schon ewig Smarty als Templating Engine und ich habe das wirklich lieb gewonnen. Zumal die genannten Systeme Joomla und Wordpress die Trennung von Application- und Presentation-Logik nicht vernünftig trennen. Magento macht das ganz cool: Dort sehen die Templates fast aus wie bei Smarty: Dort ist fast nur HTML enthalten und dann werden Object-Methoden aufgerufen, um die Inhalte dazustellen.

Statt Teile auszukommentieren oder zu Löschen kann man sie auch einfach in ein leeres Text-Dokument kopieren und dann wiederholen, wenn man sie wieder braucht.

Das Caching bei Smarty & Co ist nicht so leicht und so schön, wie es erst einmal klingt. Bei dynamischen Sites, auf denen vielleicht auch noch mehrere Benutzer mit verschiedenen Rechten arbeiten, kann man Caching vergessen, weil man eigentlich für jeden Benutzer extra cachen muss.

Dagegen scheint PHP Caching per Alternative PHP Cache (APC) ziemlich gut zu funktionieren.