iT邦幫忙

網頁設計相關文章
共有 824 則文章
鐵人賽 開發技術 DAY 2
30天掌握Sass語法 系列 第 2

達標好文 技術 30天掌握Sass語法 - (2)SASS該怎麼寫?會和純CSS寫法差很多嗎?

寫過CSS的朋友都知道, CSS並不像是其他程式語言 擁有類似變數、條件等方式來撰寫, 僅只能一行行來進行編輯,所以當今天有很多地方需要去做修正時, 就必須花很...

技術 網頁設計-口碑 X 網路行銷 X 寫手門?!

<span style="color: green;">2013年的網路行銷發生一件上了新聞的事件,就是有名的三星寫手攻擊對手的...

技術 在Web顯示3D

部分內容將不定時整理到 http://zh.wikipedia.org/wiki/Web3d 以下, 不定時補充或修正: 1.WebGL http://www....

技術 2013年網頁設計最新優化搜尋引擎技巧

如果您正在尋找啟動一個新的網站,部落格或優化您當前的網站,你必須至少了解一些基本的搜尋引擎優化。了解如何優化你的網站,將有助於更快的排名在搜尋引擎中,這是非常...

技術 Intel 感知計算挑戰賽開始報名嘍~!

在感知運算的領域裡,你想要和世界上的高手切磋一下技術嗎? 你想要挑戰一下自己技術的極限嗎? 還有機會可以獲取10萬美金的獎金喔!快來參加Intel 感知運算挑...

技術 extjs 4 系列 3/5:mvc 架構:繼承與模組重覆使用

兩篇對 extjs 的基本介紹後,總算要進入主菜了,也就是在 extjs 中的 MVC 架構,物件導向的觀念,在網路上或書上都可以找到相關資料,用不用的好就是一...

技術 extjs 4 系列 2/5:使用 extjs 必須了解的重要觀念與 javascript 技巧與知識

在使用類似 extjs 這樣的 framework 時,一定會被他的方便性還有物件化所吸引,但是如果你對 javascript 的一些基礎或是進階技巧不了解,可...

技術 【CSS課程】Responsive網頁排版技術課程

Responsive Web Design(RWD)為2010年Ethan Marcotte所發表的創新網頁技術。 RWD的設計理念為使用HTML與CSS3 M...

技術 網路行銷人員使用火狐瀏覽器的必要性

網路行銷人員使用火狐瀏覽器的必要性 /馮英健 火狐瀏覽器(Firefox)(什麼是火狐瀏覽器?)推出之後,儘管很快獲得了部分使用者的好評,不過並沒有預期的那麼火...

技術 火狐瀏覽器(firefox)與IE瀏覽器的相容性問題

火狐瀏覽器(firefox)與IE瀏覽器的相容性問題 2006-3-6 01:27:11 By:馮英健 google的火狐瀏覽器(firefox)由於集成了go...

技術 介紹編寫CSS直接看到結果的學習網站

底下的網址,可以讓您編寫CSS3.0(包括CSS2.0)直接看到效果喔。 但要注意的是,IE瀏覽器是不支援HTML5的,所以網站中的範例,用CSS 3.0編寫,...

技術 寫一支能在一般電腦與手機螢幕切換兩用的網頁設計

http://7club.ithome.com.tw/article/10037030/1 http://7club.ithome.com.tw/article...

技術 申請無障礙網站標章認證之XXX

因客戶要求網站要符合無障礙網頁設計 故須申請無障礙網站標章認證 以 Google 用「無障礙」、「網頁」、「申請」關鍵字去找 得知行政院研考會有提供「無障礙網頁...

鐵人賽 IT技術 DAY 30

技術 待完成的相關議題

回顧檢討一下這個系列,還有什麼該加強。 這系列的主題是「建立API為中心的輕量級網站」, 試著想把 sinatra、redis、knockout.js 各別介紹...

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

技術 ●筆記CSS屬性-z-index和direction

*z-index 屬性決定元素重疊的順序 CSS 碼: #redblock { z-index: 1; position:absolute; width:80p...

鐵人賽 IT技術 DAY 29

技術 knockout.js 的 template 功能

