Showing posts with label browsers. Show all posts
Showing posts with label browsers. Show all posts

28 Jun 2010

Work Assistant: Testing resolutions

Not new year resolutions. Just plain old screen resolutions.

Gertrude is staring at the sloppy blinds on the window from her seat in a tenth floor building meditating on the application the team is building for a possibly mass audience.

There are a couple of brilliant utilities available on the internet created by very kind people that would help her QA/tester colleagues test pages on different screen resolutions in increasing order of easiness to set up, but in reducing order of control.

1) The Web developer plugin for firefox. Install as you would any plugin for firefox. Techies would take more kindly to it for tailoring screen resolutions. And for a heap of other things as well.


2) A website called Viewlike that works like a charm. You can instantly see what your application would look like on an iPhone, a Wii browser and a range of resolutions between 800 x 600 and 1920 x 2000.


Morris, her imaginative colleague wishes that this could work on any virtual browser. Kit, the person on the other corner, however is simply thrilled that this works on an internally hosted application.

(Post script: Gertrude finds on more searching that there are indeed many more sites that offer this feature - test website resolutiontestsize, markhorrell, chrome extensions etc etc. But these above two remain her favourites visually)

26 Apr 2010

Hyper on names, harping on networks and hyping up misnomers

Perhaps it was Sir David Attenborough who had once said that human beings like classifying, organising and naming things around them. Species. Pets. Places. Diseases.

Gertrude contemplates that this is also true in the abstract kingdom of software and technology. Here, distinctly shaped machines, wires, plastic and metal have been labelled, aliased and branded. Untouched spaces, unseen procesess and unheard instructions have been honoured with what are now household names.

People of all ages adopt it rather willingly; learn new jargon, acquire new computer related hobbies and even use their extremities in hitherto unfamiliar finger acrobatics with varying degrees of skill.

All good. Gertrude is fairly amiable to such activity. She was preoccupied all of last evening understanding three letters. www.  Then she realised she must first understand the word Internet. The mass of cables that holds together people around the world with information at each end of the wires. The universe's electronic alter ego. Alter e-go, to be more catchy.

In the real world, people talk to one another over phone, by letters or in person.  The internet is a lot like that. Each method of reaching out is roughly the equivalent of a network, Gertrude reasoned. So there is etiquette, rules and even tools involved in each of these networks. All of these networks, the cables, the satellites, the attached devices and the rules, make up the internet. Not surprisingly, the networks, the cables, the satellites, the  attached devices and the rules - all have names.

Gertrude has heard people say web to mean the all of the internet. She would like to tell them that the (world wide) web is the name given to only one of its networks. The internals of the web, where people visit ebay or facebook, are different to the internals of the POP network where electronic letters are exchanged. Networks may cross each other's paths. Like when Gertrude uses the web to go to gmail and then it uses POP to send the emails to someone else. The web might still be the most frequently used network in the internet.

Within a network, each of its component has a name. The massive computers whirring away in the corners of cyberspace supplying the pages or masses of data are called servers. In increasing order of cleverness, the names of devices that direct the data to their homes are hubs, switches and routers. Cables made of copper wire, aluminium wires or even glass fibre carry the data. They are named twister pair, coaxial and optical fibre in that order. There are probably names for data-carrying invisible satellites in ether whose names Gertrude isn't sure of. She knows bluetooth can carry data wirelessly over a short distance.

Data now arrives at the client computer that asked for the data.  The computers who want to send or receive data from others of their species must have a special bone in their bodies called a network card. These network cards have a unique serial number called a MAC Address tattooed in them. Gertrude is fairly sure that the IEEE and the makers of the network cards who are responsible for this are not likely to run out of large numbers any time soon.

A lot of the data on the world wide web is indexed and labelled and categorised so it can be easily be shown to people looking for them. Spider is the name given to little programs suitable for crawling all over the web and trawling for information sitting on servers. So people take trouble to make their data extra-clear to the spiders. The spiders come back with data about the information to another program called the search engine which classifies and organises this data about the data. To go completely the other way round, it is also possible to hide some pages from search engines. There is a chowkidar-like program named firewall to scrutinise the data between networks to see if it can pass through or not.

