目前分類：我要成為前端工程師!!!! (69)
- Jun 04 Tue 2019 06:56
前端工程師的HTML5必上入門課程(7)(下)製作可拖曳的元素
- Jun 03 Mon 2019 03:43
前端工程師的HTML5必上入門課程(7)(上)製作可拖曳的元素
- May 31 Fri 2019 22:19
前端工程師的HTML5必上入門課程(6)嵌入音訊的元素
- May 30 Thu 2019 07:39
前端工程師的HTML5必上入門課程(5)六個語意元素(下)
在上一篇介紹HTML5的文章中,已經介紹了三種語意元素,今天要來教你剩下的三種!
更簡單、更有利於 SEO - HTML5新增的語意元素
在前一篇提過： HTML4 的時代，網頁排版只有兩種元素：<div>和<span>，但早已無法應付近十年來越來越複雜多元的網頁排版。前端工程師只好將這些元素「延伸」以便排版，因此常常看到有<div id="header">這樣子冗長的標籤。也因此，HTML5 提供了一系列語意元素（Semantic Elements）來取代上述的「延伸」用法，像上述的例子在 HTML5 就可以用 <header> 來取代，既精簡又更利於 Google 的搜尋引擎爬蟲理解，因此對 SEO 有例。
- May 29 Wed 2019 23:34
前端工程師的HTML5必上入門課程(4)六個語意元素(上)
- May 28 Tue 2019 06:54
前端工程師的HTML5必上入門課程(3)如何嵌入影片
- May 27 Mon 2019 03:23
前端工程師的HTML5必上入門課程(2)載入進度顯示條
- May 24 Fri 2019 20:46
想成為前端工程師卻沒有學習路徑?今天我們來幫你!
- May 20 Mon 2019 23:49
前端工程師的HTML5必上入門課程(1)有哪7個內容模組?
- May 14 Tue 2019 22:38
前端工程師對RWD的重要概念(下)行動設備優先的設計考量
- May 13 Mon 2019 22:18
前端工程師對RWD的重要概念(中)網頁設計的優雅降級和漸進增強
- May 10 Fri 2019 15:30
前端工程師對RWD的重要概念(上)RWD網頁VS傳統網頁
- May 09 Thu 2019 14:01
前端工程師必備的Media Query技能:流動圖片
- May 08 Wed 2019 13:46
前端工程師必備的Media Query技能:媒體類型
- May 07 Tue 2019 16:19
前端工程師必備的Media Query技能:這三個字效果差很大
- May 06 Mon 2019 17:59
前端工程師必備的Media Query技能:媒體特性(下)
- May 03 Fri 2019 23:09
前端工程師必備的Media Query技能:媒體特性(上)
- May 02 Thu 2019 23:35
成為當代前端工程師的三個必備技能-(3)Media Query
前面在前端工程師的文中提到RWD,你知道對它來說最重要的CSS語法是什麼嗎?今天就帶你來認識!
RWD 網頁設計必備語法：Media Query
前端工程師在製作 RWD 響應式網頁時，一定會用到的 CSS 語法就是 Media Query。簡單來說，我們可以把 Media 視為 CSS 的擴充元件（這樣會比較好理解）。而 Media 後面多加一個「Query」代表網頁會先 Query (詢問) 其「擴充元件 (Media)」的類型 (就是所謂的Media Type，也是本篇前端工程師課程文章的講解重點)，再針對這些 Media Type 定義其樣式 (Media Features，中文譯作「媒體樣式」或是「媒體特徵」)。
- Apr 30 Tue 2019 18:18
成為當代前端工程師的三個必備技能-(2)流動布局
- Apr 29 Mon 2019 17:59
成為當代前端工程師的三個必備技能-(1)RWD基礎概念
