iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

我說那個手機版 系列

我以為我會寫網頁,直到我遇到 InAppBrowser...

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

[Day 1] 我說那個手機版

說在最前面 網頁這種萬年老埂應該是沒什麼人會看,會想要撰寫這種偏冷門的東西,純粹是個人比較邊緣的關係。目前市面上各種關於網頁製作、切版的工具五花八門,真的會想手...

2020-09-15 ‧ 由 閃光洽 分享
DAY 2

[Day 2] 那個網頁設計

網頁有什麼 粗略上來看,目前市面上瀏覽器打開的那個「畫面」,就屬於我們俗稱的「網頁」或是「網站」。而且不難發現每次去到各種網站,最常見的大概就是廣告。上方廣告橫...

2020-09-16 ‧ 由 閃光洽 分享
DAY 3

[Day 3] 我是誰,我在哪裡

回到未來 網頁在很久很久以前,是使用 HTML 來製作的,約莫過了 20 幾個年頭,現在的網頁還是 HTML 製作的。只是版本號的推演進度比較慢,目前來到 HT...

2020-09-17 ‧ 由 閃光洽 分享
DAY 4

[Day 4] 給我一個 Box

區塊 我們在開天闢地的時候,網頁就是從區塊開始。 <header> <!-- 開天 --> </header> <...

2020-09-18 ‧ 由 閃光洽 分享
DAY 5

[Day 5] 從內容開始看格線系統

內容為王 如果以現在的趨勢來看,應該叫「廣告為王」。 當然我不會設計,所以也就不會設計廣告。網站主要的目的,是要傳達內容,所以關於文件流、斷點、區塊設計這些...

2020-09-19 ‧ 由 閃光洽 分享
DAY 6

[Day 6] 從響應式的那個東西說起

很久很久以前 想當年 Photoshop 可以把圖片輸出成網頁用的東西的時候,你會發現有兩種模式, <table> <tr>...

2020-09-20 ‧ 由 閃光洽 分享
DAY 7

[Day 7] Flexbox 的使用姿勢 Part 1

簡單介紹 雖然說 Flexbox 已經推出好一段時間了,但說實在話我自己好像沒有特別著墨。當然,我覺得如果可以的話,去看一下 Amos 的課程,一定比看我在這邊...

2020-09-21 ‧ 由 閃光洽 分享
DAY 8

[Day 8] Flexbox 的使用姿勢 Part 2

流 當我們定義好一個 flex 的容器時,昨天有說過了,預設會使用 row 這個設定來定義容器的流向。所以,在容器定義好的當下,我們把基本的容器設定展開來看,另...

2020-09-22 ‧ 由 閃光洽 分享
DAY 9

[Day 9] Flexbox 的使用姿勢 Part 3

你所不知道的「補白」 首先,你必須要知道這幾個常用屬性的可用值, 屬性 預設值 可用值 justify-content normal flex-s...

2020-09-23 ‧ 由 閃光洽 分享
DAY 10

[Day 10] Flexbox 的使用姿勢 Part 4

各種對齊方式 前幾天都有約略提到了關於對齊的事情。今天就把最後一些關於對齊的東西一次都補上,最後來一點大補貼。 justify-content 水平方向的對...

2020-09-24 ‧ 由 閃光洽 分享