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

8 Like 0 留言 15607 瀏覽

鐵人賽開發技術 DAY 29

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

技術 30天掌握Sass語法 - (29) @for+random()創造無限可能

for迴圈不論是在哪個程式語言上都非常的常見，這一次則是介紹Sass @for的運用方法。我們先來一個簡單的範例 @for $i from 1 thro...

廖洧杰 ‧ 2013-10-14

1 Like 2 留言 2596 瀏覽

鐵人賽其他技術 DAY 22

跟著感覺走，隨想的開發技術，堆砌了我的 IT 人生系列第 18 篇

技術節能減碳的口號喊了很多年，有識之士醞釀出教育部的補助款，交辦各級院校安裝「電力需量控制系統」，我也參了一腳。

「電力需量控制系統」是啥？IT 界的人知道嗎？應該是「電控」的世界吧！幾億的經費誰不眼紅，管他原來熟悉哪一領域，大家各顯神通。雖然系統規格中有個「監視網頁」...

iknowlab ‧ 2013-10-14

0 Like 0 留言 2529 瀏覽

鐵人賽開發技術 DAY 13

作個網站吧！系列第 13 篇

技術作個網站吧！Beauty CSS(2)-CSS Hack

今天紀錄一下修正不同瀏覽器間顯示問題的利器--CSS Hack。今天紀錄一下修正不同瀏覽器間顯示問題的利器--CSS Hack。如果要把全部CSS寫在同一檔...

tpodomoto ‧ 2013-10-13

7 Like 3 留言 11919 瀏覽

鐵人賽其他技術 DAY 28

快寫HTML靜態網頁系列第 25 篇

技術用 HTML + reveal.js 的簡報效果

古早以前有 S5: A Simple Standards-Based Slide Show System，用 HTML 來做網頁式的簡報的作法，效果看起來像...

逮丸逮丸 ‧ 2013-10-13

2 Like 1 留言 1994 瀏覽

鐵人賽其他技術 DAY 21

跟著感覺走，隨想的開發技術，堆砌了我的 IT 人生系列第 17 篇

技術誰不想開發出殺手級網路應用系統，肖想名利雙收。我當然沒那能耐，我開發的是能協助商業活動的輔助網站。

網站能全自動營運，不需要創建網站的公司耗精力與「真人」溝通，還能有良好營收，不是靠「本夢比」來炒股，我認為只有「限制級」網站有辦法達成。但，這應該無法列為殺手級...

iknowlab ‧ 2013-10-13

3 Like 3 留言 15249 瀏覽

鐵人賽開發技術 DAY 28

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

技術 30天掌握Sass語法 - (28)Compass圖片合併功能(CSS Sprite)

在早期網頁設計師要做CSS Sprite的時候，除了自己手做土法煉鋼以外，同時也會使用線上網站工具來解決這個問題，剛好翻到六年前我自己在photoshop...

廖洧杰 ‧ 2013-10-13

1 Like 1 留言 5403 瀏覽

鐵人賽開發技術 DAY 25

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

技術 JQuery Mobile頁尾狀態續存-Day 25

同時使用Navbars和續存頁尾時，讓Navbars可以維護所選狀態。同時使用Navbars和續存頁尾時，讓Navbars可以維護所選狀態，通常在頁面轉換時頁...

ramya ‧ 2013-10-13

1 Like 0 留言 3585 瀏覽

鐵人賽開發技術 DAY 24

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

技術 Responsive Mobile Menu製作-Day 24

不使用JQuery Mobile，彈性的選單如何製作。再不使用JQuery Mobile下，製作一個彈性下拉選單。作法：利用JQuery去做，做好顯示一個選...

ramya ‧ 2013-10-12

6 Like 1 留言 11357 瀏覽

鐵人賽開發技術 DAY 27

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

技術 30天掌握Sass語法 - (27) 使用@if提升@Mixin靈活度，以CSS圖形化為例

在第20天的時候，我有分享關於@Mixin與Sass運算的運用手法，但在一些設計情境下，你會發現有些樣式如果只單純用Sass運算還是不太夠的，所以這一次...

廖洧杰 ‧ 2013-10-12

1 Like 0 留言 2520 瀏覽

鐵人賽開發技術 DAY 12

作個網站吧！系列第 12 篇

