CSS font stacks, developer FAQs & web standards
This page is part of a searchable archive of the Code Style site log. Technical implementation notes that shed light on when, why and how the site has evolved since 2000.
Follow the latest entries to the site log.
Updated the site log with recent entries and corrected various bad links for the CSS3 extension styles article. Also updated various CSS FAQ links to CSS Pointers Group pages and removed others, the site seems to have been abandoned.
Actions: Ask a question about this post, seek clarification or offer a correction.
Added the "At a glance" navigation bar to all custom error pages, properly nested in a LocalNav div. Corrected a semi-colon to a colon in the min-width declaration for the main Content div. Removed a content: none declaration from the reset.css stylesheet, which was causing a validation error, just leaving a content: '' declaration for blockquote and q elements.
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
Actions: Ask a question about this post, seek clarification or offer a correction.
Reduced the font size of Premium class paragraphs in the main body content area to 93% to match those nested in FAQ listings at 84%.
Actions: Ask a question about this post, seek clarification or offer a correction.
Added a server parsed .xjs extension to the Lighttpd configuration for sutured Javascript files and added StandardFunctions.xjs to the standard head include file, a composite of CommonFunctions.js, css3-ExtensionStyles.js and the new EntranceKeywords.js script. Switched the CodeStyleTemplate class to use the new sutured script.
# Exclude extensions that should not be handled by static-file transfer
static-file.exclude-extensions = ( ".shtml", ".php", ".pl", ".cgi", ".xcss", ".xjs" )
cgi.assign = (
".cgi" => "",
".php" => "/bin/php",
".shtml" => "/bin/php",
".pl" => "/bin/perl",
".py" => "/bin/python",
".rb" => "/bin/ruby",
".xcss" => "/bin/php",
".xjs" => "/bin/php"
)
StandardFunctions.xjs
<?php header('Content-Type: application/x-javascript; charset=iso-8859-1'); header('Cache-control: must-revalidate, max-age=604800'); header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 604800) . ' GMT'); ?> <?php @ include($_SERVER['DOCUMENT_ROOT'] . "/scripts/CommonFunctions.js"); ?> <?php @ include($_SERVER['DOCUMENT_ROOT'] . "/scripts/css/css3-ExtensionStyles.js"); ?> <?php @ include($_SERVER['DOCUMENT_ROOT'] . "/scripts/EntranceKeywords.js"); ?>
Applied standard Google Analytics script to all custom error pages.
Adjusted the margin-top value for the URI class tagline paragraph to maintain position when the browser window is resized. With the original percentage value the line moved down when the browser window was widened in Firefox. Also commented out the grid background used for layout testing rather than setting it to an invalid image path.
.URI {
float: left;
clear: none;
width: 44%;
margin-top: 1.6em;
margin-left: 4.2%;
padding-top: 0;
}
Actions: Ask a question about this post, seek clarification or offer a correction.
Wrote a new SQL script to count Windows font survey applet submissions by operating system version, working towards a broader comparison of applet submissions compared with overall site use.
| Count | Operating system |
|---|---|
| 1 | Windows 98 |
| 1 | Windows ME |
| 1 | Windows NT |
| 12 | Windows NT 6.1 (Windows 7) |
| 21 | Windows NT 5.2 (Windows XP) |
| 38 | Windows NT 5.0 (Windows 2000) |
| 266 | Windows NT 6.0 (Windows Vista) |
| 1393 | Windows NT 5.1 (Windows XP) |
Actions: Ask a question about this post, seek clarification or offer a correction.
Added friendly redirects for the Code Style font stacks to the Lighttpd configuration for use in a font survey newsletter: Lucida Sans font stack for body copy, Lucida Sans Typewriter font stack for preformatted code and Palatino font stack for headings. Made minor updates to CSStdFonts.css to correct stack order and formatting.
$HTTP["url"] == "/lucida-sans" { url.redirect = ( "" => "http://www.codestyle.org/servlets/FontStack?stack=Lucida+Sans,Lucida+Grande,Lucida+Sans+Unicode,Lucida,Verdana,Tahoma&generic=sans-serif" ) }
$HTTP["url"] == "/lucida-sans-typewriter" { url.redirect = ( "" => "http://www.codestyle.org/servlets/FontStack?stack=Lucida+Sans+Typewriter,Lucida+Console,DejaVu+Sans+Mono,Bitstream+Vera+Sans+Mono,Consolas,Andale+Mono,Monotype.com,Monaco,Fixed&generic=monospace" ) }
$HTTP["url"] == "/palatino" { url.redirect = ( "" => "http://www.codestyle.org/servlets/FontStack?stack=Bitstream+Charter,URW+Palladio+L,Palatino,Palatino+Linotype,Hoefler+Text,Georgia,Book+Antiqua,Times,Times+New+Roman&generic=serif" ) }
Added Google Analytics code to custom error pages for the Code Style web application.
Actions: Ask a question about this post, seek clarification or offer a correction.
Wrote and published a new CSS3 extension styles article about the Javascript used to apply rounded corners and drop shadows to the new reset grid layout. Created a call to action include and thumbnail image and added entries to the site subject index, site map, table of contents and all relevant index pages. Updated the script itself with a Creative Commons non-commercial attribution share-alike license. Also added a friendly redirect for the article to the Lighttpd configuration.
Latest: Build a better CSS font stack with our font survey results:
Updated "purge spammers" SQL script and font survey archive script to 5 September 2006 to maintain the rolling 3 year span of survey submissions. Updated the UserAgentSQLGenerator script for survey submissions to log recent versions of Firefox.
Saved new TextPad workspaces for the CSS3 extension styles article and Google Analytics code files.
Actions: Ask a question about this post, seek clarification or offer a correction.
The reset grid update lost Google Analytics tracking in most standard HTML pages. Re-arranged tracking code to restore the account ID variable as part of the top bar include in the body, not the head, except for those included in the head of media style sheet test pages. Removed an unnecessary Google Analytics include reference from the foot of various text ad service, sponsored link service and premium content service pages.
Checked in the PSFTP upload script for all Code Style web content and for newsletter form and template upload only.
Actions: Ask a question about this post, seek clarification or offer a correction.
Find technical implementation notes on all aspects of the Code Style site.
For a summary overview, see the annotated site log contents.