So people only need to remember the address of the search engine. The address is called a URL. Not even the most technical of her colleagues think of it as a universal resource locator. Humbug! Its a rather ambitious name.

The URL is typed into a browser. A browser understands the meaning of URLs depending on where you type it in. The URL has a lot of dots separated by words. A URL takes you where you want to go. Gertrude smiles at the verbs - for the internet -  which have a lot to do with  reaching out - navigate, surf, browse and address.

An address proves that a computer exists in the network. This address is a number called an IP address. IP addresses are three dots surrounded by numbers. This is quite different to a MAC address which is physically inscribed inside the heart of a computer. The IP address is a concept. Fickle. Not as committed as a post code. Someone responsible invents this address.

Clients have IP addresses. Servers have IP addresses. The responsible person is a domain name registrar whose sole profession is devoted to naming or numbering. This person or organisation would need to be authorised by ICANN, a superior group of people who assign names and numbers.

Clients may have a different IP address each time they connect to a network. It would be rather inconvenient if servers did. So servers get given a fixed IP address. Trouble is, there may be many servers who provide data on the same thing say, google. What we know as google might actually be a colony of computers with different IP addresses cloaked under a more endearing name.

To prove this, on her little old PC, Gertrude does Start > Run > CMD and then types: ping www.google.com. And she sees an IP address. Then she does the same thing a bit later. Sure enough, a different IP address appears.


So www.google.com is a domain name. The dot com is rather like a surname you cannot get rid of! The ICANN people have a list of close to 300 surnames for domain names which include country codes dot co dot uk and the old fashioned dot com,  dot org and the like. It is exploiting Libya's and USA's country code that unorthodox names like bit.ly, and del.icio.us have flourished.

The surname is a top level domain name. Stuff to the left of it is called a second level domain name. Stuff to the left of that is the third level domain. This can go on for a hundred and twenty seven levels. A most remarkable prime number to be chosen. 127 is 20 + 21 + 22 + 23 + 24 + 25 + 26

A top level domain name usually won't usually be a physical computer on the network. It is only the second level onwards that there are actually computers available for entertainment. At this level and beyond, they are called hostnames.

Gertrude was just talking to Charlie yesterday who visited a place in Angelesey in North Wales to spend time in a caravan. The place is llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogochuchaf. Now thankfully, the ICANN people allow domain names at each level to be up to 63 letters. She wonders if 63 is 1 bit short of 8 bytes (8 times 8 bits is 64 bits is 8 bytes). with the one 1 bit reserved for something secretive. Or just plain superstition. However, in all, a domain name can be 253 letters long. Presumably, this includes the  many dots and the surnames.

Within a domain, there are heaps of structured and categorised pages waiting to be opened and read. Each of these pages has an address too called a URL - carefully named and decorated so that search engines spiders can find them easily. Some pages have ghastly names. Gertrude does not want to name and shame anyone right now. So no examples. But some of them have beautifully crafted ones. Like in the online version of the guardian.

Gertrude has a carefully nurtured grouse against things like tinyurl.com and twitter, which force people to cram and zip these ornamental URLs into encrypted unsightliness causing people to get afraid of them and ban shrunken URLs and for other people to invent things like untiny.com to unshrink the URLs.


When you type the URL in the browser and hit enter, it is called a request to the server, as opposed to an order or an instruction to it. So if Gertrude only types in facebook.com, the browser  automatically sticks the http://www. This is because stuff that is accessed through a browser usually is on the world wide web. Naturally it follows the rules of the web. The  www - dub dub dub - stands for the web. The http stands for the rules of the web. Hypertext Transfer Protocol. Wait a second. Shouldn't it be hmtp://www - as in Hypermedia Transfer Protocol?

18 Jun 2009

Searchenginitis may have a cure

It is a disease. Gertrude is still trying to pit one search engine against the other until she cannot cope with herself any more. She is gripped. She searches the net for search engine search comparisons and ends up with many sites that help her sustain her delirium.
  • Blind Search comparing and voting for results from Yahoo, Google and Bing without the familiar ambience of the search banner, font and logo
