iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
自我挑戰組

網頁學習日誌 系列

以前只會用DW設計簡單頁面..近幾年手機和電子商務的蓬勃發展..讓網頁的技術也跟著大躍進!!
於是響應式網頁、jquery、API應用等相關技術成為學習網頁的必修課程,所以整理起來分享和日後復習用。

鐵人鍊成 | 共 30 篇文章 | 61 人訂閱 訂閱系列文 RSS系列文
DAY 21

SASS : 整合重複數值-變數

在網頁CSS都常見到重複的數值,未來如果更改其中一項,其他也都要全都找出來,非常浪費時間,因此SASS「變數」就是來處理這樣的狀況。 HTML:先設定3個d...

2017-12-24 ‧ 由 yuski 分享
DAY 22

SASS : @mixin 建立專屬語法資料庫

寫CSS時都會有常用的語法重複寫的經驗,比如 UL LI的CSS一定會寫「float:left;」、「display:block」這些都常寫到,算是重複性的工...

2017-12-25 ‧ 由 yuski 分享
DAY 23

SASS : @import 讓css模組化

把「變數」、「@mixin」等SASS都整理好後,就要來把他引入到HTML裡面了 首先要確認把檔案彙整到一個CSS檔案,HTML只要套用這個CSS就能使用所有...

2017-12-26 ‧ 由 yuski 分享
DAY 24

API : 提升網站服務品質!!

API全名為「應用程式介面」,簡單解釋,別人設置好的程式服務,我們用javascript等程式,把他引入整合在自己網站。 這個影片可以說得很清楚關於API的...

2017-12-27 ‧ 由 yuski 分享
DAY 25

API : Google Maps API 設定(1)地圖顯示

為加深了解API的應用,這次使用的是Google Maps 來學習用JavaScript改API設定。 Google Maps API 網址:https://d...

2017-12-28 ‧ 由 yuski 分享
DAY 26

API : Google Maps API 設定(2)地圖標記

之前已經讓地圖順利呈現出來,現在要把地圖的位置改成台北101 所以要先取得台北101的經緯座標,利用google map 去搜尋台北101 在網址列裡面會...

2017-12-29 ‧ 由 yuski 分享
DAY 27

API : Google Maps API 設定(3)新增多個標記

如果要標記多個位置,可利用陣列和for迴圈來處理: 用data定義陣列: var data = [ { posi...

2017-12-30 ‧ 由 yuski 分享
DAY 28

API : Google Maps API 設定(4) js+json 標記 wifi 熱點

這次要在Google Map 標記 高雄市區的 iTaiwan wifi熱點,wifi資訊可在高雄市政府找到 https://data.kcg.gov.tw/d...

2017-12-31 ‧ 由 yuski 分享
DAY 29

Flex:春聯

新曆年一到之後就是農曆新年,為了應景來用html寫個春聯,css3 的flex剛好套用在這次範例來說明他的好用之處。 html: 設定外框(wall)包住兩張春...

2018-01-01 ‧ 由 yuski 分享
DAY 30

Flex : Bootstrap 4 Flex 網格

Bootstrap4 開始用flex來排版,這次也用上一個春聯案例來試試看排版。 以下有幾個使用flex重點: 1.移動方向: a.左右(x軸)--row ju...

2018-01-02 ‧ 由 yuski 分享