用template的方式來顯示資料, knockout.js有幾種的作法, 看看可怎麼使用。 使用命名的樣板 用 id 來指定 template 的名稱, 也要...

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

技術 [新手前端]CSS3動畫效果 transition, animation

簡介CSS3 裡的動畫效果,其實... 是W3C的文件精簡翻譯版 另附神人範例說明。 CSS3的動畫效果可以藉由CSS的 keyframe 參數來控制動畫的...

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

技術 ●筆記關於值的相對單位

現在來介紹一些CSS中的單位 絕對大小:mm, cm, in, pt, pc 相對大小:em, ex 相對於設備(顯示器解析度):px 常用的是px、em、%...

鐵人賽 IT技術 DAY 27

技術 用 knockout.js 實作簡單的分頁功能

一般分頁機制,是每換下一頁就向server請求下一頁, 把整頁的所有元素重傳一次, 透過knockout.js把一次傳來的列表, 做成分頁瀏覽。 在 knock...

鐵人賽 IT技術 DAY 26

技術 knockout.js + 顏色選擇器 改變程式碼底色

前篇 為程式碼上色的不同主題顏色, 會因為底色固定,而使得一些顏色主題不明顯, 而加上可以即時改變程式碼背景色的功能。 顏色選擇器採用 Really Simpl...

鐵人賽 IT技術 DAY 25

技術 knockout.js + redis 實作為程式碼上色的線上工具

在 redis 應用:resque 的基本使用 這篇內容, 重點在實作了 server 端怎麼把程式碼丟到背景做上色的動作, 並未在 client 端怎麼去處理...

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

技術 [新手前端]網站案例觀察- swarovski2-taiwan

今天還是網站範例解說,還是同一個站...的中文版。 昨天就提到該站的中文版是獨立製作的,所以和原站在設計風格、技術上都不同,馬上就來比較一下兩者的差異。 今天...

鐵人賽 IT技術 DAY 24

技術 加上 knockout.js 的夢幻筆名

透過 knockout.js 來操作顯示夢幻筆名 會把抓來的筆名,都存在 novelname 這個key裡, 在頁面顯示已存幾個筆名, 若覺得太少,可有抓取新筆...

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

技術 [新手前端]網站案例觀察- swarovski

寫了這麼多天的技術還有概念,今天就來看看案例分享吧,我選了一個國際知名的水晶玻璃品牌- 施華洛士奇 http://www.swarovski.com/ 就來分...

鐵人賽 IT技術 DAY 23

技術 以 sinatra + redis 改良實作夢幻筆名

在 用 Sinatra 實作簡單的夢幻筆名 API 這一篇, 每次query原網站來回應的方式,有點辛苦了原網站, 所以改良成,也可存在自己的 redis 裡,...

鐵人賽 IT技術 DAY 22

技術 以 knockout.js 實作猜拳遊戲 (有game喔…)

只要用 KO 的 observable 可簡單實作出簡單的猜拳互動介面, 再透過 observableArray 來做過程的歷史記錄。 只想玩game不想看文者...

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

技術 [新手前端]視覺及企劃也該知道的網頁設計概念

網頁設計 ≠ 平面設計,有些"眉角"還是要了解一下 前端網頁設計的技巧很雜,不過有很多問題其實在企劃或視覺設計版面的階段就要先溝通好,否則等...

鐵人賽 IT技術 DAY 21

技術 為何採用 Knockout.js (KO)?

JavaScript的框架這麼多, 依什麼選擇此框架? 要用JavaScript做什麼, 這是首先要問自己的問題。 JavaScript 算是在 MVC 裡的...

鐵人賽 IT技術 DAY 20

技術 redis 多重指令 MULTI 及 ruby 裡的 pipeline 的使用

通常 redis 是一個指令一個回應, 若一次要下多個指令, 就需要靠MULTI或pipeline來整批整行。 如果redis一次有好幾個指令要指行, 在 cl...

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

技術 [翻譯]Border-radius:用CSS畫圓角

CSS3的圓角參數讓網頁開發者能輕鬆的使用圓角設計,不需要使用圖片或是大量的DIV標記,這大概是CSS3裡最令人印象深刻的功能了。 自從2005年發佈的圓角屬性...