Low End Mac's Design Moves Forward with CSS and XHTML
Dan Knight - 2005.04.25
For eight years we've been editing and designing Low End Mac using Claris Home Page, plain vanilla HTML, and tables for layout. My text editor of choice was BBEdit Lite 4.6, and I used a program called Mizer to compress each page's HTML code so it would load faster.
This was Low End Mac, and we realized that for some of our readers a 14.4k modem was the state of their art. We designed for the lowest common denominator and tried to make sure that our pages looked similar in any browser from the 2.0 era forward - and even that they worked decently on the 512 x 342 display of an SE/30.
That era has come to an end.
Raising Standards
We've been using include files and style sheets for years, and we've done some website automation using PHP and MySQL, but all of the coding has been compatible with the HTML 3.2 or 4.01 Transitional specification.
Now we're moving forward. We're making the transition to XHTML for our page code and also starting to use Cascading Style Sheets (CSS) for page design instead of old fashioned HTML tables. We're still tweaking our page template, but it's coming along nicely. We'll continue using our table design as we make the transition to CSS design.
CSS lets us do some pretty neat things, and we updated our style sheets over a week ago to include things like headers reversed against a darker background bar and to create our new navigation bar at the top of the page. The new design scales pretty nicely, whether you're using a 640 x 480 monitor or something a whole lot bigger.
10 Forward
None of this would have been possible without Style Master, which as a CSS editor with wizards (to help you design things like a navigation bar) and a tutorial that really helps you get a feel for how CSS works.
I've been using TextWrangler 2.0 ever since Bare Bones Software released it as a free product, and it's a worthy successor to BBEdit Lite in every way. And I'm using a wonderful program, Tidy Service, that works as an OS X Service within TextWrangler. Based on HTML Tidy, Tidy Service lets me clean up the HTML in an open page or convert the entire page to XHTML.
That's wonderful. I can take my current pages, tables and all, open them in TextWrangler, select all (cmd-A), and choose "Tidy to XHTML" from the Services list in the application menu. It's not quite perfect - it sometimes forgets to declare the DOCTYPE and sometimes adds a spurious � or two near the end of the file. But those are easy to fix.
Best of all, two of these three programs are free, all of them are OS X native, and I learned enough from Style Master to justify the US$60 price tag.
I'm not quite free of Classic apps. I still use Claris Home Page to write and edit articles for LEM, although I'm sure I'll find a nice replacement some day (Nvu looks very promising). And although I have Photoshop Elements 3.0 and prefer it for photo work, I find my ancient Photoshop 5.5 faster to use, as well as more powerful for creating type with drop shadows.
As for Mizer, it's been retired. While Claris Home Page had the bad habit of adding a lot of spaces to make the source HTML easier to follow and Mizer was great for deleting those spaces, Tidy Service doesn't add those spaces - so there's no need to eliminate them.
Tidy Service also makes pages that are more strictly compliant with standards, so the "unnecessary" quote marks that Mizer eliminated are restored when I Tidy a file. On average, my files were 25% smaller after using Mizer on my Home Page documents, but there's not enough extraneous stuff after Tidy Service does its thing for me to worry about an HTML compression program.
And Backward
XHTML is the next step beyond HTML 4.0, and it's intended to be pretty compatible with older browsers. Likewise, good design using CSS not only creates pages that degrade nicely with older browsers, but it also makes pages more accessible.
On the down side, pages may not work as well in older browsers once we fully implement our CSS design. And iCab really shows its noncompliance. But with 98-99% of our visitors using modern browsers, we figured it was time to make the switch.
We've also changed our color scheme, something we began implementing last week. We're using different shades of blue and a lighter shade of gray, and we've begun updating our site graphics to match, although again it's going to take some time to get everything moved to the new system.
Beyond Hard Coded Pages
After all of that's finished, I should feel confident enough of my CSS and XHTML skills to start moving Low End Mac away from hard coded pages to a publishing system. The one we're hoping to adopt is Drupal, a free content publishing system with a broad user base that still uses .html page calls (wonderful for backwards compatibility) and scales well under heavy loads.
Just like Mac OS X, Low End Mac is always under construction,
and we're always trying to make it a better site for you. We hope
you'll find the changes helpful.
Dan Knight has been using Macs since 1986, sold Macs for several years, supported them for many more years, and has been publishing Low End Mac since April 1997. If you find Dan's articles helpful, please consider making a donation to his tip jar.
Recent Mac Musings
- What Would an $800 MacBook Mean for the Mac mini?, 10.09. If Apple does release an $800 entry-level MacBook next week, the $600 Mac mini is going to look very overpriced.
- Low End Mac Needs Help Moving to Joomla, 10.08. We've settled on Joomla as the content management system that should work very well for Low End Mac, but we're running stuck with templates.
- Mac nano? Brick? How Small Could Apple Make a Mac?, 09.23. The iPhone and iPod touch show how small Apple can make a computer. What if Apple wanted to build a very, very small Macintosh?
- With 10% of the US Notebook Market, Where Will Apple Go Next?, 09.19. Apple increased its share of the North American notebook market by 60% over the past year and moved to fourth place. What can it do for an encore?
- More in the Mac Musings index.
Links for the Day
- Mac of the Day: Umax SuperMac C500, Nov. 1996 - The smallest, least costly Mac clone had two PCI slots.
- List of the Day: Mac Video Group covers digital video hardware and software for Mac users.
- October 11 in LEM history: 99: Kihei revisited - 00: Bring back beige - AT&T proposes extortion - 01: Mimio for the Mac - 02: Of docks and roadblocks - Reasons not to switch - PowerBook G3 repair - 04: Virtual PC 7 puts Windows on your Mac - Modem Magic - 05: Why we oppose any iPod tax - Trash shortcuts - 06: 30 days of old school computing - Firefox and Safari chipping away at Microsoft
Recent Content on Low End Mac
- TruePower Battery Can Run WallStreet PowerBook Past the 5 Hour Mark, Tommy Thomas, Welcome to Macintosh, 10.10. If you have a rugged old PowerBook but its battery is losing capacity, TruePower can give you plenty of time in the field.
- nVidia Inside Next MacBook?, Time for a Mac Netbook, Asus Launched MacBook Air Killer, and More, The 'Book Review, 10.10. Also photo reveals more about MacBook Pro, comparing 16:9 and 16:10 displays, Apple settles suit over faulty iBook and PowerBook adapters, bargain 'Books from $150 to $2,699, and more.
- 30% of iPhone 3G Buyers Switched Carriers, EU Battery Rule May Force iPhone Redesign, and More, iNews Review, 10.10. Also iPhone 3G greatest consumer electronics device ever, track presidential polls on your iPhone, Talking English Dictionary, waterproof armbands, several new iPhone apps, and more.
- Economic Crunch May Slow Mac Sales, a Recycled Cube, ToCA Race Driver 3 for Mac, and More, Mac News Review, 10.10. Also don't buy RAM from Apple, customize your Mac's appearance, MacTribe expanding into print, My Apple Space social networking, and more.
- Best Mac Pro Deals, Low End Mac Deals, 10.10. Used 2.66 GHz 4-core, $1,799; new, $1,949 after rebate; 2.8 4-core, $2,099 shipped; 8-core, $2,599 shipped; 3.0 $3,399 shipped; 3.2, $4,099 shipped.
- Best PowerBook G3 Deals, Low End Mac Deals, 10.10. Used 14" WallStreet G3/266 MHz, $90; Lombard G3/400 MHz, $150; Pismo G3/400 MHz, $300; 500 MHz, $350.
- Best Time Capsule and AirPort Deals, Low End Mac Deals, 10.10. Refurb 500 GB Time Capsule, $249; new, $294; refurb 1 TB, $419; new, $462; AirPort Extreme Card, $39; Base Station, $159; Express, $60.
- Modding Your Old Mac to Make It More Useful, Phil Herlihy, The Usefulness Equation, 10.09. If your old Mac is too slow, too noisy, too plain looking, or has too little room for expansion, you might want to mod it.
- Best iMac G4 Deals, Low End Mac Deals, 10.09. Used 15" 700 MHz CD-RW, $269; 800 Combo, $300; 1 GHz, $390; 17" 1.25 GHz SuperDrive, $400; 20", $529.
- Best 15" MacBook Pro Deals, Low End Mac Deals, 10.09. Used 1.83 GHz Core Duo, $995; 2.16, $1,125; new, 2.2, $1,400 after rebate; refurb 2.4, $1,699; 2.5, $1,999; 2.6, $2,299; rebates on new.
- Best Mac OS X 10.4 'Tiger' Deals, Low End Mac Deals, 10.09. DVD upgrade from 10.3, $75; upgrade bundle with 10.3, $118; full version, $129; family pack, $200; 10-user Server, $350; unlimited, $400.
- The Power of Older Macs, Why Vista Only Sees 3 GB of RAM, Wangwriter Supplies, and More, Charles W. Moore, Miscellaneous Ramblings, 10.08. Also the end of an era as MIT HyperArchive shuts down and another suggestion for profiling Windows computers.
- Migrating My Law Office from Windows to Macintosh, Andrew J Fishkin, Best Tools for the Job, 10.08. By switching to Leopard Server, everyone in the office will be able to move to a Mac - but which ones will best meet their needs?
- Will Apple's iPhone/App Store Tornado Blow Away the Competition?, Tim Nash, Taking Back the Market, 10.08. The iPod, iTunes, and the iTunes Store paved the way for the success of the iPhone and the App Store - and nobody can match that.
- More links in our archive.
