subject: The Good, The Bad, And The Ugly of Style Sheet Languages by:Margarette Mcbride [print this page] Because of the continuous innovation in web design and development techniques and styles, several languages or tools have been introduced so as to make it easier for web designers and developers to create and maintain a website. Such tool includes the use of WYSIWYG tools such as the popular Adobe Dreamweaver (formerly known as Macromedia Dreamweaver) and Adobe Flash (formerly known as Macromedia Flash). Other tools include the use of Microsoft Silverlight (which is said to work the same way as Adobe Flash) and JavaFX.
Web developing tools such as PHP and Java are now considered as some of the growing side-server languages used for web development. But aside from these languages used by web developers, and tools usually utilized by web designers, the use of Style Sheet languages became in-demand throughout the market. This is because of its several functions usually isn't possible in other web development tools and languages.
Style Sheet Languages
Web style sheets are a form of separation of presentation and content for web design in which the markup (i.e., HTML or XHTML) of a webpage contains the page's semantic content and structure, but does not define its visual layout (style). Instead, the style is defined in an external stylesheet file using a language such as CSS or XSL. This design approach is identified as a "separation" because it largely supersedes the antecedent methodology in which a page's markup defined both style and structure.
The Good
Separation of style and content has many benefits, but has only become practical in recent years due to improvements in popular web browsers' CSS implementations. Advantages usually associated with the use of style sheet languages are as follows:
Speed
Overall, users experience of a site utilising style sheets will generally be quicker than sites that don't use the technology. 'Overall' as the first page will probably load more slowly - because the style sheet AND the content will need to be transferred. According to Web design Philippines specialists, subsequent pages will load faster because no style information will need to be downloaded - the CSS file will already be in the browser's cache.
Maintainability
Holding all the presentation styles in one file significantly reduces maintenance time and reduces the chance of human errors, thereby improving presentation consistency. For example, the font color associated with a type of text element may be specified and therefore easily modified throughout an entire website simply by changing one short string of characters in a single file. The alternate approach, using styles embedded in each individual page, would require a cumbersome, time consuming, and error-prone edit of every file.
Accessibility
Sites that use CSS with either XHTML or HTML are easier to tweak so that they appear extremely similar in different browsers. Sites using CSS "degrade gracefully" in browsers unable to display graphical content, such as Lynx, or those so very old that they cannot use CSS. Browsers ignore CSS that they do not understand, such as CSS 3 statements. This enables a wide variety of user agents to be able to access the content of a site even if they cannot render the stylesheet or are not designed with graphical capability in mind. For example, a browser using a refreshable braille display for output could disregard layout information entirely, and the user would still have access to all page content.
Customization
If a page's layout information is all stored externally, a user can decide to disable the layout information entirely, leaving the site's bare content still in a readable form. Site authors may also offer multiple stylesheets, which can be used to completely change the appearance of the site without altering any of its content. According to Web design Philippines professionals, most modern web browsers also allow the user to define their own stylesheet, which can include rules that override the author's layout rules. This allows users, for example, to bold every hyperlink on every page they visit.
Consistency
Because the semantic file contains only the meanings an author intends to convey, the styling of the various elements of the document's content is very consistent. For example, headings, emphasized text, lists and mathematical expressions all receive consistently applied style properties from the external stylesheet. Authors need not concern themselves with the style properties at the time of composition. These presentational details can be deferred until the moment of presentation.
Portability
The deferment of presentational details until the time of presentation means that a document can be easily re-purposed for an entirely different presentation medium with merely the application of a new stylesheet already prepared for the new medium and consistent with elemental or structural vocabulary of the semantic document. A carefully authored document for a web page can easily be printed to a hard-bound volume complete with headers and footers, page numbers and a generated table of contents simply by applying a new stylesheet.
Disadvantage of the use of style sheet languages
Complexity
One of the practical problems is the lack of proper support for style languages in major browsers. Typical web page layouts call for some tabular presentation of the major parts of the page such as menu navigation columns and header bars, navigation tabs, and so on. However, deficient support for CSS and XSL in major browsers forces authors to code these tables within their content rather than applying a tabular style to the content from the accompanying stylesheet.
Adaptation
While the style specifications are quite mature and still maturing, the software tools have been slow to adapt. According to a number of Web design Philippines specialists that use such languages, most of the major web development tools still embrace a mixed presentation-content model. So authors and designers looking for GUI based tools for their work find it difficult to follow the semantic web method. In addition to GUI tools, shared repositories for generalized stylesheets would probably aid adoption of these methods.Visit http://www.myoptimind.com for more info.
About the author
Margarette Mcbride is a copywriter of Optimind Web Design and SEO, a web design and seo company in the Philippines. Optimind specializes in building and promoting websites that are designed for conversion..
