iT邦幫忙

網頁設計相關文章
共有 824 則文章
鐵人賽 開發技術 DAY 29
學習手機網站開發 系列 第 26

技術 Bartender插件-Day 29

在Navbar導覽選單加入泡泡提示。 這個插件可以在Navbar新增提示泡泡。 demo:http://www.stokkers.mobi/valuables/...

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

技術 作個網站吧!Quickly Sass(3)-神器出動:Sublime text使用心得

撰寫Code的編輯器很多種,小到記事本大到一堆有的沒的都可以用。 而我最近因為開始學著用Sublime text,覺得也很好用~於是推薦一下:D 以下簡略介紹一...

鐵人賽 開發技術 DAY 2
學習手機網站開發 系列 第 2

技術 行動裝置網頁開發需要注意的要素-Day2

設計行動網頁還是有需要注意的地方,主要是說確定網站的形象還有頁面設計上有什麼需要注意的地方還有一些技巧。 設計行動網頁需要注意的10項要素: 1.網站類型: (...

鐵人賽 開發技術 DAY 20
學習手機網站開發 系列 第 17

技術 JQuery Mobile 文字欄位-Day 20

文字欄位在行動裝置上顯示相關輸入鍵的虛擬鍵盤。 JQuery Moblie支援基本的HTML5文字輸入控制項,以下是可用的文字輸入欄位 <input ty...

鐵人賽 Modern Web DAY 19
前端「設計」聖光之路 系列 第 19

技術 版面視覺動線配置

本篇主要是描述網頁「登入頁」(Landing Page),這個頁面是用戶一開始接觸的畫面,雖然這個頁面沒有固定的設計方法,但其實可以從各大網頁尋找到雷同的跡象,...

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

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

鐵人賽 自我挑戰組 DAY 7

技術 【Day 07】設計流程:繪製 Mockup 設計精稿之前 ( 網格系統+原子設計 )

本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...

技術 IT入行攻略 - 由零開始,開展網頁設計生涯

如果你沒有IT背景,但又想開展網頁設計的職業生涯,這篇文章可能會適合你。 這篇文章會告訴你: 我自己親身的入行經歷 零背景,在「網頁開發」這行業接Freela...

鐵人賽 開發技術 DAY 8

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#8-- JavaScript入門 (II)

上一篇文章 http://ithelp.ithome.com.tw/question/10157539 是很粗淺的入門 如果真要學習 JavaScript 手邊...

技術 JQuery Mobile 表單標籤設定-Day 10

行動網站上表單元件的用法基本上和HTML的表單元件沒有太大差異, 而在標籤上可以依據行動裝置可以去做一些設定。 在行動網頁裝置可以去做水平和群組化的設定。 ●&...

徵才 【徵才】誠徵網站製作Coding達人~(台北市信義區)

田中系統顧問是結合台灣和日本IT技術知識的公司,致力於規畫並完成有實際效果的網站,提升客戶競爭力。 若您喜歡coding,想要嘗試架構各種不同產業的網站,也喜歡...

鐵人賽 Modern Web DAY 16

技術 【Day16】滾動條 - 避免滾動穿透

情境 有時候我們的畫面會需要用到如下圖的 Modal 彈窗: 這樣的 Modal 彈窗,他的內容有可能是針對某個地方的額外說明,因此這個說明也有可能會需要詳細...

鐵人賽 自我挑戰組 DAY 21

技術 [DAY21]修改商品

開始 真不好意思空了兩天,現在覺得時間過好快還剩9天就要結束了,不知道能否拿出完整的作品呢。 程式碼 我做了商品修改的頁面,目前可以修改 但是圖片不能上傳,可能...

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

技術 HTML Audio/Video Properties(4)

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

鐵人賽 Modern Web DAY 6

技術 文件、規範參考 - Material Design

程式領域裡面非常重視文件,當然 UI 中也是如此,為了確保設計可以被執行,大型應用程式、系統都會推出屬於自己的規範,如: iOS 的 Human Interf...

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

技術 作個網站吧!開始動手前(3)-作個不迷路的孩子

版面規劃中,清楚明白的連結絕對是重點中的重點。一個網站就算再怎麼好看,但使用者找不到正確路徑的話,網頁被關掉就會是必然的結果。 版面規劃中,清楚明白的連結絕對是...

鐵人賽 IT技術 DAY 10

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

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

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

技術 作個網站吧!除蟲幫手們

做網站時除了撰寫的工具以外,幫忙debug的工具也很重要,今日記錄了部分主流瀏覽器的除錯工具,內容如有誤還請指正,謝謝。 做網站時除了撰寫的工具以外,幫忙deb...

鐵人賽 Modern Web DAY 9

技術 Day09 - Tic Tac Toe篇:勝負判斷方法(2/2)

勝負判斷分析 昨天完成了 row 方向和 column 方向的勝負判斷,今天我們要來完成右斜和左斜方向的勝負判斷,我這邊先把這兩個方向命名為 forwardSl...

活動 【網頁技術研討會】各路前端大神詮釋 2017 年網頁技術趨勢

各位邦友們好: 我是高雄前端社群的創辦人洧杰,之前也參加過兩屆 的 IT 鐵人邦, 今年我們舉辦了一個前端技術研討會,時間是 5/6 日,在票種上除實體票也有直...

鐵人賽 開發技術 DAY 17
學習手機網站開發 系列 第 14

技術 JQuery Mobile較重要事件-Day 17

介紹幾個比較重要事件 1.mobileinit:可以利用它來擴展$.mobile或者修改默認配置。 →對mobileinit的綁定事件需要在引入jquery.m...

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

技術 作個網站吧!開始動手前(4)-提案看不到的是…

今天想分享的是關於Mockup製作上的一些小事:之前的準備動作完成後就是開始作稿的時間,Just do it!目標是客戶滿意後就可以開始切版...咦?在這之前是...

鐵人賽 自我挑戰組 DAY 28

技術 【第 28 個第一次】 Prototype 好重要,Marvelapp 讓點子瞬間視覺飛起來 !

Day 28 - 你們服務項目有 Prototype,通常會位於流程的哪一階段呢? 在目前短暫的在外的拋頭露面當中,在 Prototype 這邊我都會多分享一些...

技術 東之宿_開發日誌-1

太陽要面對的問題有兩個,第一個問題比較小,就是「他不會美工」。第二個問題比較大,那就是「他不會網頁程式開發...」。 早在1987年美商Apple公司,所提出的...

鐵人賽 開發技術 DAY 27
學習手機網站開發 系列 第 24

技術 JQM內嵌(inline)清單&圖示清單-Day 27

將LIST和其他html內容在一起顯示。 預設下通常list清單都會顯示全頁模式,下面作法是要將list和其他HTML內容混用,也可以達到多清單的樣式,每個ul...

鐵人賽 IT技術 DAY 30

技術 待完成的相關議題

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

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

技術 作個網站吧!Beauty CSS(4)-選擇器part2

選擇器學不好,要飯要到老(誤)我認為學好CSS選擇器對於網站效率有很大幫助,當然這點我也還在學習當中。 今天繼續紀錄CSS的選擇器,文章若有謬誤還請不吝指正m(...

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

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

鐵人賽 開發技術 DAY 21
學習手機網站開發 系列 第 18

技術 日期欄位、文字訊息-Day 21

HTML5支援的日期欄位、自動增長的文字訊息欄位 HTML5新增了對日期欄位的支援,而JQuery Mobile也支援html5,所以直接指定input元素類型...