"PDF-Bomben" tutorial




Jeder ol "Anker-Link kann ein Link zu einem PDF-Dokument sein, aber ein Link wie diese zu klicken, kann ein überraschendes und unangenehmes Gefühl für einen Benutzer sein. Dieses CSS kann diese Links visuell anzeigen.


/* Hinzufügen von "(PDF)" Text nach Links, die zu PDFs gehen */
a [href $ = ". Pdf"]: after {Inhalt: "(PDF)";}

/* If Datei Größe als Datenattribut angegeben, benutze das auch */
a [href $ = ". pdf"] [Datengröße]: after {content: "(PDF," attr (data-size) ")";}

So ...


<p>Watch out for the <a href="some.pdf">PDF bomb</a> here!</p>

Becomes:


Watch out für diePDF Bombe (PDF)hier!


Oder ...


<p>Watch out for the <a href="some.pdf" data-size="2 MB">PDF bomb</a> here!</p>

Becomes:


Watch out für diePDF Bombe (PDF, 2 MB)hier!