Showing posts from July, 2011

HTML5 input type does not submit name for images

I had some very simple code that worked well in the Chrome web browser, but it did not however work with Internet Explorer or Firefox and didn’t generate any errors. The functionality was simply to pass a parameter (in this case ‘auth’) to a PHP page; once on the page I am simply checking that it is set. I was attempting to do this by attaching the parameter to the image input type but was having no joy. Rather than look at alternative options, this made me curious so I went searching.After a bit of digging, I found that the HTML5 spec requires just the x and y coordinates clicked on for the image to be appended to the form data submitted. After realising this, I changed from using the name/value attributes on on the image input type to using a hidden field and all browsers were happy.In terms of my very simple HTML code, to make it work.Before:      <form action="index.php" method="post">
          <input type="image" src="img/sign-in-wit…

Barcamp Auckland 5

With 300 attendees registered for this year, there were a lot of Web developers, designers, lawyers, investors and others in one place with several un-conference sessions running in parallel at Barcamp Auckland 5.A summary of my interpretation of key points from sessions I attended is below.Write once, run everywhere HTML 5 applicationsSmartBillerHTML 5 based desktop/iPhoneAndroid app. Used jQTouch as a framework; supports Webkit only. jQuery Mobile wasn’t ready at time, but this would be preference if rebuilding (better support). Sync driven from server. Device detection being done adhoc on client & server side. Would use MVC if writing for Mac wraps any website and makes it appear like an application. Need to consider how to handle multiple open windows Check instancecount then “ping” other instance may be an option. Screen size, browser quirks / CSS, Interaction and Default focus needs consideration. c.f. Default focus can launch keypad on mobile devices…

Where do I start?

A simple approach I have found works well when thrown something to look at and unsure of where to start is to focus on what you are trying to achieve and working back from that.I first had this approach shown to me using post-it notes (aka sticky notes) and have used this approach (albeit usually with Visio) many times.The steps to follow are very simple:Write down on a post-it note what the ultimate outcome is. Write down on separate post-it notes for each activity or output required what needs to occur before you can get to the ultimate outcome, and stick this to the left of (1). For each task that is a predecessor of (2), write it down and stick it the left and repeat until you are back far enough that you have a plan of attack. The beauty of post-it notes is that you can’t write much on them, so write just enough in simple terms so that you know what is required (which may be outputs, tasks, workshops or anything else of value). It is also easy to add missing tasks as you go and t…