2016年12月13日 星期二

HTML5

Components that may be useful:

<input type=xxx >

interesting input type in form. will have auto checking (i guess?)
  1. tel
  2. url
  3. email
  4. month (will prompt calender)
  5. week
  6. date
  7. time
  8. datetime / datetime-local
  9. number (with increment/decrement button)
  10. range (scroll bar)
  11. color (palette)
  12. file (support drag and drop)

meter e.g. disk usage (Only in Chrome)

<meter min="0" max="1024" value=195">195GB/1T</meter>

progress (Only in Chrome)

<progress max="100" value="50">In progress....</progress>

detail & summary (only in Chrome)

<details>
  <summary>Option</summary>
 <p><label><input type="checkbox" name="cnf">Confirm to send</label></p>
</details>


Use CSS3 for animation

@keyframes animation{
0%{
   color: red;
}
:
50%{...}
}

Web Storage

  var st = window.localStorage;
  st.setItem("name", "value");
  var name = st.getItem("name");
 
  //to remove
  st.removeItem("name");
  st.clear(); //remove all

Indexed Database API (only in Chrome)

Web workers (use to execute background process)

Application cache 

<html manifest="sample.manifest">
in sample.manifest, specify CACHE MANIFEST


沒有留言:

張貼留言