Mac vs. PC - Let The Flame Wars Begin

Vista 5 Comments »

Mac is not better than PC. It’s just different. If you think otherwise you really need to check your sources.

I’ve tried to stay out of the moronic Mac vs. PC debackle as much as I can but a conversation I overheard yesterday finally pushed me over the edge so now I’m not keeping my mouth shut any more:

Here are some facts:

  • Macs are far less stable and secure and far more buggy and prone to crashes than people are willing to admit
  • Windows Vista doesn’t really have any compatibility problems
  • Mac is not the industry standard for video editing
  • There is no discernible difference in workload, efficiency or quality of the end result whether you are on a Mac or a PC
  • The days when Mac was the only platform you should use for digital imaging etc are long gone (as in early 1990’s long gone)
  • The fact that you own an Apple product (iPod, iPhone, iMac, iRack whatever) does not make you cooler, smarter, better or more skilled than anyone else

If you’re a Mac user you are probably running frantically around the house whiping away the foam collecting around your mouth while you look for your Anti-PC-User Emergency Kit. If so just calm down and take a deep breath: I don’t have anything against you nor your choice of operating system - I just don’t like being looked down on or ridiculed by your kind because of my preference, especially when the arguments they present as reasons for using Mac instead of PC are nothing but advertising propaganda from Mr. Jobs and his staff.

What started it all

Anyways, back to my story: We just picked up a large video editing contract which includes working with a large variety of content providers (videographers) and consolidating all their differing content into a cohesive show. Unfortunately the content providers are amateurs who don’t know too much about video editing and especially industry standards when it comes to output. As a result we got a myriad of different formats and compressions that we needed to work with.

Normally this wouldn’t be a problem but because almost all of these videographers work on Final Cut Pro or iMovie and none of them know anything about export or compression other than how to publish videos to YouTube it quickly became a nightmare. You see when you use the click and “it just works” approach promoted by Apple, you get a video format that only works on Macs. This is because it’s quicker to export Mac native formats than to convert the video to an industry standard format like DV/DVCPRO. Unfortunately the videographers are under the impression that Mac is the de facto industry standard and therefore that if the file doesn’t play it is because we are stupid PC users. This couldn’t be farther from the truth:

The industry standard is AVID.

When we tried to explain this issue to the people we are working with we got the following mind-numbing and infuriating response (from a Mac user of course):

The reason it doesn’t work is because you are on a Vista PC. Microsoft doesn’t follow standards and doesn’t work. Switch to a Mac!

Right. I don’t even know where to start with this. First of all, the problem is caused by the videos being encoded using a proprietary Mac codec that is about as non-standard as you can get. In fact the codec only works in Final Cut Pro, nowhere else. And like I said, FCP is not the industry standard. Seccondly Microsoft doesn’t actually make pro video editing software: We use Adobe Premiere CS3. So if there was a problem with the software it would be Adobe’s fault, not Microsoft. Thirdly switching to Mac to solve the problem is about as good advice as telling someone whose tire you just slashed to buy a new car.

Don’t believe everything you hear

At the root of all this bullshit is the ingenious if misleading advertising campaign Apple has been running for the last 15 years claiming that their software “just works” and is far supperior to any other platform. If you go back about two decades, Mac ruled the design world because of it’s supperior graphics handling capabilities. But those days are long gone and today Mac and PC compete on an even playing field in this respect. Case in point: The industry standard for design software is the Adobe Creative Suite which runs identically on both platforms.

Today there are only two real differences between a Mac and every other computer on the planet:

  1. It uses Mac OS
  2. It contains a chip whose sole purpose it is to tell the Mac OS that this is a genuine Mac

In fact Mac OS works fine on any computer as long as you trick it to not look for that chip. But while Microsoft is a software company, Apple is a hardware company and they need to have some way of forcing their customers to buy their hardware so they tie their operating system to their hardware using that chip. That’s why you can run Windows on a Mac but not vice versa. In the real world this would be called monopolization and unfair business practice but for some unknown reason noone has really spoken up about this and tested it in court.

“It just works*”

The Mac slogan “it just works” should come with an asterix:

By “works” we mean that as long as your system is operational it is unlikely to crash. However if it does crash you are likely to loose 100% of your data and the lost data is unrecoverable. Also, we may choose to change our operating system or platform at any time in which case you need to buy all new hardware and software if you want to continue being part of our exclusive club.

