原创 燈箱效果如何實現 - W3Schools視頻06
燈箱（Lightbox）效果是將圖片放大彈出顯示，並將背景變暗，以突出圖片。這種效果可用於單張圖片，也可用於圖片庫。其原理跟模態框（Modal）基本一樣。W3Schools有分Modal Images和Lightbox兩個教學，主要差別在於
2019-03-22 10:15:02
381
原创 響應式導航如何實現 - W3Schools視頻05
響應式導航即是讓導航變成響應式。常見的做法是在小屏幕時不將全部導航項目列出，而是顯示一個導航圖標，點擊該圖標時纔會顯示出完整導航。今天我們就來按照W3Schools的方法完成一個響應式導航。 W3Schools 響應式導航教學 響應式導航
2019-03-22 09:55:08
3
原创 幻燈片如何實現 - W3Schools視頻04
幻燈片（Slideshow）是網頁上常見的一項功能，今日我們來看看W3Schools上的幻燈片教學。 W3Schools 幻燈片教學 幻燈片例子 簡化版幻燈片例子 視頻連結 B站 YouTube 幻燈片（Slideshow） 我將實
2019-03-16 01:45:00
2
原创 CSS Grid響應式網頁佈局 - W3Schools視頻03
繼續W3Schools響應式網頁佈局的實現，今日講的是CSS Grid方案。CSS Grid就是爲二維佈局設計的，最適合用來做網頁佈局。目前主流的瀏覽器都已經支持CSS Grid，除非你很確定你的用戶常使用較舊的瀏覽器，不然的話，建議使用C
2019-03-16 01:35:00
7
原创 Flexbox響應式網頁佈局 - W3Schools視頻02
今日繼續W3Schools響應式網頁佈局的實現，採用Flexbox方案。使用Flexbox實現響應式網頁佈局是目前最流行的做法。如果你對Flexbox並不熟悉，可以查看W3Schools的教學： W3Schools Flexbox教學 F
2019-02-28 21:14:46
1
原创 響應式網頁佈局 - W3Schools How-Tos 01
W3Schools教學系列 W3Schools是知名的網頁設計／前端開發教學網站，不僅提供HTML、CSS、JavaScript等的詳盡教學，還可以把它當作說明文件（Documents）。有經驗的前端或多或少已經接觸過這個網站，因爲它經常出
2019-02-22 16:04:49
4