iT邦幫忙

網頁設計相關文章
共有 824 則文章
鐵人賽 IT技術 DAY 19

技術 redis 應用:resque 的基本使用

比較一下,有用背景工作跟沒有背景工作的差別。 在 RailCasts 的這篇 #271 Resque, 是非常簡潔的 resque 影音教學, 本篇也將利用 h...

鐵人賽 IT技術 DAY 18
新手前端日記 系列 第 18

技術 [新手前端]選單共用背景圖片

現在的網頁設計比較重視語義化的結構,也就是在設計時會考慮該元素是不是真的「是內容」或者僅是裝飾品,如果是「是內容」就使用 html的元素來表示,如果單純只是造型...

鐵人賽 IT技術 DAY 18

技術 redis 應用:在 sinatra 建立 resque Server

resque 是利用 redis 建立了背景工作的機制。 網頁的回應時間有一定的限制, 如果同時需要一些動作, 像存取另個網站的內容, 或者要送出信件, 往往需...

鐵人賽 IT技術 DAY 17

技術 在 redis 的計數應用

下載數、點閱數、計數的累加很簡單, 若要區分總量、個別、今日,甚至排行, redis 省掉SQL所要耗的資源。 點閱數、下載數是常見的熱門指標參考, 寫到資料庫...

鐵人賽 IT技術 DAY 16

技術 利用 redis 實現 Social Tagging 社會標籤功能

以前分享過 [RoR] 小小複雜建置 Social Tagging 社會標籤功能, 是用 MySQL 做社會標籤的功能, 有點複雜,相對地用redis的集合概念...

鐵人賽 IT技術 DAY 15

技術 redis 在社群網站的應用

社群網站是一堆文章一堆人的大集合, 哪些人訂誰的文章,發個文後, 又能自動推到訂閱者的版面, 用SQL的join來做的話, table會被掃個不停。 redis...

鐵人賽 IT技術 DAY 14

技術 redis 的 PubSub 功能

Publish 與 Subscribe 的對應機制, 常會用在需即時回應, 最常見的是即時聊天、對談的場合。 測試redis-cli裡Publish Subsc...

鐵人賽 IT技術 DAY 13
新手前端日記 系列 第 13

技術 [新手前端日記] compass- fireapp使用筆記

compass- fireapp使用筆記 **** fireapp是compass app 改名之後的名稱,是一個用來編寫網站的工具 似乎是用ruby 及 sc...

鐵人賽 IT技術 DAY 13

技術 redis 的 Sets, Sorted Sets 資料型態與有時效的key

TTL (Time To Live) 是指出key有時效的屬性,時間到了就不見了。 Sets 沒有分序列的集合,不同於有序列的陣列,元素也不會有重覆。 SADD...

鐵人賽 IT技術 DAY 13
只是路過 HTML5 系列 第 13

技術 HTML5 屬性、方法和事件

最近筆記分享了好幾篇Audio/Video的Methods(方法)、Properties(屬性)、和Events(事件)。 我今天想要單純針對這些方法、屬性、事...

鐵人賽 IT技術 DAY 27
網站系統規劃實務 系列 第 27

技術 網站系統開發 - 談直接使用的網頁元件應知

本篇文章作為網站前端開發主題的第二篇, 我們將討論使用各種 plugin 時,常需要注意的共通引入事項。 --------系列簡介-------- 網站系統可說...

鐵人賽 IT技術 DAY 12

技術 基本的 redis 操作與 Strings Lists Hashes資料型態

概念非常簡單的 redis, 操作上非常簡單, 了解基本的操作, 再依各巧思利用 redis 所提供的機制。 為何叫 redis? 是因為 REmote DIc...

鐵人賽 IT技術 DAY 12
只是路過 HTML5 系列 第 12

技術 HTML Audio/Video Events(2)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...

鐵人賽 IT技術 DAY 11
只是路過 HTML5 系列 第 11

