FB event:https://www.facebook.com/events/1313247108762291GitHub repo: https://gi...
由Twitter所推出，靈活紮實的建議列表函式庫 GitHub Star: 14,800Javascripting Overall: 85%瀏覽器: Chr...
選擇器 (selector) 包含：Class 與 ID Class 的宣告法，是先放一個句點 (.)，之後再列出選擇器名稱。設定一個 Class 選擇器的語...
小斑
‧
2017-12-25
今天來簡單介紹一下，如何將 h1 (主標題)內的文字置換成精美的 LOGO 圖片！ 當然精美的 LOGO 請自己做自己想辦法，這邊只有教學怎麼置換而已 (喂...
FB event:https://www.facebook.com/events/403776003304356/GitHub repo: https://gi...
切斷CSS與JavaScript的耦合 用來為元素指定樣式的類別與ID不應該在JavaScript中被用來選取元素，因為這樣就會產生相依性(dependency...
在一個 HTML 文件中，標籤之間有所謂的親子關係。舉例來說，title 這個標籤一定都是在 head 這個標籤之內，所以我們就說 title 是 head...
小斑
‧
2017-12-24
FB event: https://www.facebook.com/events/251162775324152/GitHub repo: https://g...
Chosen是一套jQuery的套件，目的是讓又長又笨重的下拉式選單變得更友善 GitHub Star: 21,000Javascripting Overa...
昨日回顧點我 那這兩天我們就把選單跟內容的部分都放進去，過幾天開始寫細部的樣式那為什麼要這麼做呢？因為我不想一次講太多css的屬性造成吸收不良XD 左側選單...
樂樂
‧
2017-12-23
表格：table標題：th格子：td 範例如下： <!DOCTYPE html> <html> <head> <t...
小斑
‧
2017-12-23
練習目標 頁面排版 錨點 Top 按鈕 CodePen 重點屬性 padding & margin 這是我們最常看到的排版元素 padding...
FB event: https://www.facebook.com/events/1911828859048006/GitHub repo: https://...
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
對行動裝置友善、響應式且輕量化的日期/時間選擇器 GitHub Star: 7,200Javascripting Overall: 81%瀏覽器: Chro...
ALERTIFY.js是為了美化通知訊息而生的JavaScript框架 GitHub Star: 4,300Javascripting Overall: 6...
JQuery lightSlider是一套輕量且響應式的跑馬燈/幻燈片、附有縮圖導覽。另有相本功能、垂直跑馬燈，應用層面廣泛 GitHub Star: 1,...
第六章 樣式碼置放與重構策略 從特定度低到特定度高之樣式的順序來組織CSS CSS樣式依據特定度與被引用的順序來套用，按照被套用的順序來組織CSS也是很合理的...
z-index 屬性是用來決定元素重疊的順序。換言之，當兩個元素有重疊的情況時，z-index 值將會決定哪一個元素在上面。z-index 值比較大個元素會被...
小斑
‧
2017-12-22
以幾種瀏覽器進行測試 在不同瀏覽器上檢測CSS最常見的方法是以手動方式進行測試目前主流的瀏覽器有 Google Chrome Firefox Safari M...
Day3-課題內容 今天是JS30的第三天，這次的題目將會利用CSS變數，來變換我們頁面中照片的邊框大小、顏色以及模糊度。[1]實作連結 CSS變數 透過將CS...
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
Day2-課題內容 進入JS30的第二天，今天我們要利用Javascript中的方法以及CSS屬性，在頁面上做出一個會轉動的虛擬時鐘。[1]實作連結一實作連結二...
***留白 (padding) 是在內容外，邊框內的部分。***我們可以對盒子四個邊的留白逐一設定：padding-top (上)padding-right...
小斑
‧
2017-12-21
第五章 測試 測試 測試CSS可能會很困難，因為有許多不同的平台、螢幕尺寸、與裝置形體(form factors)需要進行測試。 測試為何困難？ 如果要徹底檢測...
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
Lazy Load幫高度較長的網頁，進行延遲載入圖片，尚未瀏覽到該部份時，不會載入視角外的圖片，提高效率 GitHub Star: 6,900Javascr...
DataTables是jQuery的JavaScript函式庫，目的是強化表格操作(如搜尋、排序)，並自動加入元件引入表格中，使用非常靈活且簡易 GitHu...
Rplus
mfhsueh
阿陰
Chris
只是顆米荳
王郁翔
iThome鐵人賽
看影片追技術