IE6 needs to go, but still at a 25% user-base we must unite to finish it off

Filed under: CSS, Design, HTML, Microsoft, Web Development, Websites — ali @ 1:49 pm

It warms the cockles to see the heart-warming groundswell of support recently for discontinuing support for the fabled, flaky and flawed web browser Internet Explorer 6 with movements like IE6 No More and Hey I.T as well as daily stories from the tech press upping the pressure on web masters and corporate I.T departments to finally put a nail in IE6’s coffin. Now even the mighty Google’s You Tube is putting an end to IE6.

IE 6 is a notoriously unsecure, non-standards compliant internet browser that makes grown-up designers and developers cry into their pillows at night. And worse than the emotional trauma, IE6 often adds extra time (and lines of code) to a development project’s user interface development and testing cycle thereby increasing project cost and degrading end deliverable performance. Clients should hate IE6 too.

We nevertheless must exercise caution in our struggle as despite the technical cognoscenti baying for IE6’s blood, there are still users out there (still above 25% worldwide reported by Net Market Share this month) that prefer the sub-standard experience IE6 brings to surfing the web.

browser-graph

But that’s not quite fair because it is my belief that the vast majority of this body of IE6 users are either those who surf the web for celebrity news only or are locked into doing so by their I.T department.

But let’s not demonize slow I.T departments and throw them to the dogs just yet. There is some truth to the difficulty in these large scale upgrades. In corporate environments there is usually a default set web browser and over time other systems such as the intranet, CRM and so on are developed that take only that browser into account. Thus the web browser becomes entrenched and the job of upgrading becomes a bigger one where all systems must be retested with a newer version. I would probably balk at managing that task too. Perhaps however this difficulty is a promotion in disguise! The hero who dispatches with IE6 in a corporate environment does surely show a certain ballsiness that must end in promotion!

Nevertheless I.T departments must act to protect themselves and their users who will surf the public internet. The continuing decline of IE6 is encouraging however and one day we can all look forward to the panacea of an IE6-less world and we can all start complaining about IE7 ;)

Unite behind IE6 No More

As designers and developers we must now unite to finish off IE6. The IE6 No More initiative provides a very useful snippet of code (implemented on this site) that will detect an IE6 victim and alert them immediately and provide links to newer browsers. Let us unite to finish off IE6.

ie6

Wrapping text in FPDF table cells

Filed under: PHP — ali @ 11:37 am

This article aims to help those who like myself wondered how to make text wrap within a table cell using FPDF to generate a the PDF. A few posts around the web seem to have missed the point that wrapping comes out of the box in FPDF using the MultiCell function. However, it’s just a tiny bit tricky but not prohibitively so. So, this is what we are aiming for - an invoice.

FPDF Invoice

There are 2 examples of wrapping here. Firstly the client address is wrapped, and secondly the first row of the line item data has a wrapped description.

View the PDF here

In both cases the MultiCell in-built function is used. Before I had this solution working I was using the Cell function. In that case, long text simply continued through to the next cell ‘Quantity’. In the case of Cell, you can simply output a series of calls to the function with a cell width and so fourth and the cells will line up against each other on the same line.

When I switched to MultiCell for the first cell of each row only, I found that it would cause all subsequent cells in the same row to wrap to the next line. Therefore my solution was to use the SetXY function to reposition the ‘cursor’ back to where the 2nd cell of the current row would normally be, and then proceed to use Cell calls.

In order to do that it’s a case of marking the current X and Y coordinates of the cursor prior to entering the line item loop and calling SetXY just after the 1st cell MultiCell function call. That solved the line wrapping issue and my text wrapped inside the first cell - great.

The second issue however is that the MultiCell is arbitrarily high depending on the amount of text wrapping going on. I had been provided a static height to my Cell calls as as such they were now out of line with the first column, that is, the text and border lines were all out of sync with the 1st column.

To solve that problem it was a case of grabbing the Y coordinate of the cursor before and immediately after the MultiCell call, finding the difference to ascertain the height of the cell, and then using this to size the height of the remaining Cell calls on the row.

Source Code

Please feel free to download the source code for this article which builds the invoice PDF as described.

The source code is provided as a ZIP file with index.php and InvoicePDF.class.php. You will need to obtain the FPDF library yourself and modify the index.php include file locations.

Best of luck!

Moo - a simple idea done fantastically well

Filed under: Design, Review, Websites — ali @ 9:55 am

