CSS/HTML Tricks: Article LayoutHello!CSS/HTML Tricks: Article Layout2 years ago in Journal and Gallery Tutorials More Like This
Another tutorial for news articles and journals on dA!This one is meant to help you add structure to your news articles (and personal journals) and thus enhance the reading experience for your audience.
I have already written a tutorial on the topic of HTML Literature, but only showcased what is possible there. It is almost the same as :faq104:
This tutorial will try to explain why you should use additional HTML in your articles and how it helps improve their quality.
Also it turned out to be quite long, so skip to your liking.
For further reading please refer to CSS Tricks: Limiting .text width, which explains the necessity of limiting your text width.
Why is structure important?
Nobody likes reading a wall of text. If you look at an article and all you see is a grey blur,
CSS Tricks: Background ImagesToday's CSS Trick will be about using background images in Journal Skins.CSS Tricks: Background Images2 years ago in Journal and Gallery Tutorials More Like This
There are three types of images that are mostly used in journals skins: big background images, seamlessly repeatable patterns and icon/logo-like images.
Images can be used for all elements of a journal: in the header, footer, behind text, next to text etc.. Any journal element has the ability to contain an image
I cannot stress enough that the main objective of a journal is making written content enjoyable to read. It is all about readability and making it as easy for the reader as possible. Very often I come across pretty journal skins, that have a complete lack of readability. In one of my previous CSS Tricks I already mentioned the dangers of text lengths and how to limit the .text width to improve readability.
Problems with using images:
Despite being big an images turns out to be too small for a journalAn image does not repeat seamlesslyText becomes non-re