I learnt some mega useful CSS today, which I feel like I should have known already.
I found this out from a Treehouse video, talking about print styles sheets. Treehouse is an excellent website full of useful and well produced video tutorials covering a wide range of development, design and computing topics, including Graphic Design, HTML, iOS Coding, Ruby and lots, lots more.
The particular video I was watching was about best practices in print style sheets for websites. Using the combination of the :after psuedo-element and content property, you can get your stylesheet to show the full URL of a link when printing out a document.
So taking the following link, which will just appear like this: Best site ever
… you can then apply CSS like the following to produce this:
There’s also the “before” psuedo-element, which obviously does similar things to after.