Today is very exciting for me (as well as others - National Defence Day in Pakistan, Independence Day in Brazil and Victory Day in Mozambique). But I’m excited because I received my Moo minicards - my roxxor business cards.

Moo is an online printing company that produce a small set of quality eco-friendly products such as minicards, stickerbooks and notecards, and for a great price and fast global delivery.

Moo Minicards Box

The great thing about Moo is that you can upload your photos or (the bit that I like) brilliantly get it to import photos out of your favourite image-related accounts that you may have around the web such as Flickr, Bebo, VOX and more. Or, if you don’t have any images, they have some stuff for you to choose from. They don’t yet do full photo albums but I really hope they do in future.

We decided at roxxor to use Moo Minicards for our business cards. A business card says a lot about the person or company giving it and we felt we wanted to (as Ben likes to say) “eat our own dog food” and demonstrate our awareness and support of excellent web businesses.

My Moo Minicard Front

Moo provides an online editor for entering the information for your card and placing imagery if you are customising it yourself. We chose to download the Photoshop templates for ours but you need not. When you’re happy, you submit your design, pay a good price and just 3 days later you get an exciting little box packed full of cards. Simplicity.

The first thing you’ll notice is their size. This size was typical of “calling cards” back in the day, and are 1/2 the size of a normal business card. Most of the time normal business cards do not use that space and if they do look over-crowded and ugly. The material is best described as a satin finish - that is, not glossy and not matte but just a slight sheen. The thickness is pleasingly thick and together with their size makes bending only possible in one direction.

My Moo Minicard

We chose to make an impact with our brand on the front side of the card, whilst adding limited contact information to the rear. And yet even with this smaller card, it looks fresh and spacious whilst still providing clear brand and enough information.

We highly recommend Moo - it’s one of the more useful companies out there on the web doing a fantastic job of a simple idea - just as business should be.

What Browser Version To Design For

Filed under: CSS, HTML, Web Development — ben @ 12:38 pm

We always try to design things so they are cross browser compatible and that things work and look the same for all user no matter what version or operating system they are using.

We encountered a problem recently with a site not rendering correctly in IE6.0 - of course our dev guys fixed this right up but this inspired me to get some stats on just what browsers folks were using on our clients web sites. I took a peak at the analytics for this across a range of our clients that have significant traffic volumes (in excess of 1M visit per month) and a varied demographic user base across a range of industry sectors (Fashion, Retail and Transport) to make these stats work as ‘real’ averages.

It made interesting reading and I thought you might like to see the results.

ORDER BROWSER PERCENTAGE OF TRAFFIC
1 Internet Explorer 88.58%
a v6.0 57.71%
b v7.0 41.68%
c v5.5 0.37%
2 Firefox 9.00%
a 2.0.0.6 37.79%
b 2.0.0.5 30.91%
c 2.0.0.4 11.84%
d 1.5.0.12 7.97%
e 1.0.7 2.13%
3 Safari 1.91%
4 Opera 0.29%
5 Mozilla 0.08%

Based on this data we have decided to rule out IE5.5 from any design/dev decisions going forwards. Sorry to any of you still using this, but there just aren’t enough of you out there to warrant the additional tests.

Ubuntu 7.04 Server, Int 14 Boot Error

Filed under: Linux, xAMP Stack — ali @ 10:40 pm

Having heard rave reviews of Ubuntu being a real alternative to Windows, I was keen to test this hypothesis out. I downloaded the latest server edition (7.04) and burned the ISO to a CD.

Installation was fine and completed but booting Ubuntu failed at the very start of the boot process just when “Starting …” is shown. The following dump is produced (or similar)

Int 14: CR2 f0000000 err 00000000 EIP c828c384 CS 000000060 flags 00010003
Stack: c007eb0 c83f129b c8371d8c 000000082 c00f7eb9 000f7eb8 00000000 00000000

I’ve read a great many posts about this issue. Suggestions have been made that

  • It’s a dual boot issue
  • It’s a laptop issue
  • It’s a RAID disk issue
  • It’s a video card driver issue
  • It’s a BIOS issue
  • It’s an incompatibility issue with the way the server edition kernel is compiled

Suggestions to fix the issue are also broad ranging from updating BIOS firmware to booting into recovery mode and twiddling with core system files.

Conclusion

If you have found this post hoping for a concrete answer then I don’t have it for you. The problem could be one in the list above or maybe another. Right now, it does not seem Ubuntu has addressed this explicitly despite the number of reports