Case in point: My friend Anthony has a G4 Mac that he used for video editing. One day his system stopped working. Further investigation showed it was no longer working becuase the logic board was dead. So he took it to the Mac store and asked them to fix it. The guy at the store looked at the computer and told him they no longer support the chipset (Mac had just switched to the new Intel chips) so he would have to switch out the whole logic board to the new chipset. The cost? $2000 (more than the cost of a new Mac). After much back and forth Anthony ended up buying a new iMac instead. But when he got home a new nasty surprise was in store: None of his expensive software worked in his new iMac. A quick call to the store uncovered the unbelieveable answer: With the new chipset comes a whole new operating system that is not compatible with the old software. So he had to go out and buy new versions of his old software just to be able to open his old files.

Now imagine if Microsoft had pulled this kind of crap on their clients.

Vista Sucks

Since it’s release more than 2 yars ago Windows Vista has gotten an incredible ammount of flack from everyone from the tech press to pundits to my grandfather’s best man twice removed. Surprisingly about 99% of this flack is unwarranted nonsense generated by idiots who have never tried the operating system or don’t understand how computers work.

One of the main attacks on Vista is that it isn’t compatible with hardware. I can’t tell you how many times I’ve read articles about how nothing works, how the drivers are full of bugs and that people are downgrading to XP. Well here’s some food for thought:

If the driver doesn’t work it is because the company that made the driver didn’t do a good enough job. And the drivers are made by the hardware manufacturer, not Microsoft!

So when people say their hardware doesn’t work and the drivers are crap and point their fingers at Microsoft they are blaming the wrong company. To put it in perspective think about this: If you bought a headset for your iPhone that said “iPhone Compatible” but didn’t work, who would you blame? The headphone manufacturer of course. It’s the same with driver incompatibility.

People have just gotten too used to blaming Microsoft for everything except Global Warming.

PCs crash all the time

More than anything what kills me is when people tell me that PCs crash all the time. Let me tell you something: I have 6 PCs running everything from Windows ME to Windows Vista Ultimate. In the last 6 years all my PCs combined have crashed maybe 10 times and in almost every case it was either due to hardware failure (mostly dead hard drives) or ill advised experiments at rewriting the registry or bios (aka. me being an idiot). With properly installed hardware and software the Windows platform is incredibly stable. And when something goes wrong it’s easy to find out why and how to fix it.

In answer to this ground breaking CNN worthy news I can hear all my Mac friends yelling “but you’ll get infected by viruses!”. I haven’t had a virus in 10 years. Why? Because I have a $20 router between my home network and the outside world and I don’t download dubious files from the net or my inbox. So here’s my response: I can kill your Mac in 30 seconds flat! And if I do, all your data is unrecoverable. You can’t do that to a PC without a huge magnet or a sledge hammer.

Your choice of Operating System should never define you

What never seizes to amaze me is the willingness of Mac users to let their choice of operating system define them. They seem to think that because they are using a Mac they are somehow better and different from the rest of the computer using world. Which is strange seeing as Mac is the most uniform computer brand out there: You have zero choice when it comes to customizability or identity - everything looks the same. And if you use any of the famed iLife programs the results invariably have that Mac cookie-cutter look. The grim reality is that in the end it is your creativity that matters, not what computer or operating system you use. You can make stunning artwork with a PC form 1993 and total crap with the most high-end Mac available - it’s all up to you.

So here’s the conclusion (forward all hate mail to my summer house at 1 Pennsylvania Avenue):

Macs are great if you don’t want to spend time learning how a computer work or if you want to live a cookie cutter lifestyle. If you want creative input you need to upgrade to 3rd party software such as Adobe’s Creative Suite in which case you can get a far better PC for the same price.

And before you start barfing up that ever popular “Final Cut Pro is vastly supperior to Premiere Pro” crap consider this: The reason Adobe is re-releasing Premiere Pro for Mac is because Mac users are asking for it. And Premiere Pro was designed by the same people that created FCP.

In the end I don’t care what you use. All that matters is what you produce. But don’t tell me you are better than me because you spent more money on your computer. The only thing you show with such a statement is your narrowminded inability to think critically. Sorry, but that’s how the cookie crumbles.

Flame on!

My Book Is Finished (first draft at least)!

