大家好,我是洧杰,曾經參加過兩次的 IT鐵人邦比賽, 我在三月創立了六角學院,提供的服務是線上影音前端教學,每週三晚上我們也會提供線上問答解決學生實務上遇到的問...
jQuery是一個2006年推出的JS函式庫三大框架盛行的至今,到了2023年還是有許多台灣的企業還在使用jQuery以初學網頁的角度,我個人認同jQuery是...
使用Bootstrap框架,拉出HTML表單的皮 <div class="container"> <form>...
不使用JQuery Mobile,彈性的選單如何製作。 再不使用JQuery Mobile下,製作一個彈性下拉選單。 作法:利用JQuery去做,做好顯示一個選...
畫面繪製需要成本。 你了解觸發的時機嗎? 怎麼改善呢? 進來坐坐吧^^ <文章列表> IT人生組文章 --9/24 : 連鎖效應後的反思 - 瀏覽衝...
本篇分享簡易版的RWD的輪播效果功能 上一篇我們有簡約的使用tab做輪播,但一般想做的輪播應該會是做在Banner的,但偏偏新手的我,想在網路上找要不就是用...
在Navbar導覽選單加入泡泡提示。 這個插件可以在Navbar新增提示泡泡。 demo:http://www.stokkers.mobi/valuables/...
文字欄位在行動裝置上顯示相關輸入鍵的虛擬鍵盤。 JQuery Moblie支援基本的HTML5文字輸入控制項,以下是可用的文字輸入欄位 <input ty...
所有的HTML元件的使用方式,大多可以由w3school習得 ;但是,w3school沒告訴我們的是為什麼要用這個元件?或者什麼時候用這個元件?更或者怎樣使用這...
行動網站上表單元件的用法基本上和HTML的表單元件沒有太大差異, 而在標籤上可以依據行動裝置可以去做一些設定。 在行動網頁裝置可以去做水平和群組化的設定。 ●&...
本篇延續手刻tableRWD應用,將範例配合選取器改為響應式隱藏欄位並能展開 上幾篇介紹table神器後,是不是已經忘了我們手刻table系列哩?本系列相關...
教學影片 不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道 重點回顧 影片中提到的動畫類型有哪些 動畫的原理是利用什麼原理 如何利用一個開關...
範例 http://ry.url.tw/wp/doc/a9.htm 今天來分享一個寫套件必經的練習套件 - tooltip 套件程式碼 ;(function (...
謝謝Joseph Chung 謝謝那些在太陽這個年紀,還願意提醒太陽該注意什麼、該改善什麼的人。 太陽的想法很單純,他總認為...任何事情都不是難在怎麼做,而...
簡介 上一篇介紹 API 測試程式,還缺少頁面程式,和測試程式,基本上這邊會等前端把頁面寫好,才會交由後端來串接,這個專案是一個簡單的專案,實作最基本的頁面程式...
創建節點 js創建節點方法 // var box = document.getElementById('box');...
前幾天寫套件的時候,不小心犯了一個綁定事件的錯誤 因為我寫的套件,都是以widget會很多的狀況來寫。 所以綁定事件的時候,通常有兩個方式 第一種 : 每一個w...
速度差異,將近十倍。 <文章列表> IT人生組文章 --9/25 : 瀏覽衝量十法(完) http://ithelp.ithome.com.tw/...
介紹幾個比較重要事件 1.mobileinit:可以利用它來擴展$.mobile或者修改默認配置。 →對mobileinit的綁定事件需要在引入jquery.m...
太陽要面對的問題有兩個,第一個問題比較小,就是「他不會美工」。第二個問題比較大,那就是「他不會網頁程式開發...」。 早在1987年美商Apple公司,所提出的...
單次觸發的物件要存在主要的element裡面 如果一次觸發 產生多個element 而且使用量都很吃重,可以考慮都存 直接看範例 http://ry.url.t...
教學影片 不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道 重點回顧 我們可以利用CSS來做些甚麼 CSS可樂的網站/頻道/訂閱 CSS可...
因為常常要用css sprite做網頁動畫 所以利用這次的機會寫成套件 還滿開心自己設計的pattern考慮到滿多面向 基本上很合我用 套件原始碼 ;(func...
本篇介紹data-*常用抓取方法,以及需注意的地方 我們在<第9車廂-使用content:attr()實現tableRWD應用篇>,其實已經有用...
忘記是鐵人賽哪一天才領悟 我現在寫的東西比較適合widget類的套件。 因為我這一個模式,都假設會產生元素放到畫面上。 然後元素綁定事件 我們探討過的機制有 (...
將LIST和其他html內容在一起顯示。 預設下通常list清單都會顯示全頁模式,下面作法是要將list和其他HTML內容混用,也可以達到多清單的樣式,每個ul...
將使用這的要求轉化成實際的專案需求是實作專案以及節省時間的重要技巧。 var pts = 250; var => 宣告變數pts => 變數名稱2...
提升效能重要的觀念 如何提升element放進dom的速度呢? <文章列表> IT人生組文章 --9/23 : 推薦大家看半澤直樹 http://i...
什麼是變數? 程式碼會需要暫時儲存一些工作執行所需要的資料,它可以把這些資料存在變數中。儲存在變數中的資料是可變更的(或是可變化的),變數可以運用於表示程式碼中...
HTML5支援的日期欄位、自動增長的文字訊息欄位 HTML5新增了對日期欄位的支援,而JQuery Mobile也支援html5,所以直接指定input元素類型...