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...
***邊界 (margin) 是在邊框之外，並且是用來設定各個元素之間的距離。***一個盒子有四個邊，所以我們可以對這四個邊逐一設定：margin-top (...
小斑
‧
2017-12-20
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
list-style-image 屬性是用來將某個圖案設定為記號。此屬性的用法為，list-style-image:url([image_url]); 如以...
小斑
‧
2017-12-19
影像 圖片可以透過<img>、<picture>標籤來呈現。因為<img>元素可以在行內的格式情境中使用，此外<img...
FB event: https://www.facebook.com/events/173472326462938/GitHub repo: https://g...
FB event: https://www.facebook.com/events/1890105347923108/ GitHub repo: https:/...
Happy CSSer 是個出門一起寫 CSS 的小活動。我們會在 FB 上糾團、在 GitHub 上遞交自己的作品、並在活動中分享及討論各自的理解與技巧。...
錨點標籤 錨點標籤(anchor tags)提供可連到其他HTML文件或同一份HTML文件中段落的連結能搭配常用來顯示狀態:link、:visited、:foc...
list-style-position 屬性讓我們可以決定記號是否應該被視為是文字的一部份，並且由此而決定記號的位置。這個屬性可能的設定值為 "in...
小斑
‧
2017-12-18
mfhsueh
Rplus
Chris
只是顆米荳
王郁翔
iThome鐵人賽
看影片追技術