ToDo: Browserunterstützung mit Vorlage:Iconset

[Matthias Scharwies]

Servus!

Die im Wiki verwendete Vorlage:Iconset ist lange nicht mehr so wichtig wie früher, da die Browserunterstützung selbst neuer Features oft schnell erfolgt.^[1] Wichtiger ist dabei der Link zu caniuse, der in der Vorlage:Caniuse erfolgt.

Problem:

Ein großes png, das als Sprite viele Icons liefert, die heute gar nicht mehr benötigt werden. Der weiße Hintergrund stört im Dark Mode, ein Entfernen auf die Schnelle sorgt für Artefakte. ^[2]

Welche Icons außer Achtung, ES6 und den 5 Browsern würden denn überhaupt noch benötigt? Selbst HTML5, SVG (für Version 2 gibt's gar kein Logo) und CSS3 sind ja überholt.

Früher hatte ich an ein IE-Logo oder eben ein durchgestrichenes IE-Logo gedacht. Das hat sich ja wohl mittlerweile erledigt.

Das Markup mit Liste, Links und img scheint mir unnötig kompliziert. Das visualClear löst das float auf, kann man das evtl. anders lösen (=muss das Iconset rechts hängen?)

<ul class="siconset smetadaten">
  <li class="sicon sicon_css2">
  	<a href="/wiki/Datei:Iconset.png" class="image" title="CSS 2.0">
    	<img alt="CSS 2.0" src="/images/d/d8/Iconset.png" width="497" height="342" />
    </a>
  </li>
  <li class="sicon sicon_chr">
    <a href="/wiki/Datei:Iconset.png" class="image" title="Chrome">
    	<img alt="Chrome" src="/images/d/d8/Iconset.png" width="497" height="342" />
    </a>
  </li>
  <li class="sicon sicon_fx">
  	<a href="/wiki/Datei:Iconset.png" class="image" title="Firefox">
  		<img alt="Firefox" src="/images/d/d8/Iconset.png" width="497" height="342" />
    </a>
  </li>
</ul>
<div class="visualClear"></div>

Wer hat Interesse, dies zeitgemäß mit SVG oder SVG-Sprites zu realisieren?

Zeitplan wäre ca. 2 Wochen, da wir am Fr, 11. / Sa, 12.03. das neue Layout festgezurrt haben wollen.

Herzliche Grüße

Matthias Scharwies

---

1. Eine Vorlage:Browserinconset mit Versionsnummern habe ich bereits gelöscht, da sie nicht mehr notwendig war. ↩︎

2. Hier die vielen Icons. Welche brauchen wir denn überhaupt? ↩︎