技術作個網站吧！Beauty CSS(1)-愛美是人的天性

愛美是人的天性，版面漂漂亮亮不用說，原始碼當然也要整整齊齊，除了（程式）看著心情好比較不會找你麻煩（喂）以外，除錯也比較容易。愛美是人的天性，版面漂漂亮亮不用...

tpodomoto ‧ 2013-10-12

2 Like 1 留言 5454 瀏覽

鐵人賽開發技術 DAY 11

作個網站吧！系列第 11 篇

技術作個網站吧！HTML的二三事(5)-SEO衝衝衝

雖然SEO不是簡簡單單一篇就可以說完，但能在開始製作時就注意一些小細節，增加被搜尋的機會，有何不可呢？雖然SEO不是簡簡單單一篇就可以說完，但能在開始製作時就...

tpodomoto ‧ 2013-10-11

6 Like 1 留言 3963 瀏覽

鐵人賽開發技術 DAY 23

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

技術 Responsive Mobile Menu幾種實作方法-Day 23

適應式網站上Menu也是需要設計的一項元素之一，如何好用好看，介紹幾種實作方法 Menu要如何設計在運用上會好用方便，大致性上的作法。 →縮小選單：在選單間的間...

ramya ‧ 2013-10-11

6 Like 1 留言 10471 瀏覽

鐵人賽開發技術 DAY 26

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

技術 30天掌握Sass語法 - (26) 如何讓你的CSS動畫更具動態效果

.box height: 30px width: 30px transition: all 1s &:hover width:...

廖洧杰 ‧ 2013-10-11

6 Like 2 留言 9892 瀏覽

鐵人賽其他技術 DAY 25

快寫HTML靜態網頁系列第 22 篇

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

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

逮丸逮丸 ‧ 2013-10-10

2 Like 0 留言 6132 瀏覽

鐵人賽開發技術 DAY 10

作個網站吧！系列第 10 篇

技術作個網站吧！HTML的二三事(4)-支援不支援？

現在已經是Html5的時代，因應新規格的來臨，我們要放開胸懷迎接Html5的新標籤.... 現在已經是Html5的時代，因應新規格的來臨，我們要放開胸懷迎接Ht...

tpodomoto ‧ 2013-10-10

4 Like 0 留言 4843 瀏覽

鐵人賽開發技術 DAY 22

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

技術 JQuery Mobile彈跳清單-Day 22

JQuery Mobile清單以彈跳視窗樣式彈出。清單選項也可以做一個彈跳清單，點選清單出現相關選項清單，供使用者挑選。作法： ●在<select&g...

ramya ‧ 2013-10-10

4 Like 2 留言 11124 瀏覽

鐵人賽開發技術 DAY 25

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

技術 30天掌握Sass語法 - (25) 透過index()與nth()來設計網站版本樣式控制管理

在以往有些網站性質會因為節慶的關係，而會修改網頁樣式，在傳統比較常見的做法，一個網站會有兩隻CSS，第一個CSS是網站全域樣式，譬如Layout、mod...

廖洧杰 ‧ 2013-10-10

8 Like 1 留言 2308 瀏覽

鐵人賽其他技術 DAY 18

跟著感覺走，隨想的開發技術，堆砌了我的 IT 人生系列第 14 篇

技術網站傳奇故事一部部上映，誰不想當那故事中的主角？進而，網站開發的需求接踵而至。

團隊開發網站分工：前臺、後臺、美編、資料庫、SEO、廣告AE、使用者經驗分析… 我就一個人開發網站，美編平面找他人協助，剩下全部包辦，所以我主攻「網站資料庫應用...

iknowlab ‧ 2013-10-10

2 Like 0 留言 5269 瀏覽

鐵人賽其他技術 DAY 24

快寫HTML靜態網頁系列第 21 篇

技術使用 Bootstrap 佈局網頁

Bootstrap 的 Grid system 是依循 960.gs 的方式來佈局。其中的 .row 是列的單位，而.col-{媒體形式}-{數字} 算是...

逮丸逮丸 ‧ 2013-10-09

5 Like 2 留言 2268 瀏覽

鐵人賽開發技術 DAY 9

作個網站吧！系列第 9 篇

技術作個網站吧！HTML的二三事(3)-三思而後行

