星期一, 2月 28, 2011

開發 js 的一些工具

jQuery.parseJSON - 將 json 轉為 object
dump - 類似 php 裡面的 print_r / dump
JQuery Timers  - 定時器
主要有三個函式
1. everyTime(時間間隔, [計時器名稱], 函式名稱, [次數限制], [等待函式程序完成])
2. oneTime(時間間隔, [計時器名稱], 呼叫的函式)
3. stopTime ([計時器名稱], [函式名稱])



http://remysharp.com/jquery-api/ 查API的好幫手 (網頁)

jquery plugin - template

真的是很棒的東西
不過在查的時候發現其實有不止一種,而且還長的很像

試了一下,還是這種最強大,而且版本也比較新  jQuery.template()

下面的看完就大概會了
jQuery Templates Plugin筆記1
jQuery Templates Plugin筆記2
jQuery Templates Plugin筆記3
jQuery Templates Plugin筆記4
jQuery Templates Plugin筆記5
jQuery Templates Plugin筆記6
jQuery Templates Plugin筆記7
jQuery Templates Plugin筆記8

特別注意如果抓到的東西要用 html 顯示 ,是使用 {{html data}} 而不是 ${html data}

jquery plugin (2)

這幾天一直在翻 plugin ,想找出一些有用的東西
順便也發現很多好東西,趕快紀錄一下

挑出一些個人覺得比較好的

HoverFadeCoda Slider EffectHorinajajqPlot Charts and Graphs for jQuery
jqFancyTransitions3d Tag Sphere
特別是 Growl  ,跟 BlockUI 的 growl 差不多功能,可是我覺得這比較棒
以上皆參考 用jquery插件創建視覺震撼的網站  其他的plugin 到網頁裡看吧~


Uploadify - 很漂亮的上傳套件

Supersized - Full Screen Background/Slideshow jQuery Plugin

hoverIntent - 讓hover事件delay一下,避免一直觸發事件

其他網頁還有

14個最新jQuery插件_網頁設計中常用案例
15款提高表格操作的jQuery插件
50個加強表單的jQuery插件
50多個強大的jQuery插件應用實例
100+ jquery插件應用


codrops - js特效教學網站

星期六, 2月 26, 2011

jquery plugin (1)

這邊大概是以酷炫度/實用度來排列

分別是

mb.jQuery.components

只能說,真是相見恨晚
這個plugin能做出的效果是原本我以為在flash才能做出來的
http://pupunzi.open-lab.com/mb-jquery-components/


jQuery BlockUI Plugin
彈出視窗,用起來很方便,覺得不錯用
同一作者個其他 plugin (http://jquery.malsup.com/) 也都設計的小巧完善
例如: Form PluginjQuery Corner Demo


css-template-layout
用很酷炫的方法排版(排版方式: http://a.deveria.com/csstpl/),不曉得實際應用起來怎樣

UI.Layout


簡易方便的layout


jQSlickWrap


可讓圖片貼齊文字


Equal Heights


讓元素同高

以上有部分參考 http://www.chinahtml.com/1006/127570360318874.html



Flip!


Quicksand

ImageFlow


Slideout Tips


AviaSlider


以上部分參考: http://www.chinahtml.com/1007/128011448019434.html



FontEffect











[C#] json

在玩 plurk api 看到一個東西,覺得蠻好用的
以後應該有機會用到,先記錄一下

Newtonsoft.Json

星期六, 2月 05, 2011

[Android] 在 Ubuntu 上用 LG P500 實機開發除錯

本文參考 Android Development with VirtualBox and the LG P500 phone

這邊簡單翻譯並紀錄一下自己的心得

#設定USB驅動為0666(允許使用者 讀/寫/存取)
$ sudo gedit /etc/udev/rules.d/51-android.rules

#加入以下這句 (原本裡面應該是空白的)
#若是其他廠牌的手機,則依廠牌代碼修改 ATTR{idVendor}
SUBSYSTEM=="usb", ATTR{idVendor}=="1004", MODE="0666"

#改變檔案權限
$ sudo chmod a+r /etc/udev/rules.d/51-android.rules
$ sudo udevadm control --reload-rules

#接著用USB連接電腦與手機,並試試 lsusb
$ lsusb

#會列出usb連接的設備,理論上其中會出現類似以下的東西
Bus 002 Device 004: ID 1004:618e LG Electronics, Inc.

#這時用 adb devices 檢視
#若沒有 adb 這個命令的話,請將 android-sdk 內的 platform-tools 加入環境變數
$ adb devices

#如果出現以下訊息,表示前面的設定USB驅動設定有誤
List of devices attached
???????????? no permissions

#正確的話應該會出現
* daemon not running. starting it now on port 5037 *
* daemon started successfully *
List of devices attached
80A354043041595986 device

#設定手機
在手機中選 設定->應用程式->開發
把 USB偵錯、保持清醒、允許模擬位置勾起來

#設定Eclipse
Debug->Debug Configuratioins->Target 選擇 Manual

OK! 大功告成
現在Debug的時候就可以選手機啦~