iT邦幫忙

網頁設計相關文章
共有 843 則文章
鐵人賽 開發技術 DAY 7
作個網站吧! 系列 第 7

技術 作個網站吧!HTML的二三事(1)-Psd to HTML

不知道各位怎麼切版的呢?Ps跟AI都有切片工具,方式從製作電子報到整頁Html的形式都有,看起來似乎是不難,但要切出靈活度高的網頁卻又是另外一回事兒。以下分享我...

鐵人賽 DAY 3

技術 ::進入Flex的異想世界(3):: 現場直擊Flex面貌

一方面,透過無心插柳柳澄汁與剖開開發人員的大腦,我們已經有那麼一點點知道Flex是什麼了? 另一方面,星期六的晚上,應該去約會看電影,應該去和家人聚餐上館子,總...

鐵人賽 DAY 2
ASP.NET技巧 系列 第 3

技術 ASP.NET 2.0 使用資料表動態產生TreeView的樹狀結構 Part2

VS.NET2005已經將TreeView放入基本的元件,不過他的資料來源限定為XML檔案或者是Site Map,不過如果我們希望不同的使用者,依照不同的權限來...

鐵人賽 DAY 10
jQuery外掛特輯 系列 第 10

技術 [jQuery]外掛特輯10:jscrollable-固定標頭與頁尾

更詳細的內容請至我的部落格finalevil's blog瀏覽 這是一個很典型的表格(table)應用,但越是常見通常就表示越多人詢問,所以在ASP.Net的G...

鐵人賽 開發技術 DAY 23
作個網站吧! 系列 第 23

技術 作個網站吧!Web Font(1)-網頁也可以不一樣

網頁字型已經行之有年,國外大大小小的網站都可以看到不同字體顯示,只要連結檔案就能看到效果,多數文字再也不必依賴圖片製作,不但方便還減少檔案大小,一舉兩得~ 以下...

鐵人賽 開發技術 DAY 30
30天掌握Sass語法 系列 第 26

技術 30天掌握Sass語法 - (30)inline-image()與Livereload介紹

上篇文章好像太早發了,導致系統沒更新,所以第30天煩請以此文章為主 關於Sass的基礎知識, 其實在這30天都講得差不多了, 如果有興趣想再深入了解的話, 可以...

技術 30天掌握Sass語法 - (15)如何透過Sass&Compass支援CSS3動畫效果

這次的主題主要是要分享自己是如何透過Sass&Compass來支援動畫效果, 一共會分享Compass Transition,以及國外分享出來的Anim...

鐵人賽 DAY 11
ASP.NET技巧 系列 第 14

技術 修改ASP.NET內建驗證機制的密碼規則

修改ASP.NET內建驗證機制的密碼規則,其中預設的密碼必須要英數混合,並且需要一個非英數的特別符號,而且至少要有7位。這樣的密碼才能吃得進去,當然這樣的機制是...

鐵人賽 Modern Web DAY 12

達標好文 技術 【Day 12】網頁設計師的靈感來源,私藏的10個網站收集頁分享!

當一個新的案子進來洽談時,我們通常會在評估階段,先按照客戶的「產業」和「需求」找一些相應或適合的視覺風格網站。 除了公司本身的作品案例外,也會蒐集一些客戶 /...

鐵人賽 開發鐵人 DAY 13
HTML5試試看 系列 第 13

技術 [HTML5試試看-13] 新的表單元素

HTML5規格,在表單的部份增加了五個標籤,包含datalist, keygen, output, progress及meter。另外,input標籤也新增了許...

鐵人賽 DAY 13
Javascript面面觀 系列 第 13

技術 Javascript面面觀:核心篇《ECMA-262 Edition 5》(上)

新規格的制定是一個漫長而痛苦的過程,ECMA-262 Edition 3規格是1999年制定的,恐怕當初誰也沒想到下一版竟然搞了十年!但是這個語言真的深入了解的...

鐵人賽 其他技術 DAY 25
快寫HTML靜態網頁 系列 第 22

技術 圖與文的佈局利用 Bootstrap 完成

圖和文排在一起,沒什麼設計經驗者, 不是排得太單調,就是排得很亂, Bootstrap 把常會用到的樣式, 設計成易於套用或變化。 可能會有一堆的圖與文需要並...

鐵人賽 開發鐵人 DAY 16
HTML5試試看 系列 第 16

技術 [HTML5試試看-16] 互動機制 - drag and drop(續)

HTML5的Drag and Drop中,最有意思的是跟使用者的系統整合!所以在瀏覽器可以接收從其他應用軟體拖拉進來的各種東西。 如果要接收從作業系統來的拖拉事...

鐵人賽 DAY 21
Javascript面面觀 系列 第 21

技術 Javascript面面觀:應用篇《測試》

測試在開發中是非常重要的一環,對Javascript來說也不例外。下面就來介紹幾種工具。 單元測試 單元測試的元老還是jsunit。 http://www.js...

鐵人賽 開發鐵人 DAY 7
ASP.NET 由淺入深 系列 第 7

