[Top][All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www/server/standards README.webmastering.html
From: |
Matt Lee |
Subject: |
www/server/standards README.webmastering.html |
Date: |
Wed, 20 Jan 2010 23:06:43 +0000 |
CVSROOT: /web/www
Module name: www
Changes by: Matt Lee <mattl> 10/01/20 23:06:42
Modified files:
server/standards: README.webmastering.html
Log message:
added info on YUI, as per karl's request
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/standards/README.webmastering.html?cvsroot=www&r1=1.99&r2=1.100
Patches:
Index: README.webmastering.html
===================================================================
RCS file: /web/www/www/server/standards/README.webmastering.html,v
retrieving revision 1.99
retrieving revision 1.100
diff -u -b -r1.99 -r1.100
--- README.webmastering.html 22 Nov 2009 17:55:12 -0000 1.99
+++ README.webmastering.html 20 Jan 2010 23:06:39 -0000 1.100
@@ -599,10 +599,48 @@
present, our pages should do an include of
<tt></server/banner.html></tt>, as shown in
<tt></server/standards/boilerplate.html></tt>. This reads
-<tt>/style.css</tt>, which in turn reads <tt>/reset.css</tt> and
-<tt>/layout.css</tt>. Many other CSS files on the site have
-accumulated, but references to them should be replaced with references
-to the current ones.</p>
+<tt>/style.css</tt>, which in turn reads
+<tt>http://static.fsf.org/combo.css (Yahoo's User Interface CSS for <a
+href="http://developer.yahoo.com/yui/reset/">reset</a>, <a
+href="http://developer.yahoo.com/yui/grids/">grids</a>, <a
+href="http://developer.yahoo.com/yui/fonts/">fonts</a> and <a
+href="http://developer.yahoo.com/yui/base/">base</a></tt> plus
+<tt>/layout.css</tt>, which contains gnu.org specific CSS
+formatting. In addition, users of mobile devices (cellphones, music
+players, etc) are sent to <tt>http://static.fsf.org/mini.css</tt>
+instead. This stylesheet is just the YUI reset and base stylesheets,
+as mobile devices typically have minimal need for various fonts and no
+need for fancy layouts.</p>
+
+<p>Historical pages refer to <tt>/gnu.css</tt> which also loads the
+mobile CSS, as these pages are usually very basic, plain pages with
+little or no formatting.</p>
+
+<h3>A little more on Yahoo's User Interface CSS</h3>
+
+<p>YUI is a project of Yahoo (the search engine company) to provide a
+set of standard userfaces for the web. They're licensed under the
+modified BSD-license (3 clause), here's a quick run down of what they do:</p>
+
+<dl>
+ <dt>reset</dt>
+ <dd>As all the major browsers, both free and
+ nonfree are different, reset reverts all their specific default CSS
+ to a very basic level, allowing the developer to provide her own
+ styles, or use a standard library. In our case, we use
+ <b>base</b>.</dd>
+ <dt>grids</dt>
+ <dd>Laying out pages in an
+ attractive way can be tricky using CSS -- YUI provides a mechanism
+ for this that is pretty attractive. Using the <a
+ href="http://developer.yahoo.com/yui/grids/">documentation for
+ grids</a>, or the <a
+ href="http://developer.yahoo.com/yui/grids/builder/">interactive
+ grids builder</a>, the discerning developer can quickly build
+ attractive and functional grid-based layouts, which are the <a
href="http://en.wikipedia.org/wiki/Grid_%28page_layout%29">cornerstone of good
typographical practice</a> without resorting to tables, which is considered <a
href="http://www.w3.org/TR/WCAG10-HTML-TECHS/#tables">a bad practice for
accessibility</a>.</dd>
+ <dt>fonts</dt>
+ <dd>Fonts are also a mess on the web, as many gnu.org developers will tell
you, we have long wrestled with the problem of how gnu.org should handle fonts.
From the original 'no fonts' design, through the many interactions of Matt
Lee's current GNU designs, fonts have been an often-debated problem for the
site. YUI's fonts takes care of this, by use of much testing on the part of
Yahoo.</dd>
+</dl>
<h3 id="announcements">Announcements: directory links, sitemap, home page</h3>
@@ -1209,7 +1247,7 @@
<p>Updated:
<!-- timestamp start -->
-$Date: 2009/11/22 17:55:12 $
+$Date: 2010/01/20 23:06:39 $
<!-- timestamp end -->
</p>
</div>
- www/server/standards README.webmastering.html,
Matt Lee <=