Technikwürze – Web Standards Podcast

Wieder mal sehr gelungene Sendung ;)

Weiter so

Hab es mal korrigiert. Wenn David einmal mit den Jubiläen anfängt…

Hach, Neuseeland. Bin ein bisschen Neidisch! ;-)
Und keine Angst, deine Webseite wird hier niemand zerfleischen, ganz im Gegenteil.

Ich hab noch nicht reingehört. Aber weil ich grade an einer Analyse von WordPress und Barrierefreiheit arbeite, habe ich etwas Historie betrieben. Und es tatsächlich wohl so, dass wir Webstandards in WordPress dem Gründer Matt Mullenweg verdanken. Der Entwicklungszweig – b2, auf dem er aufgesetzt hat, hatte nicht mal wirklich HTML-Semantik.

Das soll jetzt keine Entschuldigung für das wenige Einhalten des Coding-Standards sein. Aber auch die unzureichende Mischform zwischen PHP und HTML kommt von diesem vorherigen Entwicklungszweig. Ich denke nicht, dass WordPress da irgendwann abrücken und eine wirkliche Templatesprache entwickeln wird. Und dafür, dass dass alles gratis zu nutzen ist, ist das dann doch ziemlich semantisch. :)

Danke für die tolle Sendung.

Ich arbeite schon länger mit Wordpress, allerdings nur im “Anwender”-Bereich. Aus reiner Neugier habe ich mir mal intensiv den Quellcode angeschaut und war recht enttäuscht.
Ich dachte eigentlich dass das mit der Version 3 besser wird. Wurde es aber anscheinend nicht!?
Nichts desto trotz ist Wordpress eine gute Grundlage für meine alltäglichen Projekte.

Die Chrome Extensions basieren auf einer manifest.json Datei. Nach meinen Kenntnissen kann man mit HTML auszeichnen und Javascript programmieren.

Ja, das Opera-Logo mit CSS3 ist nicht gerade sinnvoll. Aber das als Schwachsinn zu deklarieren finde ich (persönlich) ein wenig übertrieben.

Gruß Tobias

Die Sendung hat mir gefallen und ich habe auch mal in den einen oder anderen Link rein geschaut.

PS: Eure Gewinner haben ein HMTL5 Buch gewonnen ;)

Grüße Carsten

Sinn, Unsinn und hacking :)

Die HTML5 Spielereien klingen sehr nach fröhlichem hacken: Leute haben Spaß damit, auszuprobieren, was sie tun können.

Nicht sinngebundenes hacken ist ein Grundbestandteil davon, unerwartetes zu erschaffen. Dadurch werden die Grenzen der aktuellen Technologie ausgelotet, und alleine dadurch ist es sinnvoll – solange es einfach um den Spaß am Spielen geht.

Ich glaube kaum, dass der gute Herr DeSandro mit dem Opera Logo vorschlagen möchte, dass wir in Zukunft unsere Logos durch css-gestylte DIV-Konstrukte ersetzen sollen. Es ist doch lediglich eine Techdemo und verfolgt als solche wohl lediglich den Ansatz, zu zeigen was geht. Nicht praktisch einsetzbar, trotzdem eine super sache.

Sollte ich mich irren, berichtigt mich.

@Marcel: Oh, ja! Und Megavolt sorgt dafür, dass es auf jedem Bildschirm auftaucht! (nur wer ist dann der Spinner im Cape, der die beiden wieder einfängt und dabei massiv Kollateralschäden anrichtet – vor allem an sich selbst? :) )

@Jens: Ich finde die Ideen zwar erstmal sinnlos, aber verdammt cool :)

Was interessiert es mich, ob es für Kunden gut ist, oder ob es sich verkaufen lässt? Erstmal geht es darum Spaß mit Technologie zu haben, daraus entstehen die kreativsten Neuerungen – und die sinnlosesten Spielereien :)

Ob das sinnvoll ist, wird sich allerdings erst später zeigen, also ist das Spielen an sich sinnvoll.