所謂的三思而後行是指在寫之前要考慮一些小事，像是瀏覽器的支援度或是避免Html的錯誤。所謂的三思而後行是指在寫之前要考慮一些小事，像是瀏覽器的支援度或是避免H...

tpodomoto ‧ 2013-10-09

6 Like 2 留言 5965 瀏覽

鐵人賽開發技術 DAY 24

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

技術 30天掌握Sass語法 - (24) 淺談Sass協作流程分享

該如何讓兩位以上的隊友發揮1+1=3以上的更大價值，一直以來都是公司團隊間時常需要討論的議題，又會因為每個隊友的能力不同，所以每間公司的團隊流程也會有所調...

廖洧杰 ‧ 2013-10-09

3 Like 1 留言 3170 瀏覽

鐵人賽開發技術 DAY 21

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

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

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

ramya ‧ 2013-10-09

5 Like 0 留言 2558 瀏覽

鐵人賽開發技術 DAY 8

作個網站吧！系列第 8 篇

技術作個網站吧！HTML的二三事(2)-大小排列有關係

今天分享的是檔案的分類和檔案的大小。有秩序的分類跟縮小檔案容量雖然都是小事情，可是隨著專案時間拉長，內容增加的時候就越顯重要。今天分享的是檔案的分類和檔案...

tpodomoto ‧ 2013-10-08

2 Like 1 留言 3873 瀏覽

鐵人賽其他技術 DAY 23

快寫HTML靜態網頁系列第 20 篇

技術選用 Bootstrap 框架協助加速前端開發

在眾多 CSS 框架裡， Bootstrap 在網頁程式開發的環境裡，可能是簡潔又易用的前端框架工具。此框架最早是以 Twitter Bootstrap 為...

逮丸逮丸 ‧ 2013-10-08

2 Like 0 留言 3272 瀏覽

鐵人賽開發技術 DAY 20

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

技術 JQuery Mobile 文字欄位-Day 20

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

ramya ‧ 2013-10-08

1 Like 0 留言 15014 瀏覽

鐵人賽開發技術 DAY 23

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

技術 30天掌握Sass語法 - (23) 介紹Sass與Compass的config.rb設定

今天如果你創立了一個Compass專案後，會發現資料夾內會有一個config.rb，它的用處主要是拿來設定一些有用的參數，透過這一次分享來進行一一的介紹。...

廖洧杰 ‧ 2013-10-08

3 Like 1 留言 5996 瀏覽

鐵人賽開發技術 DAY 19

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

技術 JQuery Mobile 動態新增按鈕-Day 19

動態按鈕的運用，新增按鈕、禁止使用按鈕、啟用按鈕介紹。 1.事件語法—按下新增按鈕後，新增一個按鈕 $("#b1").bind('click...

ramya ‧ 2013-10-07

8 Like 2 留言 10169 瀏覽

鐵人賽開發技術 DAY 7

作個網站吧！系列第 7 篇

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

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

tpodomoto ‧ 2013-10-07

3 Like 2 留言 9130 瀏覽

鐵人賽開發技術 DAY 22

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

技術 30天掌握Sass語法 - (22)Sass顏色函數介紹

網頁設計師在設計網頁時，通常都會直接瀏覽繪圖軟體工具來觀看色盤，但如果是透過Sass顏色函數的話，就可以自動產生出所想要的顏色。同時也會介紹一個Sass...

廖洧杰 ‧ 2013-10-07

2 Like 0 留言 4898 瀏覽

鐵人賽開發技術 DAY 18

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

技術 JQuery Mobile 彈出視窗-Day18

JQuery Mobile的彈出視窗如何設定使用彈出視窗：設置alert dialog 给標籤設定data-role="dialog"...

ramya ‧ 2013-10-06

技術 30天掌握Sass語法 - (29) @for+random()創造無限可能

技術 節能減碳的口號喊了很多年，有識之士醞釀出教育部的補助款，交辦各級院校安裝「電力需量控制系統」，我也參了一腳。

技術 作個網站吧！Beauty CSS(2)-CSS Hack

技術 用 HTML + reveal.js 的簡報效果

技術 誰不想開發出殺手級網路應用系統，肖想名利雙收。我當然沒那能耐，我開發的是能協助商業活動的輔助網站。