TomLerendu.com http://tomlerendu.com/ Blog feed for TomLerendu.com Wembas 1.0http://tomlerendu.com/blog/wembas-1-0/

Wembas is a free iPhone app that lets you raise a pet - known as a Wemba - inside your phone! You are in charge of looking after it, this includes feeding, playing with and giving it toys.



Read more
Site to Phone 5.1 and iPhone apphttp://tomlerendu.com/blog/site-to-phone-51-and-iphone-app/Today I updated Site to Phone to 5.1 which includes support for the brand new iPhone application.[/p]

The app lets you view links and text natively on the iPhone without having to view the Site to Phone website, hence load times are much faster. It also supports saving content on Site to Phone directly from within the app, which can be very useful if you want to make a note to view later on your computer.

You can get the app for free in the app store.



Read more
Site to Phone 5http://tomlerendu.com/blog/site-to-phone-5/

Site to Phone was updated to version 5 today, which implements many new features.

Firefox addon - The addon runs on Firefox 4 or above and had all the functionality of the Chrome extension. If you're a Firefox user you can get the addon in the Addon gallery



Read more
How to use HTML 5 speech inputhttp://tomlerendu.com/tutorial/how-to-use-html-5-speech-input/

Getting users to fill in lots of forms can be frustrating so why not use speech to speed up the process? Google has recently implemented HTML 5 speech into its Chrome browser and other browser makers are set to follow.

Speech input

To add speech to an input field use the attribute "x-webkit-speech" as well as "speech" (the official attribute is "speech" but it hasn't been used yet) as shown below.

<input type="text" speech x-webkit-speech />


Read more
How to validate web forms using HTML 5http://tomlerendu.com/tutorial/how-to-validate-web-forms-using-html-5/

HTML 5 provides some new ways of validating user intput, which could save you a lot of time writing javascript code. This guide demonstrates how to do several standard validation checks using only HTML.

Presence check

A presence check is the simplest check to do. Adding the required attribute to a form element will stop the form from submitting until the element has been filled in.

<input type="text" required />
Format check

There are several ways to do a format check. HTML 5 provides some new input types that combined with the required attribute can be used to validate what the user inputs; the new input types are shown below.

<input type="email" required />
<input type="url" required />
<input type="date" required />
<input type="time" required />
<input type="datetime" required />
<input type="datetime-local" required />
<input type="month" required />
<input type="week" required />

But what if there isn't a type for what you want to validate? There's a new pattern attribute that lets you validate using regular expressions. For example the code below could be used to validate country codes (US, UK, AU, etc).

<input type="text" required pattern="[A-Za-z]{2,3}" />

There's a lot more info on using and creating regular expressions at Regular-Expressions.info



Read more
How to do auto predictions on HTML form inputs using the <datalist> elementhttp://tomlerendu.com/tutorial/how-to-do-auto-predictions-on-html-forms-inputs-using-the-datalist-element/

A useful new feature of HTML 5 is the <datalist> element, which lets you add "autocomplete" suggestions to an input field when the user types into it.

Example

Data lists are very simple to use. First simply add the "list" attribute to an existing input field; this specifies which list you want to get data from.

<input type="text" list="listname" />

Next you need to create the actual list. It's made up of a <datalist> tag with nested option tags and has the general syntax as shown below. The <datalist> tag should have an "id" attribute that is the same as the "list" attribute on the input field. The <option> tags should have "value" attributes, which are the autocomplete results that appear when the user starts typing.



Read more