在Navbar導覽選單加入泡泡提示。 這個插件可以在Navbar新增提示泡泡。 demo:http://www.stokkers.mobi/valuables/...
撰寫Code的編輯器很多種,小到記事本大到一堆有的沒的都可以用。 而我最近因為開始學著用Sublime text,覺得也很好用~於是推薦一下:D 以下簡略介紹一...
設計行動網頁還是有需要注意的地方,主要是說確定網站的形象還有頁面設計上有什麼需要注意的地方還有一些技巧。 設計行動網頁需要注意的10項要素: 1.網站類型: (...
文字欄位在行動裝置上顯示相關輸入鍵的虛擬鍵盤。 JQuery Moblie支援基本的HTML5文字輸入控制項,以下是可用的文字輸入欄位 <input ty...
本篇主要是描述網頁「登入頁」(Landing Page),這個頁面是用戶一開始接觸的畫面,雖然這個頁面沒有固定的設計方法,但其實可以從各大網頁尋找到雷同的跡象,...
在感知運算的領域裡,你想要和世界上的高手切磋一下技術嗎? 你想要挑戰一下自己技術的極限嗎? 還有機會可以獲取10萬美金的獎金喔!快來參加Intel 感知運算挑...
本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...
如果你沒有IT背景,但又想開展網頁設計的職業生涯,這篇文章可能會適合你。 這篇文章會告訴你: 我自己親身的入行經歷 零背景,在「網頁開發」這行業接Freela...
前面完成了「Steps」區塊,今天來完成「Carousel」的區塊。 數據收集 margin-top : 96px Carousel底下Backg...
上一篇文章 http://ithelp.ithome.com.tw/question/10157539 是很粗淺的入門 如果真要學習 JavaScript 手邊...
行動網站上表單元件的用法基本上和HTML的表單元件沒有太大差異, 而在標籤上可以依據行動裝置可以去做一些設定。 在行動網頁裝置可以去做水平和群組化的設定。 ●&...
田中系統顧問是結合台灣和日本IT技術知識的公司,致力於規畫並完成有實際效果的網站,提升客戶競爭力。 若您喜歡coding,想要嘗試架構各種不同產業的網站,也喜歡...
情境 有時候我們的畫面會需要用到如下圖的 Modal 彈窗: 這樣的 Modal 彈窗,他的內容有可能是針對某個地方的額外說明,因此這個說明也有可能會需要詳細...
開始 真不好意思空了兩天,現在覺得時間過好快還剩9天就要結束了,不知道能否拿出完整的作品呢。 程式碼 我做了商品修改的頁面,目前可以修改 但是圖片不能上傳,可能...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...
程式領域裡面非常重視文件,當然 UI 中也是如此,為了確保設計可以被執行,大型應用程式、系統都會推出屬於自己的規範,如: iOS 的 Human Interf...
版面規劃中,清楚明白的連結絕對是重點中的重點。一個網站就算再怎麼好看,但使用者找不到正確路徑的話,網頁被關掉就會是必然的結果。 版面規劃中,清楚明白的連結絕對是...
rails 裡內建有 flash 的訊息功能, Sinatra 卻欠卻此好用功能。 (flash不是Adobe的Flash,只是出現訊息作用的名稱) 在 rai...
做網站時除了撰寫的工具以外,幫忙debug的工具也很重要,今日記錄了部分主流瀏覽器的除錯工具,內容如有誤還請指正,謝謝。 做網站時除了撰寫的工具以外,幫忙deb...
勝負判斷分析 昨天完成了 row 方向和 column 方向的勝負判斷,今天我們要來完成右斜和左斜方向的勝負判斷,我這邊先把這兩個方向命名為 forwardSl...
各位邦友們好: 我是高雄前端社群的創辦人洧杰,之前也參加過兩屆 的 IT 鐵人邦, 今年我們舉辦了一個前端技術研討會,時間是 5/6 日,在票種上除實體票也有直...
介紹幾個比較重要事件 1.mobileinit:可以利用它來擴展$.mobile或者修改默認配置。 →對mobileinit的綁定事件需要在引入jquery.m...
今天想分享的是關於Mockup製作上的一些小事:之前的準備動作完成後就是開始作稿的時間,Just do it!目標是客戶滿意後就可以開始切版...咦?在這之前是...
Day 28 - 你們服務項目有 Prototype,通常會位於流程的哪一階段呢? 在目前短暫的在外的拋頭露面當中,在 Prototype 這邊我都會多分享一些...
太陽要面對的問題有兩個,第一個問題比較小,就是「他不會美工」。第二個問題比較大,那就是「他不會網頁程式開發...」。 早在1987年美商Apple公司,所提出的...
將LIST和其他html內容在一起顯示。 預設下通常list清單都會顯示全頁模式,下面作法是要將list和其他HTML內容混用,也可以達到多清單的樣式,每個ul...
回顧檢討一下這個系列,還有什麼該加強。 這系列的主題是「建立API為中心的輕量級網站」, 試著想把 sinatra、redis、knockout.js 各別介紹...
選擇器學不好,要飯要到老(誤)我認為學好CSS選擇器對於網站效率有很大幫助,當然這點我也還在學習當中。 今天繼續紀錄CSS的選擇器,文章若有謬誤還請不吝指正m(...
底下的網址,可以讓您編寫CSS3.0(包括CSS2.0)直接看到效果喔。 但要注意的是,IE瀏覽器是不支援HTML5的,所以網站中的範例,用CSS 3.0編寫,...
HTML5支援的日期欄位、自動增長的文字訊息欄位 HTML5新增了對日期欄位的支援,而JQuery Mobile也支援html5,所以直接指定input元素類型...