在以往有些網站性質會因為節慶的關係， 而會修改網頁樣式， 在傳統比較常見的做法， 一個網站會有兩隻CSS， 第一個CSS是網站全域樣式，譬如Layout、mod...
團隊開發網站分工：前臺、後臺、美編、資料庫、SEO、廣告AE、使用者經驗分析… 我就一個人開發網站，美編平面找他人協助，剩下全部包辦，所以我主攻「網站資料庫應用...
Bootstrap 的 Grid system 是依循 960.gs 的方式來佈局。 其中的 .row 是列的單位， 而.col-{媒體形式}-{數字} 算是...
所謂的三思而後行是指在寫之前要考慮一些小事，像是瀏覽器的支援度或是避免Html的錯誤。 所謂的三思而後行是指在寫之前要考慮一些小事，像是瀏覽器的支援度或是避免H...
該如何讓兩位以上的隊友發揮1+1=3以上的更大價值， 一直以來都是公司團隊間時常需要討論的議題， 又會因為每個隊友的能力不同， 所以每間公司的團隊流程也會有所調...
HTML5支援的日期欄位、自動增長的文字訊息欄位 HTML5新增了對日期欄位的支援，而JQuery Mobile也支援html5，所以直接指定input元素類型...
今天分享的是檔案的分類和檔案的大小。 有秩序的分類跟縮小檔案容量雖然都是小事情， 可是隨著專案時間拉長，內容增加的時候就越顯重要。 今天分享的是檔案的分類和檔案...
在眾多 CSS 框架裡， Bootstrap 在網頁程式開發的環境裡， 可能是簡潔又易用的前端框架工具。 此框架最早是以 Twitter Bootstrap 為...
文字欄位在行動裝置上顯示相關輸入鍵的虛擬鍵盤。 JQuery Moblie支援基本的HTML5文字輸入控制項，以下是可用的文字輸入欄位 <input ty...
今天如果你創立了一個Compass專案後， 會發現資料夾內會有一個config.rb， 它的用處主要是拿來設定一些有用的參數， 透過這一次分享來進行一一的介紹。...
動態按鈕的運用，新增按鈕、禁止使用按鈕、啟用按鈕介紹。 1.事件語法—按下新增按鈕後，新增一個按鈕 $("#b1").bind('click...
不知道各位怎麼切版的呢？Ps跟AI都有切片工具，方式從製作電子報到整頁Html的形式都有，看起來似乎是不難，但要切出靈活度高的網頁卻又是另外一回事兒。以下分享我...
網頁設計師在設計網頁時， 通常都會直接瀏覽繪圖軟體工具來觀看色盤， 但如果是透過Sass顏色函數的話， 就可以自動產生出所想要的顏色。 同時也會介紹一個Sass...
JQuery Mobile的彈出視窗如何設定 使用彈出視窗： 設置alert dialog 给標籤設定data-role="dialog"...
最近發現了“優雅降級”與“漸進增強”，認為是個很重要的觀念，當下決定也要把這段內容紀錄到這次主題中。 單純聊聊個人心得，因為自己不是程式出身，內容部份就請各位多...
一般網頁設計師在編譯Sass時， 時常會遇到一些無法編譯成功的問題， 通常要找很久資源才會知道該怎麼撰寫正確的Sass格式， 所以這裡也提供一些除錯細節， 讓大...
今天想分享的是關於Mockup製作上的一些小事：之前的準備動作完成後就是開始作稿的時間，Just do it！目標是客戶滿意後就可以開始切版...咦？在這之前是...
介紹幾個比較重要事件 1.mobileinit：可以利用它來擴展$.mobile或者修改默認配置。 →對mobileinit的綁定事件需要在引入jquery.m...
今天小內要交大家網頁設計流程 大家可以來看看喲＾＾ 現在科技那麼發達，越來越多商家，都需要規劃網頁，讓更多消費者看到他們的店家資訊，因為大家現在真的超級愛用電...
雖然說如果你的網頁設計有符合960grid或其他grid system的話， 做網頁就相對方便許多， 但如果美術設計對grid system觀念不是很熟， 或者...
版面規劃中，清楚明白的連結絕對是重點中的重點。一個網站就算再怎麼好看，但使用者找不到正確路徑的話，網頁被關掉就會是必然的結果。 版面規劃中，清楚明白的連結絕對是...
多種日期、時間ui介面 可以在官網：http://dev.jtsage.com/jQM-DateBox/選擇 下載URL：http://dev.jtsage.c...
在之前我們都是在講關於Sass與Compass的語法教學， 這次我們來談談該如何使用Sass Mixin與Compass該如何結合， 才可以提升網頁設計師撰寫C...
架構完成之後接著便是繪製草圖的工作。對我來說，草圖是決定區塊位置的圖表，所以都畫得很潦草，圖表旁多是註解就搞定。有時候會覺得這樣的方式太過簡單缺乏細節，也找了其...
利用手機滑動切換顯示內容。 下面分享滑動切換內容效果運用 ●html內容： ●利用JQuery Mobile swipe事件 $function(){...
在上回我們曾經提到過@import的用法， 它的功用在於可以將CSS檔案進行切割， 如果是單純要被匯入整合Sass檔， 而並沒有要轉出成CSS檔案的話， 那就在...
下面介紹利用ThemeRoller修改清單、元件主題。 如果想修改清單、元件的顏色、字體大小主題修改可以利用官網ThemeRoller工具直接改套用。 ●先進入...
在真正動手做網站前，我想記錄並釐清一些觀念， 或許不是相當完善，也希望訪客們能給予指教。 在真正動手做網站前，我想記錄並釐清一些觀念， 或許不是相當完善，也希望...
esponsive Web Design(RWD) 又稱為響應式網頁設計， 它可以因應網頁解析度上的不同， 進而改變網頁上的樣式， 如果你不了解什麼是RWD的話...
廖洧杰
iknowlab
逮丸逮丸
tpodomoto
ramya
小內 Caz
iThome鐵人賽
看影片追技術