iT邦幫忙

網頁設計相關文章
共有 824 則文章
鐵人賽 開發鐵人 DAY 23
HTML5試試看 系列 第 23

技術 [HTML5試試看-23] 資料儲存 - Web Storage

Web Storage提供了sessionStorage以及localStorage兩種方式,讓我們可以在Client端保存各種資料。來試試看... 從規格上看...

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

技術 [HTML5試試看-22] 溝通 - WebSocket Protocol

應該是考慮到雙向資料傳送及安全因素,所以...Websocket的溝通方式雖然還是類似http,但是過程比Server sent event複雜很多,獨立成為一...

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

達標好文 技術 盡早培養「自主解決問題」的能力

在講這個主題前,我要來分享個人經歷,在創立高雄前端社群後,常會有人敲我訊息說對前端有興趣,想瞭解要到什麼程度才有辦法滿足職場需求。 當然在業界久了,自然可以推薦...

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

技術 [HTML5試試看-14] 表單驗證

HTML5制定了一組通用的屬性及方法,利用這些特性就可以做表單驗證。除了通用的表單元素,一些特殊的表單元素還會內建預設的驗證邏輯。今天先來看一下表單驗證機制怎麼...

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

技術 時勢造英雄,奠定前端工程師的未來發展

來到這裡,我相信你已經對前端工程師的工作內容有些輪廓,這裡我將會順便講解前端工程師的由來,以及主要負責的工作項目有哪些讓你知曉。 歷史淵源 在以前根本沒有分所謂...

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

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

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

鐵人賽 Modern Web DAY 11

技術 Day11 - 貪吃蛇篇:前言及功能構想

前言 談到經典小遊戲,除了圈圈叉叉遊戲之外,還有一個家喻戶曉的遊戲,就是貪吃蛇,雖然現在智慧型手機和各種遊戲機的遊戲越做越華麗,越來越炫砲,但是經典的遊戲終究還...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 18

技術 [Day18] ASP.NET Core 2 系列 - Logging

ASP.NET Core 提供了好用的 Logging API,預設就已經將 Logger 物件放進 DI 容器,能直接透過 DI 取用記錄 Log 的物件。...

技術 favicon.ico-網站logo的製作與使用

我們在開啟google或是iT邦等網站時,都可以在分頁頁籤或書籤左側,看到它們專屬的小圖示,這個小圖示就是favicon。 要如何製作favicon.ico呢?...

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

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

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

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

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

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

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

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

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

鐵人賽 DAY 11
網路趴趴走 系列 第 11

技術 網路趴趴走-11:讓網頁更生動、活潑的「MAGGIE的網頁素材」

困擾找不到適合的素材讓網頁、部落格或個人作品更加有趣嗎?「MAGGIE的網頁素材」,絕對讓你滿載而歸! 總共分成十六大項的「MAGGIE的網頁素材」,含括有背景...

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

技術 Sass開發流程設計 - (13)Susy RWD Grid排版流程(上)

前面花了幾章篇幅討論Susy該怎麼用, 這次我們就直接進入實作吧, 首先我先找了個free的template:http://www.html5mania.com...

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

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

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

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

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

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

技術 [ASP.NET]ASP.NET 4.0 Overview-Web Forms

原文來自點部落:http://www.dotblogs.com.tw/jimmyyu/archive/2010/01/17/asp-net-40-overvie...

鐵人賽 Modern Web DAY 2

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

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

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

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

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

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

技術 Sass開發流程設計 - (9) Off-Canvas layout with Susy

這篇文章竟然花了我7個小時XDD 中間忘了存檔重打外, 重新打一遍又發現到新的觀念, 於是又越拖越晚...冏, 不過終於開始講到我想分享的一些較深入的Sass設...

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

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

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

達標好文 技術 [HTML5試試看-1] 到底什麼是HTML5?

熟悉HTML標準的人,應該都知道上一個版本的HTML標準,停留在1999年的4.01版。之後的XHTML...並沒有取得決定的影響力,2009年W3C甚至基於人...

技術 [ASP.NET]ASP.NET 4.0 Overview-Core Services

原文來自點部落:http://www.dotblogs.com.tw/jimmyyu/archive/2010/01/03/asp-net-40-overvie...

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

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

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

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

技術 [HTML5試試看-5] HTML文件結構今昔

HTML5把一些標籤變簡單了,文件結構大體不變,只少了一些東西。 HTML的演進歷史可以簡化成: SGML是個用來定義像html這類標記(markup)語言的...