Html5 RWD Bookmarklet (類似模擬器)

寫html5的目地就是要合乎目前多到爆的螢幕規格
要測試的話可以安裝iso android 模擬器
除此之外可以用RWD Bookmarklet 網址如下
http://responsive.victorcoulon.fr/
使用方式相當簡單
將中間的RWD Bookmarklet拉到書籤列
然後開啟你要測的網頁後再點剛那個書籤
目前共有
1024x768
768x1024
480x320
320x480
auto
模式可供測試

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

Css Sprite Generator

今天的另一個收獲
http://spritegen.website-performance.org/
可以方便美編人員將一個圖上傳後
產生一Css Class且
組成一張圖片
用處
1.減少美編人員切圖時間
2.降低下載時的reqest
Good !!!

心得 Tech‧Days Taiwan 2012

第一次參加微軟的tech days(我真像鄉下來的)，
剛好是VS2012、SQL2012、Html5、Windows8來臨的時代，
每堂課看課表都很想去聽，
只可惜有些課程只能夠捨棄，
主要以Html5 及SQL為主，
最讓我感到印象深刻的，
就是保哥的Html5，
蔡孟儒的.net4.5，
胡百敬的SQL Server，
以上諸位MVP，
學到了許多，因為一個新技術出來，
許多公司都會在觀望著，舊系統支不支援阿，
還好MS及一些神人都為我們這些小咖想好了，
所以下次的專案如果有機會一定要建議主管使用。

真感謝專業的講師，及幕後辛苦的工作人員及收問卷的工作人員!!
希望下次還能有機會再參加。

PS:
最後只能說~大會堂真好睡!!

Html5 讓IE6~8都能套用Html5

今天tech days 上了保哥一課收益良多，
因為之前的專案都是講求穩定，
所以在開發工具方面都是等成熟後才開始使用，
所以資訊方面總是慢人一步阿 以上廢話(哈!)
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]-->

Android Code 全螢幕視窗


@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

//全螢幕要放在setContentView前
requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);


setContentView(R.layout.activity_main);

}

Android Code 取得assets裡的檔案

String[] list = getApplicationContext().getResources().getAssets().list("");

Android Code 按返回鍵回上頁

public boolean onKeyDown(int key, KeyEvent event) {
switch (key) {
case KeyEvent.KEYCODE_SEARCH:
break;
case KeyEvent.KEYCODE_BACK:
Intent intent = new Intent();
setResult(RESULT_OK, intent);
finish();
break;
case KeyEvent.KEYCODE_DPAD_CENTER:
break;
default:
return false;
}
return false;
}
另一頁如果有回傳值 @Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
switch (resultCode) {
case RESULT_OK:
// 回上一頁囉
break;
default:
break;
}
}


Android Code 沒標題視窗

參考網站

this.requestWindowFeature(Window.FEATURE_NO_TITLE);