freehtml5.co
html5up.net
markups.io
onepagelove
記錄用
2018年10月11日 星期四
2015年6月3日 星期三
2013年9月29日 星期日
2013年8月20日 星期二
Html5 語音輸入功能
下午試一下語音輸入語法如下
<input type="text" name="text" placeholder="請輸入" id="text" x-webkit-speech x-webkit-grammar="bUIltin:search" />
但需要webkit的瀏覽器才有
chrome才會出現
剛測試結果只有電腦版的chrome才會有
如果用手機的不會出現
我在想可能在手機鍵盤上本來就有
chrome才會出現
剛測試結果只有電腦版的chrome才會有
如果用手機的不會出現
我在想可能在手機鍵盤上本來就有
2012年9月26日 星期三
Html5 RWD Bookmarklet (類似模擬器)
寫html5的目地就是要合乎目前多到爆的螢幕規格
要測試的話可以安裝iso android 模擬器
除此之外可以用RWD Bookmarklet 網址如下
http://responsive.victorcoulon.fr/
使用方式相當簡單
將中間的RWD Bookmarklet拉到書籤列
然後開啟你要測的網頁後再點剛那個書籤
目前共有
1024x768
768x1024
480x320
320x480
auto
模式可供測試
要測試的話可以安裝iso android 模擬器
除此之外可以用RWD Bookmarklet 網址如下
http://responsive.victorcoulon.fr/
使用方式相當簡單
將中間的RWD Bookmarklet拉到書籤列
然後開啟你要測的網頁後再點剛那個書籤
目前共有
1024x768
768x1024
480x320
320x480
auto
模式可供測試
2012年9月22日 星期六
Html5 Google Maps Javascript API
基本教學
https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-tw
加圖層
https://developers.google.com/maps/documentation/javascript/overlays?hl=zh-tw
目前研究這兩個
只能說太神了有興趣可玩玩看
google都有附原碼所以應該不難吧
這樣直接用html5來做app應該不算難事摟
範例集相當實用
https://developers.google.com/maps/documentation/javascript/examples/?hl=zh-tw
https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-tw
加圖層
https://developers.google.com/maps/documentation/javascript/overlays?hl=zh-tw
目前研究這兩個
只能說太神了有興趣可玩玩看
google都有附原碼所以應該不難吧
這樣直接用html5來做app應該不算難事摟
範例集相當實用
https://developers.google.com/maps/documentation/javascript/examples/?hl=zh-tw
2012年9月20日 星期四
Html5 讓IE6~8都能套用Html5
今天tech days 上了保哥一課收益良多，
因為之前的專案都是講求穩定，
所以在開發工具方面都是等成熟後才開始使用，
所以資訊方面總是慢人一步阿 以上廢話(哈!)
http://code.google.com/p/html5shiv/
只要加上一個js參考即可
But保哥也說啦~效能會比"真"支援Html5瀏覽器慢一點 在head中加入即可
因為之前的專案都是講求穩定，
所以在開發工具方面都是等成熟後才開始使用，
所以資訊方面總是慢人一步阿 以上廢話(哈!)
http://code.google.com/p/html5shiv/
只要加上一個js參考即可
But保哥也說啦~效能會比"真"支援Html5瀏覽器慢一點 在head中加入即可
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
訂閱：
文章 (Atom)