鐵人檔案
以前只會用DW設計簡單頁面..近幾年手機和電子商務的蓬勃發展..讓網頁的技術也跟著大躍進!!
於是響應式網頁、jquery、API應用等相關技術成為學習網頁的必修課程，所以整理起來分享和日後復習用。
在網頁CSS都常見到重複的數值，未來如果更改其中一項，其他也都要全都找出來，非常浪費時間，因此SASS「變數」就是來處理這樣的狀況。 HTML：先設定3個d...
寫CSS時都會有常用的語法重複寫的經驗，比如 UL LI的CSS一定會寫「float：left;」、「display:block」這些都常寫到，算是重複性的工...
把「變數」、「@mixin」等SASS都整理好後，就要來把他引入到HTML裡面了 首先要確認把檔案彙整到一個CSS檔案，HTML只要套用這個CSS就能使用所有...
API全名為「應用程式介面」，簡單解釋，別人設置好的程式服務，我們用javascript等程式，把他引入整合在自己網站。 這個影片可以說得很清楚關於API的...
為加深了解API的應用，這次使用的是Google Maps 來學習用JavaScript改API設定。 Google Maps API 網址：https://d...
之前已經讓地圖順利呈現出來，現在要把地圖的位置改成台北101所以要先取得台北101的經緯座標，利用google map 去搜尋台北101 在網址列裡面會看...
如果要標記多個位置，可利用陣列和for迴圈來處理： 用data定義陣列： var data = [ { posi...
這次要在Google Map 標記 高雄市區的 iTaiwan wifi熱點，wifi資訊可在高雄市政府找到https://data.kcg.gov.tw/da...
新曆年一到之後就是農曆新年，為了應景來用html寫個春聯，css3 的flex剛好套用在這次範例來說明他的好用之處。 html: 設定外框(wall)包住兩張春...
Bootstrap4 開始用flex來排版，這次也用上一個春聯案例來試試看排版。 以下有幾個使用flex重點： 1.移動方向： a.左右(x軸)--row ju...