My Book, News No Comments »

After two months of grueling work and a lot of brain twisting the final chapter of my 24 chapter masterpiece Sams Teach Yourself Microsoft Expression Web 2 in 24 Hours was submitted to the publisher this afternoon.

From here the next step is author review where my tech editor as well as language specialists, format editors and other people far more versed in the art of book publishing than myself get to pick at every minute detail and tell me that (big shock and surprise) my English is somewhat archaic and I have more spelling errors than a 5 year old on caffeine (actually I’ve already gone over the reviews of the first 6 chapters and they really weren’t that bad).

When author review is done, there is yet another review stage before they finally start cutting down trees to push my carefully crafted words out on the shelves for the tutorial starved public to devour.

If you want a peek behind the curtain, Safari Books have actually published the unedited rough draft of the book on their website.

Now that the worst is over I’ll be gettnig back to writing tutorials and projects for this blog so if everything goes according to plan there should be something up by next week. During the writing of the book I encountered many a strange situation that required some study and eventually a solution and I’ll be sharing the ones that for one reason or another didn’t fit into the book here on the blog.

Twitter Sucks!

News No Comments »

So I went Twitter to tell my friends that I’m watching Björk live from Iceland via a webcast. And what happens? I fill in my username and password in the login page and click Sign In and I get this message:

Deleted!

Your account is being removed. It may still be viewable on twitter.com for up to 24 hours.

You will be able to restore your account for up to six months.

Great. So there’s a bug on their front page that took me to the delete page instead of the login page. I can’t even begin to explain how shitty the programming has to be for this to happen. My God.

And no, I didn’t do anything wrong. This all happened straight from the Twitter front page. Username + password + Log In = Deleted account.

How Expression Web 2 Creates CSS

Expression Web, Tutorials No Comments »

Anna Ullrich just published an excellent article called Who’s Editing Your CSS? explaining how Expression Web 2 handles CSS and why you can trust the program to spit out proper non-bloated code.

If you’ve watched my webcast or read any of my articles you should have an idea of this but Anna’s article is far more thorough than anything else I’ve read.

Oh, by the way Anna: Who is editing your CSS? Your page is broken in Opera ;o)

WordPress Standard Search Widget Not Working

WordPress as CMS 1 Comment »

UPDATE: So it turns out the problem was caused by the Ultimate Tag Warrior plugin. Once deactivated, the search box is now working properly. I’ll drop Christine Davis a line about this problem when I have time.

So my friend Anna starts bugging me about not having a search function on my blog. I believe I used to have one but it must have gotten lost in my constant rearranging of the sidebar. Anyway, I put up the standard WordPress Search widget and figure everything is going to be fine, right? Wrong! For some unknown reason it doesn’t actually generate any results! Very strange.

I don’t really have time to look into this and figure out what on earth is going on: All I can say is that the searchform.php and search.php files are correct. So now I’m all confused and I can’t really find the time to fix the problem.

Hopefully someone smarter than me can tip me off about what is going on. Otherwise I’m going to install a different search widget and just leave it at that.

The Cat’s Out of the Bag: I’m Writing a Book!

Expression Web, My Book, News 2 Comments »

I guess it’s time to announce the worst kept secret of the century: I’m writing a book about Expression Web 2. More specifically it’s called Sams Teach Yourself Microsoft Expression Web 2 in 24 Hours and it is scheduled for release in October this year.

The book is already listed for pre-order on Amazon.com so if you are real eager to get your hands on this literary masterpiece you can put your money in now and set up your lawn chair and tent by the mailbox. Bring food though… October is still some months away.

In writing the book I’ve tried to show not only all the great functionalities of Expression Web 2 but also how you can develop a good work routine that produces consistent results every time. It is bursting with tutorials and demos of how you can achieve the same results with different techniques and it is my sincere hope that it will help budding as well as fully blooming web designers bring some extra panache to their designs.

So if you are wondering why I have pretty much fallen off the face of the earth, now you have the answer: I’m up to my neck in easy-to-understand-but-hard-to-come-up-with tutorials that will give people the skills and know-how to get the most out of this powerful piece of software.

Smart Spam Really isn’t that smart

Web Standards No Comments »

As you can see from the Akismet counter in my sidebar this blog generates an insane amount of spam (the count started in February 2008). For the most part it is the standard crap you always get but lately I’ve started spotting what could only be described as “Smart Spam” - comments clearly generated based on the contents of the pages within this site that almost seem legit. Almost, but not completely.

