Testing trackbacks on Fleximagically.com

July 18th, 2008 . by polyGeek

Fleximagically.com is an experiment in Flash player Search Engine Optimization ( SEO ). Adobe, Google, and Yahoo recently announced that they now have the capability to index dynamic content inside Flash based websites.

Fleximagically’s experiment is to take a Wordpress blog and create a Flash front end for the user to see. The backend is still the same Wordpress Admin/Dashboard that any other blogger might see.

Even though it’s Flash the browser’s history buttons ( back/forward ) still work. As does deepLinking directly to a post. In fact, unless your right-click on the page you’re likely to not notice that you’re on a website that is all Flash - actually, it’s built with Adobe Flex.

And trackbacks work as well. Here’s a link to a post about the semantic markup that the Flash player can render.


No clicking interface

July 14th, 2008 . by polyGeek

DontClick.it is an interesting exercise in usability experiments. I could see this being useful in an immersive interface where clicking and mouse-overs are combined for quicker interactions.


Put some yum in your tum

July 12th, 2008 . by polyGeek

I like to mix things, like food.

Try this:

  • 1 can of Campbell’s Italian Wedding soup
  • 1 bowl of instant garlic flavored mashed potatoes, I’m sure the real deal would work just as well
  • Drain off - read that as drink - the broth from the soup so you just have the pasta and sausage balls left with a bit of the green stuff.
  • pour in a cup or two of mashed potatoes
  • mix
  • eat

Yum, for about $4 you get a very filling meal quick and easy.


Save as ICO

July 10th, 2008 . by polyGeek

Wouldn’t it be great if Photoshop could save an ICO file? Well, it can with this plugin:

http://www.telegraphics.com.au/sw/#icoformat

Thanks Toby. You got my $5 donation.


CSS vs Tables: Both are winners

July 8th, 2008 . by polyGeek

In response to a post question I’ll give my two cents regarding CSS vs Tables. First let me say that I’ve done quite a lot of UI coding. I’ve coded my own designs and lots of designs from other designers. I’ve also been doing this since before CSS existed.

My impression is that the biggest argument against CSS is, “what happens when a user has a browser that doesn’t support or render CSS correctly.” That was a real concern about 5 years ago but lets face it, today that really can’t be a concern. I think that as coders we feel this compulsion to make our shit work everywhere, all the time. I would urge anyone to resist that urge. There is such a thing as diminishing returns. What’s the point in spending 50% of your time - or more - trying to get something to work right for 5% of your potential audience. (I’m just throwing out numbers here.)

One downside to a pure CSS approach is that it’s not much good at placing things 2000 pixels below the fold. I’ve been to sites that over use CSS and I can tell because I change my default font size to make it easier to read. What happens on these sites is that the text begins to run under or over images and adds. It makes it a bit of a pain to read.

I would simply say use both CSS and Tables. Here’s the general layout I did for a hospital in Manhattan:

For SEO reasons it’s good to get the content as close to the top of the page as possible - I’m talking about the code, not pixels. This may not be the issue it once was but search engine algorithms are changing all the time. I’d say error on the side of caution. Don’t give a spider 200 lines of code to wade through before getting to the meat of the page. In order to accomplish this I made a table with two columns - leftNav/content - and two rows - banner/logo at the top which spanned across the two columns and then the leftNav/content row. You know what I put in the banner and leftNav cells? A transparent.gif. That’s it. So the spider would get to the <body> tag and read: table cell with an image, another table cell with an image, and then the good stuff: content.

At the bottom of the page were <divs> that contained the code for the banner and leftNav. Those divs used absolute positioning to place them at the top of the page. Note: we used images for our leftNav - against my recommendation. If you have text links it might be beneficial to have them closer - code wise - to the top of the page to give the spiders something to eat before the content.

Another reason to use CSS is if you are coding for another designer. I can tell you this: designers design. If they have time on their hands they will tweak their designs. In other words, “designers can’t make up their frakking minds.”

So you can guess the drill: designer gives me a Photoshop file to break out into code. I look at it and judge it to be pretty simple so I hammer away with <tables>. A few days later the designer sends and email with a “tweaked” layout. I look at it and slap my forehead. Yeah, they only moved things around a little but it completely fraks up my table layout. Shit, I should have used CSS.

