Why you should convert to CSSWritten by James Crooke
IntroductionWhat is CSS? - I hear some of you ask. Well, CSS stands for Cascading Style Sheets and they have been around since early 1990's believe it or not. The Wikipedia definition (changed so that it makes sense!) is as follows: CSS (Cascading Style Sheets) is a language that describes presentation form of a structured document. An XML or a HTML based document does not have a set style, but it consists of structured text without style information. How document will look when printed on paper and viewed in a browser or maybe a cellphone is determined by a style sheet. A good way of making a document look consistent and easy to update is by using CSS, which Wikipedia is a good example of. So, why should we use CSS?There are many benefits of utilising CSS on your web pages. Before you skip to disadvantages, I can tell you now that advantages easily outweigh bad points. Below is a short, descriptive list of reasons to make change: Save on bandwidth The more HTML code you use, large file size of page. It doesn't take a genius to work that one out - so most obvious solution is to cut down on amount of HTML (something that Yahoo! might want to consider sometime, probably saving them £100,000's). CSS will certainly help to cut down on amount of code you use, for example, replacing all of your <font> tags (which are now obsolete by way) with simple style declarations. In reducing your file size, you will in turn reduce amount of bandwidth your website consumes each month, hopefully saving you money. Typically, a heavy HTML coded website can measure up to 80KB's in size (without taking images or other media into consideration) - using CSS can cut down file size by approximately 30-40% - a potentially massive saving if your website is popular. To find out how much bandwidth you would save, check out this bandwidth calculator, provided by CJ Website Hosting. Cleaner, clearer looking code Usually, CSS code is written in an external style sheet - you can however, use inline styles. Because of this, not only will your page load faster because a) external files are cached by most browsers and b) a stylesheet loads in unison with your web page - it also makes for much cleaner, clearer code. Still not convinced? Take example below as hard evidence: This code is written without CSS: <table border="0" width="100%" cellpadding="10" cellspacing="0"> <tr> <td> <font face="verdana" size="7" color="#C71585"> <b>Welcome to my website</b> </font> </td> <td align="center"> <font face="verdana" size="7" color="#00FFFF"> My website is entirely written using HTML, nothing else. </font> </td> </tr> </table> You can achieve exactly same result using following CSS... body { font-family:verdana,arial,helvetica; font-size:100%; } h3 { font: bold 140% verdana; color:#C71585; } #content { color: #00FFFF; } ...and following (tiny piece of) HTML code: <h3>Welcome to my website</h3> <div id="content"> My website is written using latest in web technology! </div> Much nicer, I'm sure you'll agree. Easy to update = less time consuming = cheaper to maintain! If you use an external CSS file (which I advise you to do), simply changing style declarations in this one file will allow you to change appearance of your entire website. For instance, in example above, you could quite easily instruct browser to render heading tag to right of page or you could make content wrap at 100 pixels - all by changing CSS. Don't get me started on what you can achieve with bulleted lists! Accessible pages and DDA compliance Visitors who are blind or visually impaired will prefer a CSS designed website far more than one not using CSS. This is due to fact that CSS follows web standards endorsed by World Wide Web Consortium. Because of this, special web browsers (such as text only browsers which read content out-loud to visitor) can interpret content on page.
| | How to Activate The Firefox Live Bookmark Feature on Your SiteWritten by Joe Duchesne
Live Bookmark is Mozilla’s response to offering RSS feeds through their browsers and Firefox in particular. Using this technology, it’s possible for any visitor to your website to add your RSS feed in only two or three steps. Browsing RSS feeds you subscribe to is as easy as looking up a bookmark. Instead of seeing a bookmark though, you get a list of all headlines found on RSS feed you just subscribed to. This feature is really cool.How to Activate Live Bookmark Icon So how do you active live bookmark icon on a Mozilla based browser? Simple, you include following line of text in header of page where you want icon to appear: <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://screamerfeeds.com/feed/" rel="nofollow"&qt; Understanding different parts of <link&qt; statement
|