Wie sehen eure Desktops aus?

[DosAmp]

(22.08.2015 09:25)mrshadowtux schrieb:  Jedenfalls ist der IE nicht mehr aufm aktuellen Stand der Technik. Als Webentwickler bemerke ich das verdammt oft, man muss gerade im CSS-Bereich wieder Sonderregeln für dieses veraltete Ding machen. Edge hingegen hat diese Probleme nicht und rendert Standardkonform.

http://caniuse.com/#compare=ie+11,ie+Edge
Einen vollständig CSS-standardkonformen Browser gibt es streng genommen eigentlich nicht – dazu entwickeln sich im HTML5-Umfeld Dinge zu schnell. Aber neben eher technischen Neuerungen (HTTP/2, Web-Kryptografie, FileReader-API, Web Audio API, Webcam-Zugriff, …) liegen die Fortschritte bei Edge in der Tat hauptsächlich in der Unterstützung von CSS-Features.

[mrshadowtux]

Eine Schande, sehe gerade dass Edge immer noch nicht <meter> kann..

[Der Doktor]

(22.08.2015 09:53)mrshadowtux schrieb:  Eine Schande, sehe gerade dass Edge immer noch nicht <meter> kann..

überlebenswichtiger Tag

[mrshadowtux]

Wenn man beispielsweise semantisch korrekt Diagramme/Werte darstellen will, dann ja.

[freaked]

dacht ich mir auch grad
höchstens für ne ladeanimation brauchbar

[mrshadowtux]

Nennt mir eine sauberere Variante, darzustellen, dass etwas einen bestimmten Prozentwert hat oder in einem bestimmten Wertebereich an ner bestimmten Stelle ist. Naütrlich als Balken dargestellt. Und nein, irgendein div mit Inline-Stale zur Angabe des Wertes ist KEINE Alternative.

<meter> muss übrigens nicht unbedingt nen Balken darstellen. Man kanns beispielsweise auch für Sternebewertungen nutzen:
<meter value="2" min="0" max="10">2 out of 10</meter>

---

(22.08.2015 10:04)freaked schrieb:  höchstens für ne ladeanimation brauchbar

Nein, dafür nimmt man <progress> mit einer ähnlichen Syntax wie <meter>. Grundregel ist: Niemals semantisch unpassende Elemente für irgendwas missbrauchen.

[freaked]

kennst du dieses symbol?

%

[mrshadowtux]

Jo ich möchte den Status aber semantisch vermerken. Genauso wie ich ein Datum in einem <time> vermerke oder ein Blogbeitrag mit einem <article>. Das sorgt am Ende dafür, dass Suchmaschinen, Screenreader und co die Seite besser parsen können und dass der Code auch von Menschen ohne HTML-Kenntnissen im Zweifelsfall verständlich ist. Sprich, dass das aufm Stand von 2015 vorliegt und nicht mehr wie aus den 90ern wirkt.

[TAL]

Dafür nutzt man Review

[mrshadowtux]

Richtig, mit den Review-itemprops kann man dann die semantischen Tags noch weiter beschreiben im HTML.

Aber das wichtigste ist, dass man erstmal ne saubere Struktur hat mit modernen semantischen Tags. Finde es schlimm, wie oft man noch <div>-Wüsten sieht.