Moral of the story: when in doubt use CSS as much as possible when there is a chance that the design might change. By my calculations that’s ALWAYS. Think of it this way, God created the earth, et al. and by all accounts he’s a pretty bright guy. And even he redesigned his creation with a flood. So if God had used CSS in the first place then maybe he could have just wiped out the bad parts and kept the good parts. He could have put all the “innocents” animals and children and such in a separate <div> from those mean old humans. Even the humans could have been kept in separate <divs> depending on their . . . okay, I digress. :-)

So, after all this blah, blah, blog what have I said? Lets see: use as much CSS as you can but when you need a <table> use it. There is no layout god out there that will smite you for it.


WordPress CSS

July 7th, 2008 . by polyGeek

You might have noticed that my WordPress theme is my own creation. Or, to be more precise, it’s a vastly edited version of another theme.

I browsed around for a while and tried out about 6-8 different themes. I finally found one that I liked pretty well that had the general layout and components that I wanted. Then I thought to myself, “Self, you’re a web designer/coder. You know plenty of CSS. Just edit this one into something you really like.”

About 10 hours of work later I had something that was roughly viewable. Then, I viewed the page in IE. WTF? I remember the day what the crappyest code would work just fine in IE. I’m not really sure why everything falls apart in IE now but works just fine in FF. I had to bend a few rules here and there to get things to work which unfortunately produces about 25 htmlTidy warnings. Someday when I’m bored maybe I’ll work to clean that up. For now it works.

IE has two main issues with this site. First it doesn’t render PNGs correctly. Second, it’s not getting the CSS right because the entire 3rd column is missing.

The theme that I was working from had an amazingly complex CSS page. I’ve never really used the cascade part of CSS that much. When I have a font that I want to look a certain way I style it just that way with CSS. I usually don’t bother with inheriting styles from the parent container too much aside from styling the and

tags just in case I forgot to add a specific style to some text. The CSS that I started with for this site was cascading from all over the place. Sometimes it would take 5 minutes of searching, editing, refreshing just to change the color of a specific piece of text somewhere.


Point, click, KAAAABOOOOOOOM

July 6th, 2008 . by polyGeek

Sometimes the right place at the right time is only a few feet from the wrong place at the wrong time. This guy was in the former and got a great photograph of lightning.


Proud to be a fan

July 5th, 2008 . by polyGeek

ESPN.com has a nice article on Lute Olson as he prepares for his 24th season as the Wildcats head coach.

It’s easy to be a fan of the Wildcat basketball team. They are always in contention for the Pac-10 championship and many years they are national championship contenders. But the best thing about being a Wildcat fan is that they run a tight program that reflects the integrity of their head coach.

I’m proud to be a fan. Of the team and the man.


Horrible club but not a bad workplace

July 4th, 2008 . by polyGeek

You know, working for the EXG group here at Microsoft - the Xbox guys - is really cool. We have a new product launch in a few days - the Zune player - so we are busy as hell. (Okay, we’re always busy but now we’re just a little bit busier than average.) Anyway, we have a DJ in the cafeteria rockin out, someone said he’s the guy from She Wants Revenge, whoever that is.

On the other hand my Microsoft Exchange Server has been down all day long so I can’t send email. Of course Outlook is too stupid to actually notify me that my outbox was piling up because nothing is going out. Wait, there’s a little-bitty icon in the lower-right that is notifying me that I’m not connected. Yeah, that’s obvious. Like maybe if I had known that from the start I would have walked around the corner and talked to my manager face-to-face instead of waiting for an email response.

But still, we got a DJ. :-)

Addendum # 1 : Hey, they just brought ice-cream and beer to the mix. Still no email though. You think I’d get in trouble for using my Gmail as my work account here? :-)

Addendum #2 : You know what you get after giving a bunch of geeks ice-cream and beer? You get them playing their Arnold Schwarzenegger .wav files at each other. I tossed in some Samuel L. Jacksons and that pretty much brought out the HR police.


HDR Photography tutorial

July 3rd, 2008 . by polyGeek

At the photography blog Backing Winds Winds, Ryan McGinnis has an excellent tutorial on how to use Photoshop to create HDR photos. He also has a nice gallery at flickr.com worth looking at.

I recently had my camera stolen so I can’t do any photography right now. But this type of work is certainly inspiration to get back into the habit of doing photography. If I can break away from Flash/Flex/Apollo long enough.


« Previous Entries