Daneben wäre es für mich, wenn jemand eine Kundenseite machen würde und darauf bestehen würde, das Logo mit CSS 3 zu designen. Wenn er es zum Spaß macht und damit anderen zeigt, wie weit man die Technologie treiben kann, ist die Idee einfach cool :)

Flash ersetzen ist dagegen eine andere Sache: Flash ist für mich einfach nur eine proprietäre Sicherheitslücke, die leider auf viel zu vielen Rechnern installiert ist. Die Leistung ist für mich zweitrangig. Es könnte auf 386ern flüssig laufen und ich würde es trotzdem nicht auf meinen Rechner lassen, solange ich es nicht für die Arbeit brauchen würde.

Wenn also jemand flash ersetzen kann, ohne andere unfreie Techniken zu brauchen, ist das klasse!

Apple sollte sich aber nicht so über das unfreie Flash aufregen: Die haben es geschafft zu einem Vorreiter des proprietären Lock-Ins zu werden (was ist der App-Store anderes als ein sehr effektiver Wegzoll zwischen Entwicklern und Nutzern? Alles was der kann, können freie Package Manager seit über einem Jahrzehnt – abgesehen davon, den Nutzern sehr effektiv das Geld aus der Tasche ziehen), und jetzt haben sie halt mal selbst gemerkt, wie idiotisch es ist, die Rechnererfahrung von proprietären Systemen abhängig zu machen.

Dass h.264 nicht viel besser ist als Flash verschweigen sie auch lieber. Da wird zwar statt dem Urheberrecht das Patentrecht genutzt, um die Nutzer einzuschränken, aber das macht es kein Stück besser – eher im Gegenteil.

Daher ist es so genial, dass Google VP8 via WebM freigegeben hat – inklusive aller Patente daran! Die Lizenz hätten sie für’s Netz kaum besser machen können.

PS: Das ist ein Thema, bei dem ich zu emotionalen Ausbrüchen neige :) – Gentoo GNU/Linux Nutzer, meist mit KDE als Desktop, manchmal Emacs statt KDE ;) – früher Apple Nutzer. Ausgestiegen, als sie in Entwicklermacs einen TPM-Chip eingebaut haben – und ihn verwendeten, um zu verhindern, dass Entwickler das System auf andere Plattformen porten. Mein Weg im Detail → http://bah.draketo.de/ „Broken Apple Heart“

Die Zombo Seite ist doch sowieso nur Ironie. Darum passt das schon und es muss ja nicht alles Sinn machen. Nur durch Experimente usw. gibt es Fortschritt, auch wenn diese auf den ersten Blick nicht besonders Sinnvoll aussieht. Außerdem kann man durch solchen sinnlosen extre Ausgereißten Quatsch sicher auch was lernen.

Danke für die lobenden Worte zur Font API. Mehr Schriften kommen bald :)

Auch iOS-Icons lassen sich offenbar recht gut mit CSS in Szene setzen

Jau. Das war meine erste Technikwürze beim Laufen. 6,5 km und danach in der Badewanne weiterr gehört. Schöne Sendung. Und wwas für Lästerbacken ihr seid. Herrlich. Besonders Meistee Grochtreis. Wie du dieses Opera-Dingen nieder machst hehehe… Nein mal im Ernst: Es mag für die, die Jens nicht kennen etwas derbe sein, aber im Kern hat er ja recht. klar muss es Spielwiesen und Experimente geben. Das Problem, was ich nur sehe ist allerdings, dass wieder jede Menge Leute sich eben diese Beispiele ansehen und denken “Cool, was man jetzt alles mit CSS3 machen kann” und das ist am Thema vorbei und gefährlich. gefhrlich deswegen, weil es dann wieder duzende Sites gibt, die ihre Headergrafiken über CSS “malen”. Bleibt zu hoffen, dass die Web-Gemeinschaft schon so erwachsen ist diese Spielereien auch also solche zu sehen und nicht für Bares zu nehmen.

