iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

前端路上那些重要與不重要的小事 系列

參加鐵人賽是希望能記錄一下一直以來的經驗,也訓練自己練習持續寫文的能力,所以文章是寫給自己看的成份居多,如果也能幫助到剛進入網頁設計的新手們就更好囉。

鐵人鍊成 | 共 30 篇文章 | 115 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第一屆鐵人賽
DAY 11

Day11:小事之 HTML dir Attribute 與 CSS writing-mode 上篇

昨天說到 dir 屬性用於設置要顯示的文本的基本方向,這個基本方向不純粹是文字,包含所有的元素、區塊都是唷!所以當設定了 <html dir="...

DAY 12

Day12:小事之 HTML dir Attribute 與 CSS writing-mode 下篇

突然覺得寫冷門的東西是很殘害自己的節奏~XDDD 不過都寫下去了,又不想閹割它,只好想辦法把它寫完惹。 writing-mode for IE10- 的屬性值...

DAY 13

Day13:小事之 HTML viewport 與 meta tag

前面為了講 dir 岔太遠了,再回來 HTML 上面繼續說吧~ 今天要介紹的是 meta。 HTML meta tag 的功能是用來提供網頁資訊給瀏覽器、搜尋...

DAY 14

Day14:小事之 HTML 語意化標籤 上篇

在 HTML5 中 新增了語意標籤,用意是: 取代掉不具意義的 <div> 等tag 用語意化標籤來加強文件的結構化。 HTML 5 中新增的...

DAY 15

Day15:小事之 HTML 語意化標籤 下篇

html5 Doctor 曾經釋出過下面這個圖,用來幫助你選擇最符合語義的 HTML5 元素。[1] 今天就跟著這張表來看看幾個最常用的 HTML5 標籤該怎...

DAY 16

Day16:小事之 HTML table

HTML <table> 元件代表表格數據──換句話說,就是透過二維資料表來呈現資訊。 早期 table 是同時拿來做網站排版與資料呈現,在 htm...

DAY 17

Day17:小事之 HTML table responsive

Table 很方便用來做資料的呈現,但是當需要在各種裝置都能正常顯示的情況下,Table 的使用就很讓人傷腦筋了。 比較常用的 Table RWD 方式有兩種:...

DAY 18

Day18:小事之 HTML form

在整個網站裡,form 表單會出現在不少地方,最常看到的是在聯絡我們那頁。 以聯絡我們來舉例,基本的表單如下: <form action="&q...

DAY 19

Day19:小事之 Google form 的運用

會使用 Google form 是因為在做簡易的網站時,如果需要聯絡我們之類的表單,又不想要麻煩工程師,那麼使用 Google form 會是一個很方便的方式。...

DAY 20

達標好文 Day20:小事之 CSS 權重 (css specificity)

在學習 CSS 的時候,一定會先認識什麼是 html element、什麼是 class、什麼是 id,什麼是 css 的 inline 寫法。了解基本的 cs...