T he Web pages, which we’ll call collectively, Cycroft.com or simply, Cycroft, were designed and authored by me, Russ Campbell of Burlington, Ontario, Canada. HTML code is original as is the CSS script, on which these pages so heavily rely so I can avoid excessive use of tables, text portrayed with .gif or .jpg images and other similar layout techniques.
This is about the tenth version of my home page going back to my original Cyberspace Homestead and IT4Biz.com Web sites. Of course, online capabilities have come a long way, and modern sites like Partypoker and Facebook are now able to offer online services which are more advanced than ever. As Web-based technology evolved, I have redesigned to utilize the tremendous amount of flexibility being built into modern browsers. There is only one version of the site, that is, no back-end “tricks” that deliver browser-specific pages.
Cycroft’s Web pages look their best when viewed with the Google Chrome (9.0+) browser with a minimum screen resolution of 1024 × 768 pixels. Since Safari is powered by WebKit, the same layout engine as is used in Google Chrome, Safari should also render these pages well.
I also tested with other common browsers. Firefox/3.5.2 renders well, while, in Microsoft’s Internet Explorer 8 (IE8), some features are ignored. Fortunately, however, many of IE8’s deficiencies are expected to be addressed in IE9, now (Feb. 22, 2011) in beta testing. As a general rule, the newer the browser, the better it will handle this and most other Web sites.
To maximize uniformity of text, I’ve set the Web pages in typefaces (fonts) from the Google Font Directory. Recognizing that some visitors will not have the same fonts as I have on my local Windows PC, I use this technique so that my pages will look consistent from one visitor to the next. Google fonts are &lquo;web safe&rquo; and they’ll be rendered correctly by most modern browsers.
I have used some relatively new techniques which may be of interest to those who design Web pages: full paragraph justification with automatic hyphenation and multiple columns.
By using Hyphenator.js, a Java script published by Google labs, I have automatically — where appropriate — hyphenated words at the end of lines in combination with full line justification to avoid &lquo;ragged rights.&rquo;
I have also used special features available in Google Chrome and Firefox browsers to vertically wrap text from the bottom of one column to the top of the next.
These techniques give Web pages a finished look, much as is seen in paper books, magazines and newspapers. Unfortunately, IE8 and earlier do not support multiple columns.
Thanks for visiting,
All hyperlinks on this page to websites do not constitute a commercial transaction product, service or product to the websites, except where expressly stated.