- Slide 1
Sites that use CSS with either XHTML or HTML are easier to tweak, so that they appear similar in different browsers.
Sites using CSS 'degrade gracefully' in browsers unable to display graphical content. Browsers ignore CSS that they don't 'understand', such as CSS 3 statements. This enables a wide variety of user agents to access the content of a site even if they can't render the stylesheet or aren't 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.
Sites that use CSS with either XHTML or HTML are easier to tweak, so that they appear similar in different browsers.
Sites using CSS 'degrade gracefully' in browsers unable to display graphical content. Browsers ignore CSS that they don't 'understand', such as CSS 3 statements. This enables a wide variety of user agents to access the content of a site even if they can't render the stylesheet or aren't 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.
Because the semantic file contains the meaning 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.
A single change to the CSS stylesheet file can apply to the entire site.
Changes to site appearance - being cheaper, easier, faster - are more likely to happen. Sites are less likely to become stale - this also means that a single change can 'break' the site's appearance, and hence designers must keep multiple backups of the CSS file.
The XHTML or HTML pages are primarily made up of content, so editing those files is less likely to 'break' the appearance of the site. Pages using CSS to store layout information are also easier to update: if the content is properly marked up, no new layout information needs to be added in order for the new content to be consistent with the existing one.
The deferment of presentational details until the last stages means that a document can be easily re-purposed for an entirely different medium, with merely the application of a new stylesheet 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.
Responsive Design
Instead of attempting to target a niche audience with separate sites optimised for mobile, TV, or print media, use CSS3 media queries to adapt the output according to the users screen width. For example:
@media screen and (max-width: 1024px) {#wrapper {
margin: 0 auto;
width: 95%;
}
HTML5 canvas test
Reply
