*z-index 屬性決定元素重疊的順序 CSS 碼： #redblock { z-index: 1; position:absolute; width:80p...
用template的方式來顯示資料， knockout.js有幾種的作法， 看看可怎麼使用。 使用命名的樣板 用 id 來指定 template 的名稱， 也要...
簡介CSS3 裡的動畫效果，其實... 是W3C的文件精簡翻譯版 另附神人範例說明。 CSS3的動畫效果可以藉由CSS的 keyframe 參數來控制動畫的...
現在來介紹一些CSS中的單位 絕對大小：mm, cm, in, pt, pc 相對大小：em, ex 相對於設備(顯示器解析度)：px 常用的是px、em、%...
一般分頁機制，是每換下一頁就向server請求下一頁， 把整頁的所有元素重傳一次， 透過knockout.js把一次傳來的列表， 做成分頁瀏覽。 在 knock...
前篇 為程式碼上色的不同主題顏色， 會因為底色固定，而使得一些顏色主題不明顯， 而加上可以即時改變程式碼背景色的功能。 顏色選擇器採用 Really Simpl...
在 redis 應用：resque 的基本使用 這篇內容， 重點在實作了 server 端怎麼把程式碼丟到背景做上色的動作， 並未在 client 端怎麼去處理...
今天還是網站範例解說，還是同一個站...的中文版。 昨天就提到該站的中文版是獨立製作的，所以和原站在設計風格、技術上都不同，馬上就來比較一下兩者的差異。 今天...
透過 knockout.js 來操作顯示夢幻筆名 會把抓來的筆名，都存在 novelname 這個key裡， 在頁面顯示已存幾個筆名， 若覺得太少，可有抓取新筆...
寫了這麼多天的技術還有概念，今天就來看看案例分享吧，我選了一個國際知名的水晶玻璃品牌- 施華洛士奇 http://www.swarovski.com/ 就來分...
在 用 Sinatra 實作簡單的夢幻筆名 API 這一篇， 每次query原網站來回應的方式，有點辛苦了原網站， 所以改良成，也可存在自己的 redis 裡，...
只要用 KO 的 observable 可簡單實作出簡單的猜拳互動介面， 再透過 observableArray 來做過程的歷史記錄。 只想玩game不想看文者...
網頁設計 ≠ 平面設計，有些"眉角"還是要了解一下 前端網頁設計的技巧很雜，不過有很多問題其實在企劃或視覺設計版面的階段就要先溝通好，否則等...
JavaScript的框架這麼多， 依什麼選擇此框架？ 要用JavaScript做什麼， 這是首先要問自己的問題。 JavaScript 算是在 MVC 裡的...
通常 redis 是一個指令一個回應， 若一次要下多個指令， 就需要靠MULTI或pipeline來整批整行。 如果redis一次有好幾個指令要指行， 在 cl...
CSS3的圓角參數讓網頁開發者能輕鬆的使用圓角設計，不需要使用圖片或是大量的DIV標記，這大概是CSS3裡最令人印象深刻的功能了。 自從2005年發佈的圓角屬性...
比較一下，有用背景工作跟沒有背景工作的差別。 在 RailCasts 的這篇 #271 Resque， 是非常簡潔的 resque 影音教學， 本篇也將利用 h...
現在的網頁設計比較重視語義化的結構，也就是在設計時會考慮該元素是不是真的「是內容」或者僅是裝飾品，如果是「是內容」就使用 html的元素來表示，如果單純只是造型...
resque 是利用 redis 建立了背景工作的機制。 網頁的回應時間有一定的限制， 如果同時需要一些動作， 像存取另個網站的內容， 或者要送出信件， 往往需...
下載數、點閱數、計數的累加很簡單， 若要區分總量、個別、今日，甚至排行， redis 省掉SQL所要耗的資源。 點閱數、下載數是常見的熱門指標參考， 寫到資料庫...
以前分享過 [RoR] 小小複雜建置 Social Tagging 社會標籤功能， 是用 MySQL 做社會標籤的功能， 有點複雜，相對地用redis的集合概念...
社群網站是一堆文章一堆人的大集合， 哪些人訂誰的文章，發個文後， 又能自動推到訂閱者的版面， 用SQL的join來做的話， table會被掃個不停。 redis...
Publish 與 Subscribe 的對應機制， 常會用在需即時回應， 最常見的是即時聊天、對談的場合。 測試redis-cli裡Publish Subsc...
compass- fireapp使用筆記 **** fireapp是compass app 改名之後的名稱，是一個用來編寫網站的工具 似乎是用ruby 及 sc...
TTL (Time To Live) 是指出key有時效的屬性，時間到了就不見了。 Sets 沒有分序列的集合，不同於有序列的陣列，元素也不會有重覆。 SADD...
最近筆記分享了好幾篇Audio/Video的Methods(方法)、Properties(屬性)、和Events(事件)。 我今天想要單純針對這些方法、屬性、事...
本篇文章作為網站前端開發主題的第二篇， 我們將討論使用各種 plugin 時，常需要注意的共通引入事項。 --------系列簡介-------- 網站系統可說...
概念非常簡單的 redis， 操作上非常簡單， 了解基本的操作， 再依各巧思利用 redis 所提供的機制。 為何叫 redis？ 是因為 REmote DIc...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...
iamya
逮丸逮丸
chibc
tony1223
iThome鐵人賽
看影片追技術