Skip to main content

Home/ HTML5 development/ Group items tagged mobile

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Alfred Waizenauer

Pyxis Mobile - 0 views

pyxismobile.com/Home.aspx

mobile ios android

shared by Alfred Waizenauer on 13 Oct 10 - No Cached
  • Alfred Waizenauer on 13 Oct 10
     
    Entwicklungsumgebung
Alfred Waizenauer

Jo HTML5 Mobile App Framework - 0 views

joapp.com

html5 framework mobile

shared by Alfred Waizenauer on 12 Oct 10 - No Cached
  • Alfred Waizenauer on 12 Oct 10
     
    Cross plattform html5
Vernon Fowler

HTML5 forms input types | HTML5 Doctor - 0 views

html5doctor.com/html5-forms-input-types

html HTML5 forms input data types browser mobile

shared by Vernon Fowler on 05 Mar 13 - No Cached
  • Once more, the iPhone recognises type="tel", only this time it goes one step further and completely changes the keyboard to the standard phone keyboard, as shown on the left in Figure 6. In addition to the iPhone, some Android devices (such as HTC Desire, shown on the right in Figure 6) also display a numeric keyboard for type="tel". That’s pretty handy, don’t you think? Nice, big keys for entering a phone number help you to get that big, nasty form completed quickly.
  • In contrast to Opera’s implementation, the iPhone (Figure 8) and some Android devices (such as HTC Desire, shown on the right in Figure 6-13) simply render the field as a standard text box but optimize the keyboard for easy input.
  • Chris’ technique may soon become absolete though with the introduction of the inputmode attribute. The attribute, recently added to the specification will allow users to specify the type of input mechanism that is most useful for users. When implemented, you will be able to choose between numeric, latin, email, or kana input modes.
  • ...3 more annotations...
  • To make the iPhone render with the standard telephone keypad as we saw for type="text" Chris Coyier, of CSS Tricks devised a little hoax you can use. Rather than using type=”number”, use a standard type="text" input and add a pattern attribute that accepts only numbers, as shown below. This solution isn’t ideal but if you think it could be useful, Chris has put a short video together showing it in action. <input type="text" pattern="[0-9]*" name="shoe-size">
  • There are dedicated keys for the @ and . characters to help you complete the field more efficiently. As we discussed with type="search", there is no downside to using type="email" right now. If a browser doesn’t support it, it will degrade to type="text". And in some browsers, users will get a helping hand.
  • The url input type, as you might expect, is for web addresses. You can use the multiple attribute to enter more than one URL. Like type="email", a browser will carry out simple validation on these fields and present an error message on form submission. This is likely to include looking for forward slashes, periods, and spaces, and possibly detecting a valid top-level domain (such as .com or .co.uk). Use the url input type like so: <input type="url" name="url" required>
Vernon Fowler

Initializr - Start an HTML5 Boilerplate project in 15 seconds! - 0 views

www.initializr.com

template generator 404 robots txt favicon htaccess Modernizr minify responsive bootstrap HTML5 jquery mobile javascript html web webdesign

shared by Vernon Fowler on 12 Mar 13 - No Cached
  • Vernon Fowler on 12 Mar 13
     
    "Initializr is here to kick-start the development of your new projects. It generates templates based on HTML5 Boilerplate by allowing you to choose which parts you want or don't want from it. A responsive template has also been added to start from a basic design instead of a blank page."
Vernon Fowler

15 HTML5 tutorials which will make you a wow designer - 0 views

www.ahrefmagazine.com/...h-will-make-you-a-wow-designer

HTML5 WebDesigner html tutorials reference mobile browser forms section semantic markup

shared by Vernon Fowler on 11 May 13 - No Cached
  • Vernon Fowler on 11 May 13
     
    #HTML5 Tutorials That Every #WebDesigner Should See http://t.co/k1Xh4VEO @ahrefmag
Vernon Fowler

HTML5 Please - Use the new and shiny responsibly - 1 views

html5please.us

reference html support HTML5 browsers mobile css javascript css3

shared by Vernon Fowler on 23 Jan 12 - No Cached
  • Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
  • Vernon Fowler on 23 Jan 12
     
    Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them - with polyfills, fallbacks or as they are.
1 - 20 of 22 Next ›
Showing 20▼ items per page