響應式網站設計基本觀念(3)：Viewport & Pixels

深入了解"螢幕大小"的定義與單位。

1. Viewport是甚麼：

響應式網站設計基本觀念(2)：CSS媒體查詢(CSS Media Queries)

以下先介紹CSS的media屬性，才會了解CSS媒體查詢是如何運作的。

一維佈局系統--Flexbox:介紹

Flexbox是CSS底下的排版設定，若是加上RWD的設定，網頁佈局會更加有彈性。

CSS佈局的進化史

響應式網站設計基本觀念(4)：viewport相對寬度與相對單位

設定CSS的viewport時，會需要使用相對單位來描述。

JavaScript的流程控制 (if 、switch、for、while、do)

控制好程式流(flow)，可以做多種變化，如同人類操縱水一樣…

響應式網站設計基本觀念(1)

以下是筆者在AlphaCamp的學習筆記。

響應式網站設計(Responsive Web Design，簡稱…

JSDC 2020 心得與筆記

前言

本次感謝AlphaCamp提供贊助票，讓我有機會參與2020的JSDC。

一年來，從荒廢學習到重新開始的過程

只要意志不堅定，人很容易受到外部影響，原本想做的事情就容易拖延下去。

JavaScript基礎複習(5)

綜合運用1(物件、陣列、迴圈整合)

JavaScript基礎複習(4)

使用條件式來判斷，並執行程式