Case in point: During my daily spam filter read this one caught my eye because it was so bizarre:

make your site legal…

Avoid legal trouble, make your website compliant with the law. It will save you from serious problems. The best part…you can do it in under 60 minutes….

Now clearly my site is legal so the comment is somewhat misdirected. But what I find amusing is the actual wording because it shows how this particular spam bot works. Obviously it spidered my blog and found the word “compliant” somewhere (undoubtedly in an article about standards compliant code) and misinterpreted it to be a reference to the rule of law rather than the rule of the W3C. But the really amusing part is that if you just change a few key words the comment actually starts making sense for web designers:

make your site standards based…

Avoid validation trouble, make your website compliant with web standards. It will save you from serious problems. The best part…you can do it in under 60 minutes….

Much better, no?

Expression Web 2 Webcast June 5th - What do you want to know?

Expression Web, News, Tutorials 2 Comments »

Building Compelling Websites on the Microsoft Platform

I’m doing an Innovation Briefing Webcast about Expression Web 2 for Microsoft this coming Thursday at 11am Pacific Time. Hit the link below to sign up to join in. I don’t know if there’s still more spots for registration but if not, the entire one hour session will be recorded and published in wmv format for download and streaming.

I’m meeting with the Expression Web dev team on the Tuesday before and I haven’t really nailed down what to present at the webcast so if you have any questions or want to see a demo of a specific function or anything like that, please drop me a line and I’ll work it in.

Before you ask: No, I don’t work for Microsoft.

WEBCAST DATE
Thursday June 5, 2008
2:00 PM - 3:00 PM ET
Event ID: 1032350422
Register Now

Speaking at Vancouver Microsoft Innovation Briefing

Expression Web, News No Comments »

Paul from Microsoft approached me a while back about doing a one hour presentation on my work with Expression Web. The session now has a name: “Expression® Web — the powerful, new, professional web editing tool” and it will take place at Microsoft’s Vancouver office this coming Wednesday at 8:30AM. For those of you who can’t make it, Paul and I will also produce a screen cast version of the session which will be available online some time in early June.

Fancy Interactive Pure CSS List Boxes with Hover Effect

CSS, Expression Web, Tutorials 2 Comments »

Box List with hover effect

There was an urgent need to expand the product gallery for the Nature’s Carpet website I built last fall. More specifically they were asking for the ability to easily update and ad new carpets with info and pictures. The info would be fairly minimal (name, product number, some short details) and the most important aspect would be the ability for the visitors to see high quality photos of the carpets as surfed through without having to open new windows etc. In accordance with my new found obsession with standards based code and CSS, I decided that this could be an interesting challenge: Could I make a tableless product gallery with pop-up images triggered by roll-over behaviours and some other fancy effects while still keeping all the info in an unordered list? Well, after some trial and error, the answer is yes. And here’s how it’s done (I actually did all the styling in Expression Web using the Modify Styles functions, but for brevity (and those of you who don’t use Expression Web) I am just going to list out the actual CSS code here):

From idea to reality

One of the challenges with the Nature’s Carpet site is that it will be constantly updated by the company itself. Would be easy if the backend was a CMS, but as of now it’s not so it is done manually. The tricky part was to make the code as fool proof as possible without making the site bland and uninteresting. I had this idea of having each carpet represented by a small rectangle with a thumb nail on top and the name and info underneath. When the visitor hovered over the rectangle, the background colour should change, and when she hovered over the image, a larger one should pop up automatically without having to do anything.

Step 1: Make a list

The most fool proof thing I could think of was a simple unordered list. And that’s easy enough:

<ul>
<li>
<img alt=”Aureg - Bracken” height=”100″ src=”products/dark/thumbs/Aureg%20-%20Bracken%20-9445-38.jpg” width=”150″ />
<h3>Aureg - Bracken</h3>
<p>Berber loop PIle</p>
</li>
</ul>

Problem is an unordered list looks like an unordered list. What I wanted was something that looked like a 3 column table.

Step 2: Wrap the list items in a box

To keep the list styles separate from the rest of the list items in the page, everything needs to be wrapped in a box.I call it showcaseWrapper:

#showcaseWrapper {
}