技術 HTML Audio/Video Events(1)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...

鐵人賽 IT技術 DAY 11

技術 什麼情況可考慮用 NoSQL?

前陣子 NoSQL 是被關注的議題, 現在卻是用在無形中而不知覺吧。 SQL與NoSQL的考量 通常應用程式會有需要儲存資料的議題, 採用關連式資料庫是正規傳統...

鐵人賽 IT技術 DAY 10
新手前端日記 系列 第 10

技術 [新手前端]從平面設計前進 CSS-8 背景及overflow

介紹CSS屬性 背景及overflow 今天來講最常用的背景色及背景吧~ color:#fff | rgb(255,0,0) | red 顏色可以用三種方法指...

鐵人賽 IT技術 DAY 10
只是路過 HTML5 系列 第 10

技術 HTML Audio/Video Properties(4)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...

鐵人賽 IT技術 DAY 10

技術 在 Sinatra 使用 flash 的訊息功能

rails 裡內建有 flash 的訊息功能, Sinatra 卻欠卻此好用功能。 (flash不是Adobe的Flash,只是出現訊息作用的名稱) 在 rai...

鐵人賽 IT技術 DAY 24
網站系統規劃實務 系列 第 24

技術 網站系統開發 - 發文系統實作(完)

本篇文章作為網站實戰開發的第十篇, 我們將繼續實作發表文章,將系統基礎建置完成。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要...

鐵人賽 IT技術 DAY 9
只是路過 HTML5 系列 第 9

技術 HTML Audio/Video Properties(3)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 9

技術 測試 Sinatra 的 session 機制

透過 session 的機制,可建立簡單的帳號身分確認的功能。 啟用 session 功能 Sinatra 預設並不啟動 Session 機制, 通常在瀏覽器端...

鐵人賽 IT技術 DAY 23
網站系統規劃實務 系列 第 23

達標好文 技術 網站系統開發 - 發文系統實作(發文篇)

本篇文章作為網站實戰開發的第九篇,我們繼續實作發表文章。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原...

鐵人賽 IT技術 DAY 8
只是路過 HTML5 系列 第 8

技術 HTML Audio/Video Properties(2)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 8

技術 在 Sinatra 以 Sequel 操作資料庫

資料庫的操作是網站常需要的動作, Rails的ORM預設的是 ActiveRecord, Sinatra 也可適用,但也有 DataMapper 及 Seque...

鐵人賽 IT技術 DAY 22
網站系統規劃實務 系列 第 22

達標好文 技術 網站系統規劃 - 發文系統實作(登入篇)

本篇文章作為網站實戰開發的第八篇,我們繼續實作登入狀態。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原...

鐵人賽 IT技術 DAY 7
只是路過 HTML5 系列 第 7

技術 HTML Audio/Video Properties(1)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 7
新手前端日記 系列 第 7

技術 [新手前端]從平面設計前進 CSS-5 盒模型

CSS樣式的空間組成基礎- box 盒模形。 CSS的部分講了四篇,都還在基本概念和 HTML的元素選擇器上,今天終於要正式講到樣式本身的基礎- box 盒模...

鐵人賽 IT技術 DAY 7

技術 在 Sinatra 使用 template engine

之前所舉的例子, 都只是在程式裡寫出個簡單的回應, 並未把完整的 html 畫出來。 雖不不見得一定要用 MVC 的模式, 但利 views 把資料處理與表現的...

鐵人賽 IT技術 DAY 6
只是路過 HTML5 系列 第 6

技術 HTML Audio/Video Methods

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 21
網站系統規劃實務 系列 第 21

達標好文 技術 網站系統規劃 - 很多重複的程式碼?談網頁內容重用、模組化。

本篇文章作為網站實戰開發的第七篇,我們將繼續實作更多細節, 在繼續往下開始之前,我們計畫先聊聊 View 的重用、模組化。 --------系列簡介------...