技術 91之ASP.NET由淺入深 不負責講座 Day7 - Server Controls Introduction(3)

這一篇要介紹的是Button, HyperLink, LinkButton, ImageButton,原本想把Image也放進來,因為Button, Hyper...

技術 【網頁設計 入門 】如何使用 Bootstrap 與 Github Pages 製作 個人網站 ?

簡單架設 x 不失質感 目錄 源起 : 開發者網站 開發工具 : Adobe Brackets 基礎的 html 與 css 語法 Bootstrap 前...

鐵人賽 DAY 1

技術 ::進入Flex的異想世界(1):: 從柳澄汁認識Flex

Adobe Flex也許對很多人而言相當陌生?Flex是什麼?能吃嗎? 我想雖然它應該是驗不出2.5PPM的三聚氰胺,不過還是不能吃的。 對一個陌生的東西,要...

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

技術 網站系統規劃 - 發文系統實作(註冊篇)

本篇文章我們接續昨天的內容,繼續討論註冊實作的細節。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原本屬...

鐵人賽 Modern Web DAY 22

技術 [Day22] ASP.NET Core 2 系列 - SignalR

SignalR 是一套能讓 ASP.NET 輕鬆實現與 Client 即時互動的套件。 目前 ASP.NET Core 版本的 SignalR 還沒正式發佈,...

鐵人賽 Modern Web DAY 13
前端工程師養成手冊 系列 第 13

技術 挑選前端職缺時,要知道每間公司都是凹凸不平的個體

相信你還未就業時,一定對「業界」充滿想像,希望自己能夠進入一間公司發揮長才,然而事實並非童話故事般美好,我希望藉由這篇文章讓你瞭解初級前端工程師在台灣面試時或就...

鐵人賽 Modern Web DAY 28

技術 [Day28] ASP.NET Core 2 系列 - Response 快取

對 Response 回傳結果適時的使用快取機制,可以有助於效能提升,避免重複的運算浪費。 本篇將介紹 ASP.NET Core 如何設定 Response 的...

鐵人賽 Modern Web DAY 2

技術 別使用平面繪圖軟體繪製 UI 設計

除了前端課程外,自己也是有辦一些額外的活動,而這些都會說到我是一名設計師轉職的前端工程師,除了介紹前端外,我也會介紹一些設計觀念。介紹時我大多都會使用 Sket...

鐵人賽 開發技術 DAY 32
30天掌握Sass語法 系列 第 28

技術 Sass開發流程設計 - (2) Sass結構規劃、全域變數設定

切完所有圖片後, 就可以開始規劃Sass檔案了, 當你今天新建立一個Sass專案時, 裡面預設會有print、ie、screen的Sass檔案, 第一次撰寫Sa...

鐵人賽 開發鐵人 DAY 11
HTML5試試看 系列 第 11

技術 [HTML5試試看-11] canvas 與 3d context

Canvas的設計,不是只可以使用2d context,還可以使用3d或其他。目前比較有支援而且應該慢慢會成為標準的是WebGL。不過我不熟悉GL,所以只能做A...

鐵人賽 Modern Web DAY 20
前端工程師養成手冊 系列 第 20

達標好文 技術 工程師打造高效工作的秘訣

有沒有常常覺得一整天都無精打采,明明工作進度差一大截,但就是提不起勁呢?或者工作常常做到一半就被打斷,本來高度集中的狀態因此消失得無影無蹤,那麼究竟該如何一直保...

鐵人賽 DAY 18
jQuery外掛特輯 系列 第 18

技術 [jQuery]外掛特輯18:成天組HTML字串手痠了吧,改用template幫忙吧

更詳細的內容請至我的部落格finalevil's blog瀏覽 如果你所開發的網站包含了很多Ajax的話,我相信你常常會為了組一連串的HTML字串忙的焦頭爛額,...

鐵人賽 開發技術 DAY 21
30天掌握Sass語法 系列 第 17

技術 30天掌握Sass語法 - (21) Sass常見編譯錯誤介紹

一般網頁設計師在編譯Sass時, 時常會遇到一些無法編譯成功的問題, 通常要找很久資源才會知道該怎麼撰寫正確的Sass格式, 所以這裡也提供一些除錯細節, 讓大...

技術 寫好網站,想測試網頁對各瀏覽器的相容性

通常設計網站,最後都會做一些測試,其中對各種瀏覽器的相容器測試是必要的,但是要準備這麼多作業系統或瀏覽器,還頗麻煩的! 一次解決吧,用這網站提供的服務 http...

技術 30天掌握Sass語法 - (16)如何將別人撰寫的CSS Framework轉換成Sass格式

我們常常會看到國外的有名大神們都會釋出CSS framework, 只要引入他的CSS檔案後,你就可以使用他的樣式進來。 而這次的主題則便是跑一次相關的流程給大...

鐵人賽 影片教學 DAY 1

達標好文 技術 鐵人賽第一天開播,節目預告

教學影片 不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道 追蹤 Amos 收好康資訊 Line搜尋「@csscoke」加入CSS可樂公開帳號...