分類
Javascript

讓jQuery UI支援Touch device

在 jQuery UI 中, 使用像是 drag drop, slider 等, 在 iPhone/iPad/Android 上這種 touch 的設備, 可能會有不順或不支援的狀況, 這裡有個工具可以讓這樣的狀況改善, 並正常使用:

jQuery UI Touch Punch – http://touchpunch.furf.com/

這個只需要在引入 jQuery, jQuery UI 後, 再引入這個 jQuery UI Touch Punch 即可.

可以比較之前的一個範例: (原文: https://diary.tw/archives/1292 )

無使用 jQuery UI Touch Punch – http://sample.diary.tw/33/1.htm
有使用 jQuery UI Touch Punch – http://sample.diary.tw/33/2.htm

無使用 jQuery UI Touch Punch – http://sample.diary.tw/33/1-1.htm
有使用 jQuery UI Touch Punch – http://sample.diary.tw/33/2-1.htm

使用桌上型瀏覽器沒有差別, 不過使用 touch device 就有很明顯的差異了!

另外其實 jQuery Mobile 也有完整的功能, 若是直接要做 mobile 的網頁, 應該就直接使用 jQuery Mobile 的 framework 就有完整支援 touch 了:

jQuery Mobile 的 slider: http://view.jquerymobile.com/1.3.0/docs/widgets/sliders/

分類
Windows

安裝Windows8到VM裡

昨天晚上試看看把 Windows 8正式安裝到VM裡來試看看, (之前有將 Windows 8 Preview 版裝在實機中過), 也測看看安裝的時間, 在 i5 的機器上, 大約只花了不到15分鐘的時間就裝好了.

首先是那個爭議很大的GUI, 不過看起來應該真的還蠻適合 touch screen, 只是在 VM 中沒有 touch, 所以沒得體驗這個部分, 用滑鼠也是可以操作的.

再來就是測試 desktop (也就是傳統桌面), 這個部分還不錯, 和之前 Windows 7 起的變化沒有那麼大, 把桌面上的我的電腦, 控制台等 icon 加回來後, 就和原來的 windows 差不多了.

繼續玩那個 GUI, 發現其實還不錯, 不過真的需要一些時間適應, 也上了市集下載了一些 APP 玩看看, 蠻有意思的.

微軟這次的大改版, 真的是破釜沈舟, 不過目前看起來還沒有太大的戰績, 或許也是和大家的認知想法有蠻大的落差, 再加上其實 touch 的部分已經被 apple 及 android 玩得很大很久了, 大家的使用者體驗都有了基本的想法, 短時間內應該很難趕上, 不過也希望微軟在這個部分的戰場能多加油啦!