Font stacks, the !important css declaration and some html tips

It’s been a good week for subscribing to blogs, they are a endless stream of new and useful information, here are a few good tit-bits from my reader account!

Font Stacks

It’s a basic CSS declaration but not many people are aware of what font stacks do. In a world where most fonts are not available on the web, or ‘web-safe’ as we like to call it, you have to stick to a limited amount. Luckily CSS enables the developer to list his ideal fonts in an order of preference. Therefore if the first font, or most ideal, isn’t available then the next one will take over. This is called the font stack. Unit Interactive wrote a great article about font stacks and also created a downloadable PDF document with examples. This is a great tool to help explain to designers what is possible in true web design. As many developers will know, you typically get a PSD file from a designer and find you have to go back to them to explain why they can’t use a certain font. via firstwebdesigner.comCSS Globe

!important CSS Declaration

Impressive Webs – everything you need to know about the !important CSS declaration This is another great article which explains a common CSS declaration. CSS, by it’s nature, is cascading or in other words heiracial. This basically means it sets properties as it is read from top to bottom. A duplicated selector further down the page will overwrite the previous properties (where properties match). There are also instances where someone has used in-line styling or you have no choice but to use in-line styling (i can’t think of one). ‘!important‘ can also overwrite this! Typing ‘!important‘ after any CSS property tells the browser that this CSS declaration is the most important one and overwrites all other declarations. It is great for overwriting common classes or properties where you might want to use an exception or perform a minor tweak. via CSS Globe

Finally, some good html tips

Line25.com – html crimes you shouldn’t commit This article provides a quick list of 10 html good practices which would improve your coding. The majority are straight forward and known to many, the most being about out-dated tags, but still it’s great to see a blog going back to the basics. One great thing about using the more updated tags is that you can wrap the older tags around html elements, reset them with CSS (font-weight:normal), and use them together with a Javascript frame work to create advanced effects!

Create a RSS feed for any category or tag in WordPress

Just a quicky as i found a great and quick WordPress tip. If you want to create a RSS feed for any category or tag within your blog, simply copy and paste the URL shortcut to that category or tag, then add on the end ‘/feed/’ e.g. for the category WordPress’:
URL = http://www.graphic-euphoria.co.uk/category/wordpress

the RSS = http://www.graphic-euphoria.co.uk/category/wordpress/feed/

http://www.graphic-euphoria.co.uk/category/wordpress/feed/


http://www.graphic-euphoria.co.uk/category/wordpress/feed/rss/


http://www.graphic-euphoria.co.uk/category/wordpress/feed/rss2/


http://www.graphic-euphoria.co.uk/category/wordpress/feed/rdf/


http://www.graphic-euphoria.co.uk/category/wordpress/feed/atom/
That’s it… Done!