Downfall.Falling.Landing in the tenderness. Waiting.Swaying… just a bit. Descending. Slowly and softly, ever so gently. Soaking.More and more.Sinking.Smoothly. Only one. Following.A second, drowning decline.Landing.*ting*It's done.
CSS Tricks: Background ImagesToday's CSS Trick will be about using background images in Journal Skins.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 imageI 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
CSS Tricks: Responsive dA?If you are at least slightly into web design and/or using mobile devices to browse, you should have come across the term "Responsive Webdesign". Basically it means that a website is set up in a way so it gives the best browsing experience no matter on what device you are viewing it.One term that is often mentioned along with it are "Fluid Designs". This usually refers to web sites that use % instead of px values to define sizes inside the layout.This necessary trend in web design made me think about the deviantART.com layout. Because it is a design that has been working responsive for several years! You can test this by going to any place on dA and changing your browser window. You will notice how the ratio of all elements in width remains the same no matter how wide the browser window.Now that we know that dA is responsive, we will soon find out that there is a responsive element inside dA, which reacts in first instance to the page on dA you are and in second instance to the brows