Webomator - Home
 
Tutorials
Retrofuturist's Bookshelf
... at DeviantArt
... at Goodreads


    Subscribe
Add to Technorati Favorites
 

Almost Scientific

Atomic Rockets!

Dark Roasted Blend

Diane Hoeptner

Epicsplosion

Evil Mad Scientist Laboratories

Frederik Pohl

Golden Age Comic Book Stories

Illusionoid

io9 Blog

Laughing Squid

Lots of Robots

Modern Mechanix

Paleo – Future

Ray Gun Revival

Silver Rockets

Starship Sofa

Super Punch

The Retronaut

TOR Blogs

WebUrbanist

 

Archive for the 'Web Development' Category

How you can help me support your mobile device in the Future That Never Was

Saturday, October 8th, 2011

A couple of years ago, when I put together my Retropolis web site, I had no idea that there would be a problem there for users who were using touch sensitive mobile devices. Since I figured that out it has bothered me whenever I’ve had a moment to be bothered.

Mobile Devices in a retro futuristic worldThe problem is that my spiffy dropdown menus scroll down when you pass your mouse over them. This is a really neat thing, for desktops and laptops, while it’s a disaster on those devices that don’t understand the concept of a hovering pointer. Which is every touch device, I’m afraid.

The sorry truth is that I’m sure the main navigation at Retropolis just hasn’t worked for folks who came there with their iPad, their Android or Blackberry smartphone, or one of the countless numbers of other mobile devices.

I may have fixed that today; I can’t be certain (because I’ve got no actual mobile devices to test with*) but it seems sound.

I adopted the logic from a clever Python script. The deal is, you don’t want to have to selectively identify every mobile device in the universe. There are too many; there are more every day; and any bit of Javascript that tries to keep up to date will be as big as a phone book before you know it.

On the other hand, there are very few desktop operating systems. If you check for each of those, almost anything that’s left is a phone or tablet. There are some exceptions – the iPhone and iPad actually include the word "Mac OS" in their user agent strings (curse you, iDevices!) so you need to do a little additional screening to weed that out, as shown in the post above. But on the whole the logic works, so I made up my own little version in Javascript.

At the moment those menus should behave properly whether you’re on a desktop/laptop, or on a mobile device. But like I said I can’t do a lot of testing since at the moment I’m limited to Windows, plus a little user agent spoofing.

The Retropolis web siteSo if you’re using an iPad or an Android tablet, some other tablet, or a smartphone (or even an unusual operating system) you could test that for me by visiting Retropolis and trying to use the dropdown menu below the header on each page.

If you’re using a desktop computer the menus should drop down when you pass your mouse over them. If you’re using a mobile device, you should be able to bring the menu down by clicking on it. That’s all there is to it (I hope!)

You can enter your results in the comments here if you like; I’d like to know what device you used, what browser you used, and how the menus behaved.

What I hate in Safari – when I’m pretending to be an iPad – is that the menus pop down lower than on a desktop. But that’s a lot better than having them fail entirely, isn’t it?

*although I do have a fantastic 1947 Stromberg-Carlson telephone; so, you know, eat your heart out.

Technorati Tags: , , , , , ,

Igor Sez: The Mug-O-Matic ith Online and Ready to Make Mugth, Mathter!

Friday, October 15th, 2010

The Mug-O-Matic
Through the liberal use of lasers, faceted coprolites, sub-aetheric rays, and a 3/8" open end wrench, I’ve now completed the MUG-O-MATIC edition of Cornelius Zappencackler’s Pulp Sci-Fi Title-O-Tron. It’s glowing where it ought to be glowing and it doesn’t make that high-pitched noise that attracted the squirrels any more.

Though I always liked that part, myself.

So you, too, adventurer, can now harness the awesome power that is the Mug-O-Matic: it randomly generates the titles of pulp science fiction stories that don’t exist, but often ought to*, and then it slaps your favorite titles onto coffee mugs, travel mugs, and mugs of other mysterious and malevolent kinds that it were not well to mention here.

Okay, not really: I just got tired of listing them. Fun little toy, though!

*every now and then it manages to re-create a title that does, in fact., exist. Which is even stranger than the thing with the squirrels.

Technorati Tags: , , , , ,

“Choice of the Dragon” game – and its Downloadable Engine

Saturday, May 29th, 2010

I just had some fun playing through a text adventure game called Choice of the Dragon (try it!).

It was created with a system called Choicescript. Choicescript games are free to play on the web, but are also available as iPhone and Android apps. There’s (so far) one more game called Choice of Broadsides.

In a lot of ways these resemble what I’ve done with Thrilling Tales of the Downright Unusual – in fact the basic differences are owed to the two facts that I’m simultaneously developing for the web and for print, and I’m illustrating my story nodes. As it stands the Choicescript games don’t support illustrations but it wouldn’t take much custom Javascript (and/or php) in the page template to fix that. Choicescript allows you to set variables depending on the player’s actions and one of those variables could easily be the URL of an illustration. A little document.write, and you’re there.

If you’re interested in playing with Choicescript – some user-created games get hosted on the choiceofgames site – you can start out with the blog.

Technorati Tags: , , , , ,

The Retropolis Multi-POD Web Site, Part 2: The Tools

Friday, December 11th, 2009

A couple of weeks ago I posted the first in a series of articles about my experiences in putting together a single web site that combines products from several different print-on-demand companies. For a better idea of what I was trying to do, and what I felt the design priorities were, you should have a look at that article.

You’re back? Okay then.

In order to get the basic function of the site working, I used three different solutions from three different sources. I’ll be writing about each of them in detail as we go. For today, let’s start with an overview of those three solutions.

They are CPShop, for Cafepress content; the Zazzle Store Builder (ZSB) for Zazzle content; and myPFStore, for Printfection content. Here’s a basic description of their features.

(more…)

The Retropolis Multi-POD Web Site, Part 1: Design Considerations

Tuesday, November 24th, 2009

The first in a series of articles that describe how I combined products from several different print on demand companies into a single web site at my own domain.

Ray guns are important in web site designThe design of a web site is always about several things, and only one of those things is "making it pretty". In fact the way you make it pretty all depends on the decisions you’ve made about what the purpose of the site will be (often not as obvious as you might think), what the content will be, how the user will find that content, and how the user will understand where he or she is within the site – and then be able to get elsewhere with as few clicks as you can manage.

The answers to those questions determine the framework within which you will make the site pretty. That’s because these answers tell you what you’re designing. If you leap off to figure out what it’s going to look like without answering those questions first you’re going to end up with something that (presumably) looks great, but whether it does the job it needs to do is left completely to chance.

(more…)


art of the retro future
 


   
Webomator - Home Who? Swell Spots