iT邦幫忙

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

技術 作個網站吧!開始動手前(5)-優雅降級與漸進增強

最近發現了“優雅降級”與“漸進增強”,認為是個很重要的觀念,當下決定也要把這段內容紀錄到這次主題中。 單純聊聊個人心得,因為自己不是程式出身,內容部份就請各位多...

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

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

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

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

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

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

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

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

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

鐵人賽 其他技術 DAY 20
簡單學電腦繪圖 系列 第 17

技術 第二十課 怎麼開始網頁設計?

今天小內要交大家網頁設計流程 大家可以來看看喲^^ 現在科技那麼發達,越來越多商家,都需要規劃網頁,讓更多消費者看到他們的店家資訊,因為大家現在真的超級愛用電...

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

技術 30天掌握Sass語法 - (20) 利用@Mixin與Sass運算建立Grid System

雖然說如果你的網頁設計有符合960grid或其他grid system的話, 做網頁就相對方便許多, 但如果美術設計對grid system觀念不是很熟, 或者...

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

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

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

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

技術 JQuery Mobile日期選擇插件(DateBox)-Day 16

多種日期、時間ui介面 可以在官網:http://dev.jtsage.com/jQM-DateBox/選擇 下載URL:http://dev.jtsage.c...

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

技術 30天掌握Sass語法 - (19) Sass @Mixin and Compass結合運用範例

在之前我們都是在講關於Sass與Compass的語法教學, 這次我們來談談該如何使用Sass Mixin與Compass該如何結合, 才可以提升網頁設計師撰寫C...

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

技術 作個網站吧!開始動手前(2)-版面草圖

架構完成之後接著便是繪製草圖的工作。對我來說,草圖是決定區塊位置的圖表,所以都畫得很潦草,圖表旁多是註解就搞定。有時候會覺得這樣的方式太過簡單缺乏細節,也找了其...

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

技術 JQuery Mobile 滑動換頁效果 -Day 15

利用手機滑動切換顯示內容。 下面分享滑動切換內容效果運用 ●html內容: ●利用JQuery Mobile swipe事件 $function(){...

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

技術 30天掌握Sass語法 - (18)規劃你的Sass結構

在上回我們曾經提到過@import的用法, 它的功用在於可以將CSS檔案進行切割, 如果是單純要被匯入整合Sass檔, 而並沒有要轉出成CSS檔案的話, 那就在...

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

技術 利用ThemeRoller 工具自訂主題樣式- Day 14

下面介紹利用ThemeRoller修改清單、元件主題。 如果想修改清單、元件的顏色、字體大小主題修改可以利用官網ThemeRoller工具直接改套用。 ●先進入...

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

技術 作個網站吧!開始動手前(1)-網頁設計是甚麼?

在真正動手做網站前,我想記錄並釐清一些觀念, 或許不是相當完善,也希望訪客們能給予指教。 在真正動手做網站前,我想記錄並釐清一些觀念, 或許不是相當完善,也希望...

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

技術 30天掌握Sass語法 - (17)使用@content建構RWD網頁設計

esponsive Web Design(RWD) 又稱為響應式網頁設計, 它可以因應網頁解析度上的不同, 進而改變網頁上的樣式, 如果你不了解什麼是RWD的話...

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

技術 作個網站吧!序

日新月異的開發資訊與技術總是令我眼花繚亂,在囫圇吞棗的當下也思考著是否該整理自己手邊的資訊,幫助自己不重蹈覆轍以及...蹲馬步! 接觸網站開發的時間說長不長,說...

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

技術 JQM開發要注意事項-Day 13

JQuery Mobile在使用上有哪些需要注意的地方 ●Javascript使用須知: 1.jQuery Mobile是採用ajax方式運作,除了第一次loa...

鐵人賽 開發技術 DAY 1

達標好文 技術 Day1- 入門AngularJS筆記與前端領域的學習筆記分享介紹

我是AnnaSu、是剛進入前端領域不久、努力學習中的初級F2e, 本身是個網路素人、沒有深厚的背景,沒有太多寫技術文的經驗。 期望透過三十天的不間斷筆記,用力...

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

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

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

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

技術 JQuery Mobile 事件-Day 12

jquery mobile事件 ●pageinit:頁面初始是針對每個data-role=”page”去做,每讀取一個page就會在重新讀取。 →作法:$(‘#...

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

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

技術 30天掌握Sass語法 - (14)透過Compass CSS3 Mixin輕鬆撰寫CSS3靜態樣式

在早期如果我們必須要撰寫一個最基礎的圓弧效果時, 是必須要寫很多瀏覽器前綴詞的,譬如這樣: .box{ -webkit-border-radius: 100...

技術 JQuery Mobile 按鈕做調整-Day 11

行種網站設計按鈕是很常使用到的樣式,所以要分享幾個按鈕修改的方法 就按鈕修改的方法,下面小小分享幾個基本修改。 ●設定圖示類型:JQuery Mobile有預設...

技術 Day14 package.appxmanifest 檔,設定你的 Window 8 App

轉眼間已經到了第14天了,然後我也快沒梗了>>>> 感謝大家前13天的支持,這麼冷門的文章還有人捧場,實在太感動了... 今天要介紹的...

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

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

技術 30天掌握Sass語法 - (13)如何使用sublime text 2 打造撰寫Sass環境

Sublime text 2 網站連結: http://www.sublimetext.com/2 首先Sublime text 2是沒有提供Sass、Scss...

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

技術 JQuery Mobile 清單搜尋元件-Day9

介紹JQuery Mobile設定的搜尋方法,關鍵字搜尋、自訂搜尋。 下面介紹設計在行動網頁上的搜尋功能,JQuery Mobile搜尋的設定。 ●List S...

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

技術 30天掌握Sass語法 - (12)以Bootstrap framework淺談HTML、SASS設計模式

相信網頁設計師們都知道bootstrap這個前端framework, 載入它的js與css後, 之後只要在你的html tag加上他寫好的class樣式即可。...

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

技術 JQuery Mobile List清單元件-Day8

這邊要介紹一些JQuery Mobile元件的清單,有哪些清單可以做使用 ●基本List:可以當一個清單選單,分為有序和無序清單。 作法:使用<ul&gt...