For Google Vs Bing
Introducing firefox and Wolfram

Then there is Yahoo Vs Google from
Veering away now: What is Yahoo!7, anyone? There seems to be, from Yahoo!7, a search engine called Alpha which has been in the Beta state. It comes up with classified search results arranged in quadrilaterals in the periphery of the main results.

With all the three big (or should she say b.y.g.) names , add a fourth one to compare using:
  • Mixxr. Which throws Twitter in as a contender
Supposedly visual is..
  • Langreiter. A slightly incomprehensible join-the-dots-like comparison of Yahoo and Google

GoScout itself a search engine, it compares results using a medley of search engine comparisons with names of ancestors - like Lycos and Ask - she had heard of in the far past as a teenager.

And, a Google Bing amalgam (which sounds a bit disturbing?)
  • Bingle. which doesn't need much elaboration.

Collecta! A search engine for now. The use-and-throw result set. What is hot off the press. Turns stale later. That is a whole other topic, Gertrude decides. She is exhausted as she comes across an unwieldy search attribute comparison tool from google called Google Squared. This time she is away by a few degrees from the Semantic Web. Isn't she?

13 Jun 2009

Work Assistant: The camera crew

Gertrude is undecided about which tool to use. She needs to design a modified version of the existing screens in the application they are about to build. She also needs to record an error on the screen that happened after a few taps and clicks.

There is a plethora of tools to pick from. Each name rolls off the tongue quite differently.

Happily enough Gertrude's first option, Fireshot a Firefox add-on, works on Internet Explorer as well! For free. Fireshot takes still pictures. It has a very easy to use set of options for image-screen-window copy-paste-edit-email-upload. The blur and the glow features for edit are significantly likeable.

The Fireshot Pro version has additional printing and usability benefits.

The only tiny flaw: although it says it can capture screenshots with Flash movies, it ends up restarting the movie in progress and therefore this image captured is never satisfactory to Gertrude. It could well be a case of PEBCAK (problem exists between chair and keyboard), but she won't admit it.

Aviary has a handful of tools for image editing. They are named after splendid birds like the Toucan and Phoenix. Talon seems to be the firefox extension for the screen shot part. At first glance it seems to insist on getting a user account, but it turned out to be a suggestion, not a constraint.

When she chooses to edit, it opens Aviary's own set of in-browser tools. They take a few seconds to open up, but they are honestly very very grand. Much joy in annotating, pinching, resizing and viewing the image and the modifications as 'layers'. Gertrude has to remind herself that all of this was happening in the browser!

SnagIt is a paid-for tool from Techsmith with a 30 day evaluation license. Images can be tagged as a bug, important, personal and so on. The tags acquire meaning only when viewed within SnagIt's editor. All the annotation and highlight features are crisp and bold. The interface seems very straightforward. And it happily works on any kind of application - browser or non-browser! Remarkably,when she hits the Print Screen key with the right-click menu displayed, she can easily take snapshots of the menu options!

It can even record videos. Sadly, the experimental one turns out a bit grainy.

Another tool, Screengrab does exactly like the name says - helps copy and save portions of the screen. It is a firefox extension. Even without an email or edit feature, Gertrude finds it pretty functional and immediately useful.

On a small detour: Picnik is not strictly a work assistant, but it delights Gertrude immensely with what it can do to photographs! It is very mentionable! The interface is marvellous and Gertrude marvelled. Even when it is starts up, instead of the stiff status bar filling "Loading ...23%" type messages she sees adorable text like "Painting Sky", "Growing grass" .... ooh!

Techsmith has another treasure. Jing, Gertrude spells out the name in disbelief. It is a desktop application that perches on the top of her screen like a twenty-watt-bulb. It can capture images. The screencast it creates can be described as superlative. It tempts her to say that old-fashioned text-heavy defect reports should be banished where possible and replaced with these easy swf replays from Jing. And the best thing is that it is all free! Wonder what the Pro-version can do!

At least one decision is made. Gertrude urgently needs to get over the habit of Alt+Print Screen > (Start > Run > MsPaint) > Ctrl+V.