Elke oude ankerlink kan een link naar een PDF-document zijn, maar op een dergelijke link klikken kan verrassend en ongemakkelijk zijn voor een gebruiker. Deze CSS kan die links visueel aangeven.
/* Add " (PDF)" text after links that go to PDFs */ a(href$=".pdf"):after ( content: " (PDF)"; ) /* If file size specified as data attribute, use that too */ a(href$=".pdf")(data-size):after ( content: " (PDF, " attr(data-size) ")"; )Zo…
Watch out for the PDF bomb here!
Visueel wordt:
Watch out for the PDF bomb (PDF) here!Of…
Watch out for the PDF bomb here!
Wordt:
Watch out for the PDF bomb (PDF, 2 MB) here!Zie de Pen Identify PDF Bombs door Chris Coyier (@chriscoyier) op CodePen.