All the content in each unordered list item should also be wrapped in it’s own box. Since there are several lists, it has to be a class rather than an id:

ul.showcaseList {
padding: 0px;
margin: 0px;
list-style-type : none;
}

This strips away the regular spacing and elements featured in an unordered list. Now the list items themselves:

ul.showcaseList li {

margin: 0 4px 8px 4px;

border: 1px solid #D1CAC2;

width: 165px;

height: 200px;

background: #FFFFFF;

float : left;

display : inline;

}

Pretty straight forward: The margins are used to space the boxes evenly. Each box has a solid grey stroke and a white background. They float to the left and line up side by side rather than on top of each other. Take special note of the “width” and “height” numbers: They are not flexible because I want the items to line up nicely. These values match the content displayed perfectly and fills out the space nicely. Depending on what you want to put inside your boxes, you can change them. I would advice against making the height dynamic because if one box is taller than the rest, the order becomes disorder and the whole thing becomes a big mess.

Step 3: Make a Hover Effect

I also wanted the boxes to react to the mouse hovering over them to give the visitor a more interactive experience. This is surprisingly easy: Just ad a “hover” stage to the list item with some different info like this:

ul.showcaseList li:hover {
margin: 0 4px 8px 4px;
border: 1px solid #D1CAC2;
width: 165px;
height: 200px;
background: #E7E2DE;
float : left;
display : inline;
}

Notice that the only difference is the background colour. You could make it more fancy by using a graphic background and the sliding doors technique like Verlee did. Or you could make the entire list item into a link. The posibilities are endless.

Step 4: Style the Content

Now it’s up to you to style the content as necessary. Since everything is wrapped in the showcaseWrapper id, you can safely style everything within the wrapper without it affecting the rest of your site. Here are a couple of examples:

#showcaseWrapper ul.showcaseList img {
padding: 6px 7px 3px 7px;
}

#showcaseWrapper ul.showcaseList h3 {
margin: 0px 10px 0px 10px;
color: #666666;
display : block;
text-decoration : none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bolder;
font-style: oblique;
text-transform: uppercase;
height: 2.6em;
}

Final HTML Markup

<div id=”showcaseWrapper”>
<ul class=”showcaseList”>
<li>
<img alt=”Aureg - Bracken” height=”100″ src=”products/dark/thumbs/Aureg%20-%20Bracken%20-9445-38.jpg” width=”150″ />
<h3>Aureg - Bracken</h3>
<p>Berber loop PIle </p>
</li>
</ul>
</div>

Final CSS

/* The box that wraps the entire list /*

#showcaseWrapper {
}

/* Styles for text not contained in the lists  */

#showcaseWrapper h2 {
color: #666666;
font-size: 1.2em;
text-transform: uppercase;
margin-left: 5px;
margin-top: 0px;
clear: both;
}

#showcaseWrapper p {
padding : 10px;
clear : both;
}

#showcaseWrapper a {
color: #5F8C00;
}

#showcaseWrapper a:hover, #showcaseWrapper a:focus, #showcaseWrapper a:active {
color: #3D5900;
text-decoration : none;
}

/* The list itself  */

ul.showcaseList {
padding: 0px;
margin: 0px;
list-style-type : none;
}

/* Turning each list item into a box and stacking them sideways */

ul.showcaseList li {
margin: 0 10px 8px 4px;
border: 1px solid #D1CAC2;
width: 165px;
height: 200px;
background: #FFFFFF;
float : left;
display : inline;
}

/* The hover effect for the list box  */

ul.showcaseList li:hover {
margin: 0 4px 8px 4px;
border: 1px solid #D1CAC2;
width: 165px;
height: 200px;
background: #E7E2DE;
float : left;
display : inline;
}

/* Styles inside the list boxes */

#showcaseWrapper ul.showcaseList h3 {
margin: 0px 10px 0px 10px;
color: #666666;
display : block;
text-decoration : none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bolder;
font-style: oblique;
text-transform: uppercase;
height: 2.6em;
}

#showcaseWrapper ul.showcaseList p {
font-size : 0.9em;
padding : 0;
margin: 5px 10px 10px 10px;
}

/* Padding the image */

#showcaseWrapper ul.showcaseList img {
padding: 6px 7px 3px 7px;
}

Here again is the final result. And yes, it validates (provided the client didn’t mess with the html code).