Warum ich aber eigentlich hier rein pinsele war, weil ich zum Thema Testing und mit dem Kunden arbeiten einen Link habe, den ich euch nicht vorenthalten wollte. Ihr kennt es bestimmt, wenn ihr mit einem Kunden zu tun habt, der euch von Problemen berichtet und euch nicht beschreiben kann, mit welchem Browser er unterwegs ist oder auf welchem Betriebssystem. Dann könnt ihr diesem Kunden diesen Link hier senden: http://www.supportdetails.com/ Mit dem kann der Kunde euch dann ganz einfach eine Mail zukommen lassen, in der dann alle Details seines Setups drin sind. Dazu gehören JavaScript oder Flash Player Version, Browser, Sytem und vieles mehr.

Dann noch einmal Danke an euch und weiter so.

Der WP Codex besteht quasi seit der Entwicklung als WP. also seit 0.71; leider halten sich nicht viele daran und er hat auch einige sonderliche Ausprägungen. Wir bei Inpsyde achten strickt darauf und trotzdem korrigieren wir uns immer wieder. Ein Beispiel: WP fordert die Variable in einer Abfrage immer rechts, ist zumindest für mich, ungewohnt.
In vielen anderen Punkten will WP möglichst die Freiheit bei den Entwicklern lassen, so zum Bsp. das angesprochene Thema Hochkomma oder Anführungszeichen. Hier soll der optimale Weg via PHP aufgezeigt werden, ’ ist einfach schneller.

Wichtig im WP Umfeld:
Wer sich mit WordPress und Themes auseinandersetzt, stolpert zwangsläufig über den Begriff Template. Dabei scheint oft nicht ganz klar zu sein, was denn genau ein Theme ist und was ein Template. Oft werden beide Begriffe im Zusammenhang mit WordPress auch synonym verwendet, obwohl es einen deutlichen Unterschied gibt. Das führt zu Missverständnissen – eine schlechte Grundlage, darum also:

Template
Ein Template ist ein logisch zusammenhängender Block von PHP-Code, der eine bestimmte Aufgabe erfüllt. Die Loop, das Herzstück jedes WordPress-Theme, ist zum Beispiel ein solches Template.

TemplateDatei
Die Template-Datei besteht aus einem oder mehreren Blöcken von Code (Templates). Innerhalb der Template-Datei können weitere Template-Dateien eingebunden werden.

Theme
Ein Theme ist eine Sammlung von Dateien, also Templates und CSS-Dateien, aber auch Grafiken, die die Darstellung des Weblog beeinflussen. Durch das Zusammenspiel der einzelnen Dateien und der Anweisungen in den Templates wird die Ausgabe der Inhalte im Frontend von WordPress festgelegt.

Nur als Ergänzung, da ich pers. weiß, wie man Attribut und Tag verwechseln kann und wie dass zu Missverständnissen führt.

Alle, die sich die jQuery Fundamentals nicht unbedingt in Form ded eher unübersichtlichen riesenlangen HTML-Einseiters zu Gemüte fürehn wollen, finden in den Download-Paketen bei github auch eine sehr übersichtliche PDF-Variante. Das PDF liegt im Ordner „book/release/pdf“ in der ZIP-Datei der jeweiligen Version. Das 72-seitige PDF liest sich deutlich angenehmer als die HTML-Variante.

Zu den Aussagen von Jens bezüglich der CSS-Spielereien kann ich nur sagen, dass es Blödsinn ist eine Technologie nur so zu nutzen, wie sie gedacht ist. Float war ursprünglich auch dazu gedacht Text um andere Elemente fließen zu lassen und heute bauen wir ganze Layouts damit. Man sollte bei einer Technologie ausloten wozu sie fähig ist. Von daher sehe ich die Entwicklung der CSS-Experimente sehr positiv. Wieviel davon praxistauglich ist und was nur Spielerei wird sich in Zukunft von alleine zeigen. Und wem die genannten Argumente noch nicht reichen, der kann es einfach als Kunstform sehen ;-)

Vielleicht, weil wir Webseiten (Links) vorstellen und analysieren? ;-)