iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 Like 1 留言 4677 瀏覽

鐵人賽開發技術 DAY 6

作個網站吧！系列第 6 篇

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

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

tpodomoto ‧ 2013-10-06

3 Like 2 留言 9457 瀏覽

鐵人賽開發技術 DAY 21

30天掌握Sass語法系列第 17 篇

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

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

廖洧杰 ‧ 2013-10-06

3 Like 1 留言 3024 瀏覽

鐵人賽開發技術 DAY 5

作個網站吧！系列第 5 篇

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

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

tpodomoto ‧ 2013-10-05

2 Like 0 留言 2961 瀏覽

鐵人賽開發技術 DAY 17

學習手機網站開發系列第 14 篇

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

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

ramya ‧ 2013-10-05

8 Like 5 留言 13431 瀏覽

鐵人賽其他技術 DAY 20

簡單學電腦繪圖系列第 17 篇

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

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

小內 Caz ‧ 2013-10-05

2 Like 0 留言 8124 瀏覽

鐵人賽開發技術 DAY 20

30天掌握Sass語法系列第 16 篇

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

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

廖洧杰 ‧ 2013-10-05

2 Like 1 留言 3020 瀏覽

鐵人賽開發技術 DAY 4

作個網站吧！系列第 4 篇

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

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

tpodomoto ‧ 2013-10-04

3 Like 1 留言 4769 瀏覽

鐵人賽開發技術 DAY 16

學習手機網站開發系列第 13 篇

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

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

ramya ‧ 2013-10-04

6 Like 2 留言 12119 瀏覽

鐵人賽開發技術 DAY 19

30天掌握Sass語法系列第 15 篇

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

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

廖洧杰 ‧ 2013-10-04

2 Like 1 留言 4960 瀏覽

鐵人賽開發技術 DAY 3

作個網站吧！系列第 3 篇

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

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

tpodomoto ‧ 2013-10-03

1 Like 0 留言 11793 瀏覽

鐵人賽開發技術 DAY 15

學習手機網站開發系列第 12 篇

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

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

ramya ‧ 2013-10-03

5 Like 1 留言 16960 瀏覽

鐵人賽開發技術 DAY 18

30天掌握Sass語法系列第 14 篇

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

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

廖洧杰 ‧ 2013-10-03

2 Like 1 留言 4626 瀏覽

鐵人賽開發技術 DAY 14

學習手機網站開發系列第 11 篇

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

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

ramya ‧ 2013-10-02

1 Like 2 留言 2572 瀏覽

鐵人賽開發技術 DAY 2

作個網站吧！系列第 2 篇

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

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

tpodomoto ‧ 2013-10-02

2 Like 1 留言 24264 瀏覽

鐵人賽開發技術 DAY 17

30天掌握Sass語法系列第 13 篇

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

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

廖洧杰 ‧ 2013-10-02

1 Like 2 留言 1872 瀏覽

鐵人賽開發技術 DAY 1

作個網站吧！系列第 1 篇

技術作個網站吧！序

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

tpodomoto ‧ 2013-10-01

4 Like 1 留言 4661 瀏覽

鐵人賽開發技術 DAY 13

學習手機網站開發系列第 10 篇

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

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

ramya ‧ 2013-10-01

11 Like 1 留言 51365 瀏覽

鐵人賽開發技術 DAY 1

入門AngularJS筆記與前端領域的學習筆記分享系列第 1 篇

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

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

iamya ‧ 2013-10-01

4 Like 0 留言 9441 瀏覽

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

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

廖洧杰 ‧ 2013-10-01

8 Like 3 留言 2949 瀏覽

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

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

SunAllen ‧ 2013-10-01

2 Like 1 留言 3092 瀏覽

技術 JQuery Mobile 事件-Day 12

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

ramya ‧ 2013-09-30

4 Like 4 留言 10140 瀏覽

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

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

廖洧杰 ‧ 2013-09-30

4 Like 1 留言 10682 瀏覽

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

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

廖洧杰 ‧ 2013-09-29

4 Like 1 留言 11848 瀏覽

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

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

ramya ‧ 2013-09-29

8 Like 1 留言 4117 瀏覽

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

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

yiying ‧ 2013-09-29

2 Like 2 留言 3418 瀏覽

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

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

ramya ‧ 2013-09-28

5 Like 2 留言 14946 瀏覽

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

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

廖洧杰 ‧ 2013-09-28

3 Like 0 留言 6156 瀏覽

鐵人賽開發技術 DAY 9

學習手機網站開發系列第 9 篇

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

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

ramya ‧ 2013-09-27

6 Like 2 留言 15347 瀏覽

鐵人賽開發技術 DAY 12

30天掌握Sass語法系列第 12 篇

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

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

廖洧杰 ‧ 2013-09-27

1 Like 0 留言 4069 瀏覽

鐵人賽開發技術 DAY 8

學習手機網站開發系列第 8 篇

技術 JQuery Mobile List清單元件-Day8

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

ramya ‧ 2013-09-26

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