Post by David Friedman Post by Philip Chee Post by David Harmon
On Fri, 31 May 2013 12:08:00 -0700 in rec.arts.sf.fandom, David
Post by David Friedman
I've occasionally had people offer to upgrade my web site, which
averages two or three thousand visitors a day, and which was written by
me long ago using some combination of an old WYSIWYG HTML editor and
hand coding. I'm not looking for a job writing software or web stuff--my
only interest is making stuff, mostly things I've written, available for
people to read.
How much difference does CSS, or any of the other developments in the
decade+ since I created by site, make from that standpoint?
None at all.
The current best practices say that any purely presentational elements
of a webpage should go into CSS leaving semantics to HTML markup.
Example: <bold> and <italics> should be removed and replaced by CSS. On
the other hand <strong> should be used in HTML.
Why does that matter?
CSS helps you to keep the information content of a document separate
from the details of how to display it. The details of how to display the
document are known as its style. You keep the style separate from the
content so that you can:
* Avoid duplication
* Make maintenance easier
* Use the same content with different styles for different purposes
Style sheets exist, above all, to enable the following principle to be
put into practice.
Web pages should separate content from appearance.
As a developer this means that the information in your web site should
go into your HTML files, but HTML files should not contain information
about how that information is displayed. And you've probably guessed by
now that information about how the pages should appear goes into CSS files.
You might wonder what advantages this conveys. Why go to all of this
trouble? Just a couple of advantages might give you an idea about why
this approach has long been considered beneficial in areas of document
management that have been around a lot longer than the world wide web.
Why Use CSS in Website Design
why use css in web design
We are often asked by our web design clients about “that word we always
use, is it CFS, CIS, CBS?” Of course the client is referring to
Cascading Style Sheets, or CSS. Before we can explain why we think the
use of CSS in website design is so important, let us give you some
background about CSS.
CSS is an extremely powerful style sheet language which is used to
control the look and feel of the content written in HTML. So what does
this mean? It means that if we have a website element, let’s say a
“title”, and we want to make the text size “20px”, the color “black”,
and the padding around it “10px”, we would use CSS to control the look
of our element.
OK, so what’s so great about that you ask? Here are several reasons why
everyone should use CSS in web design:
CSS Provides Efficiency in Design and Updates
With CSS, we are able to create rules, and apply those rules to many
elements within the website. This approach offers many advantages when
site-wide changes are required by a client. Since the content is
completely separated from the design, we can make those changes in our
Style Sheet and have it effect every applicable instance.
CSS Use Can Lead To Faster Page Downloads
Since rules are only downloaded once by the browser, then are cached and
used for each page load, the use of CSS can lead to lighter page loads,
and improved performance. This contributes to lighter server load and
lower requirements, which overall saves money for our clients.
And last but not least, yes, using CSS in your web pages will support
the international efforts being made (ostensibly) to clean up the
internet by promoting so-called 'semantic markup' or web pages created
using just structural HTML elements and attributes. All the
presentational HTML elements and attributes should be replaced with CSS.
The idea here is that HTML elements and attributes should define only
how a web page is structured (e.g., this is a paragraph, this is a list
item, this is a table defining genuine tabular data instead of page
layout). All HTML elements and attributes normally used for presentation
(e.g., this is Times New Roman font, this is red, this is aligned to the
left) should be relegated to CSS.
Then, since different style sheets can be applied to the same web page
depending on the circumstances, the web page becomes much more versatile
and becomes more accessible to different mediums such as small screen
devices, print devices, voice browsers and so on and so forth.
Philip Chee <***@aleytys.pc.my>, <***@gmail.com>
Guard us from the she-wolf and the wolf, and guard us from the thief,
oh Night, and so be good for us to pass.