However, one suggestion did work for me behind which I’ll throw my support.

Install the Ubuntu Alternative Desktop 7.04. This is available on the same Ubuntu download page as the server edition. You have to select the Desktop edition and then a checkbox indicating you want the alternative ISO. It weighs in a couple hundred megabytes heavier, but after installation I booted into Ubuntu no problems.

The server features I wanted; Apache, MySQL, PHP, I have added with XAMPP, though you could probably find the relevant packages in the package manager too.

I’ve been using Ubuntu for about a week now with no problems; wireless, mail, messaging, internet and so far the experience has been good.

Windows Live Writer

Filed under: software — ben @ 10:38 am

Always keen to trial new bits of software I came across Windows Live Writer and figured my first Roxxor Blog post was pretty much the perfect opportunity to test it out.

I find the only time I get to do any blogging is during downtime on the train or while waiting for some other kind of public transport.

I am a fan of any bit of kit that lets me work on something - check it and then publish. I love the Adwords Editor for exactly the same reasons.

This seems pretty good so far, very Office like & easy to use - check it out.

Populate PHP Object Attributes from Database Column Names Dynamically

Filed under: OOP, PHP, Web Development — ali @ 9:27 pm

If you like coding PHP the OOP way then you will often find yourself in the arduous position of needing to populate your object attributes (member variables) from database row data. And you do this again and again and again, and you find it all rather repetitive, which it is. And you don’t fancy looking at an object relational mapping solution for now, but promise yourself you will “Another Time”.

Here it is;

class MyObject {
  function __construct($data = NULL) {
    if ($data) {
      foreach ($data as $ak => $av) {
        eval("\$this->" . $this->db2Camel($ak) . " = '{$av}';");
      }
    }
  }

  function db2Camel($str) {
    $str = strtolower($str);
    $parts = explode('_', $str);
    for ($i = 0; $i < count($parts); $i++) {
      if ($i == 0) {
        $parts[$i] = strtolower($parts[$i]);
      } else {
        $parts[$i] = ucfirst($parts[$i]);
      }
    }
    return implode('', $parts);
  }
}

This code relies on a number of assumptions. These are, but are probably not limited to;

  1. The data parameter to the constructor is an associative array, depicting a row from the database.
  2. That the database column names are lowercase, and separated by underscores, e.g. the_column_name
  3. Your attributes will be in camel casing as governed by the db2Camel function
  4. Your attributes will be public as they do not benefit from an explicit declaration of access scope such as private or protected.
  5. You will access the attributes direct on the object, not through get accessors, e.g. $obj->theAttribute
  6. A programmer would not know the attributes that an object contained from reading the code, they would need to understand the constructor’s function and consult the database column names to infer the attribute names.

If you are happy with all those assumptions, then this code might just prove quite handy in expediating the process of population of PHP object attributes dynamically from a database.

XAMPP on Vista

Filed under: Web Development, Windows Vista, xAMP Stack — ali @ 2:32 pm

Getting XAMPP working on Vista requires 2 things as far as I can see. I tried a fresh 1.6.2 install today but it does not work out of the box. Vista complains only about the Apache web server.

Reading around, I saw developers saying all sorts, such as making copies of the XAMPP folder to ensure Vista had the right permissions, or turning Vista’s User Access Control mechanism off, or installing services from the command line and so on and fourth.

But amongst all these suggestions, only 2 things need to be done to get XAMPP (1.6.2 anyway) working on Vista.

First, don’t forget to run setup_xampp.bat in the XAMPP installation folder.

And secondly, you need a file called msvcp71.dll to reside in the root XAMPP folder. I copied this from my old XP Windows/system32 folder, but you might need to get it elsewhere.

If you do these 2 things, XAMPP should fire up no problem.

Handling HTML Entities in XML Passed to Flash Dynamic Text Fields

Filed under: Flash — ali @ 2:01 pm

Today I had to solve the problem of HTML entities such as &apos; showing their full entity-selves when injected dynamically into dynamic text fields.

The entities originated from an XML input stream fed into the Flash movie.

Quite a few folk out there seem to have developed string search and replace functions, but these are limited by the anticipated characters.

I found a much simpler method was just to set the dynamic text field instance’s .html attribute to true, and then inject the text into the .htmlText rather than the .text attribute. Flash apparantly then displays the characters properly.

And I should add that the dynamic text field in question still has anti-aliasing applied in case any of you are worried that using the html attributes do not support it.

Happy days.