Work

[CSS tech.] 960 grid system 簡單介紹

我上次在 介紹 blueprint [https://blog.hinablue.me/entry/css-tech-blueprint-css-framework-simple-howto/] 的時候,有提到這件事情。同時在 DivToDesign 也有不少介紹的文章: * 960 CSS Framework – Learn the Basics [http://divitodesign.com/css/960-css-framework-learn-basics/] * Tricks to Solve 960 CSS Framework Problems [http:

[jQuery plugin.] 自製 iPhone 滑動效果

第一次寫 jQuery plugin,發現有很多事情不能單單在 plugin 裡面就把他解決掉。裡面的 this 問題也讓我撞牆撞了好幾次。不過總算是有點東西出來了,雖然不知道能用在哪裡,但是也當作是個練功吧。 鏈結在此:http://jquery.hinablue.me/jqiphoneslide 可以有的功能與設定: * 增加自訂頁面(預設為空白頁,內容需自訂 * 指定滑動至某 * 指定可抓取的滑動區 * 限制滑動最大頁 * 可以另外指定拖曳區塊(可以不只一個 * 可以指定特定上一頁、下一頁按鈕(可以不只一個 * 可以隱藏特定頁面(僅計算顯示頁面數量,並重新計算長度

[jQuery note.] 在 hover 上微妙的變化

通常我們對於 .hover 這個事件的印象,就如同於 .mouseenter 與 .mouseleave 這兩個事件的合體。這種互動式(Interaction Helpers)的事件在 jQuery 中還有一個,叫做 .toggle,在這裡就暫且不提。 一般來說,我們使用 .hover 的時候,就是希望能夠監聽使用者的滑鼠動作,然後在某種條件下觸發事件。那麼,最簡單的例子就是這樣 hover test

[WWW] Plupload Queue 改

上次介紹過這個 超犯規上傳檔案工具 [https://blog.hinablue.me/entry/file-uploader-plupload-by-tinymce-developers/],這次要來繼續犯規。 由於我們需要監聽檔案上傳的動作,我們看他的 API 文件中,有描述了 Event 的項目,但是,倘若使用 pluploadQueue 的方法,他所內建的 Event 就被他的 Queue 給寫死了,從外部就沒辦法直覺的控制。當然,要避免這種情況,就是自己重新畫一個 UI 來用(翻桌)。 所以,