目前分類:前端工程師就是我! (68)

瀏覽方式: 標題列表 簡短摘要

輕鬆入門前端工程師的HTML5課程(7)瀏覽器儲存簡介

 

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

輕鬆入門前端工程師的HTML5課程(6)進度顯示條

關於這系列的HTML5文章,最後一回介紹"進度顯示條"給你認識認識~

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

輕鬆入門前端工程師的HTML5課程(5)嵌入影片教學

HTML5嵌入影片的功能也太強了!還附贈一堆指令可以應用,快來瞧瞧!

 

簡單、更有利於 SEO - HTML5新增的語意元素

在前一篇提過: HTML4 的時代,網頁排版只有兩種元素:<div>和<span>,但早已無法應付近十年來越來越複雜多元的網頁排版。前端工程師只好將這些元素「延伸」以便排版,因此常常看到有<div id="header">這樣子冗長的標籤。也因此,HTML5 提供了一系列語意元素(Semantic Elements)來取代上述的「延伸」用法,像上述的例子在 HTML5 就可以用 <header> 來取代,既精簡又更利於 Google 的搜尋引擎爬蟲理解,因此對 SEO 有例。

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

輕鬆入門前端工程師的HTML5課程(4)元素排版-下

在前一篇介紹HTML5元素的文章提到:在HTML4的時代,網頁排版有兩種元素:<div>和<span>

 

 更簡單、更有利於 SEO - HTML5新增的語意元素

 

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

輕鬆入門前端工程師的HTML5課程(3)元素排版-上

 

HTML5的語意元素比上一代要多出哪些?那些又該怎麼使用?看好上下篇,六個語意元素學好學滿!

 

為何 HTML5 需要增加這些語意元素?

讓我們回想一下,在HTML4 的時代,前端工程師只能使用<div>和<span> 兩個元素進行網頁排版的工作。但是因為網頁排版本身又分成標題、導覽列、選單、側欄等區塊,不只兩種元素。因此常常看到有 <div id="header">、 <div class="nav">等元素搭配 id 和 class 的「延伸」用法,既冗長又麻煩。

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

輕鬆入門前端工程師的HTML5課程(2)嵌入音訊的元素

 

HTML5真的充滿驚喜!現在我們要繼續為你介紹它五花八門的元素!上緊發條囉!

HTML5新稱audio元素-終於可以撥放音樂了!

在 HTML5 版本出現之前,用 HTML4在網頁中聽音樂或看到影片時,只能透過像是 Flash 之類的外掛。 而 HTML5 新增的 <audio> 元素提供了可直接在網頁中嵌入影音檔的方式!

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

輕鬆入門前端工程師的HTML5課程(1)7個內容模組

HTML5重新定義的七個內容模組,你知道他們分別要用在哪嗎?繼續往下看就知道啦!

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

今天又蹦一個關於前端工程師小捷徑!想轉職?進來就對了!

 

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

前端工程師必備RWD基本概念(下)行動設備優先的設計考量

前端工程師對於目前令人眼花撩亂的行動設備,其實也是很有一套的!今天的重點整理,讓你理解:他們為何有這麼有一套!

 

行動載具特性

 

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

前端工程師必備RWD基本概念(中)網頁設計的優雅降級和漸進增強

標準的RWD網站範例

前端工程師在開發網站十在用的RWD網頁,其實它網頁設計的各種概念,在整理出來後,一點也不難理解!

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

前端工程師必備RWD基本概念(上)-RWD網頁與傳統網頁設計

作為前端工程師,你該不會還不知道RWD網頁和傳統網頁設計的差別吧!!?

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

前端工程師之路不停歇~Media Query的流動圖片

要成為專業又內行的前端工程師,學習Media Query怎能虎頭蛇尾?現在快來畫下完美的句點!

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

前端工程師之路不停歇~Media Query的媒體類型

 

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

前端工程師之路不停歇~Media Query之媒體特性(下)

 

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

前端工程師之路不停歇~Media Query之媒體特性(上)

 

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

前端工程師之路不停歇~Media Query的CSS插入字條件

前端工程師來說應該都要知道media query的CSS在不同情況會插入以下不同的字,快緊接著看介紹!

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

關於RWD,前端工程師必備的三點(下)-流動布局

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

關於RWD,前端工程師必備的三點(中)-Media Query

 

對前端工程師最重要的CSS之一,就是Media Query,詳細的分析請繼續往下看~

 

RWD 網頁設計必備語法:Media Query

前端工程師在製作 RWD 響應式網頁時,一定會用到的 CSS 語法就是 Media Query。簡單來說,我們可以把 Media 視為 CSS 的擴充元件(這樣會比較好理解)。而 Media 後面多加一個「Query」代表網頁會先 Query (詢問) 其「擴充元件 (Media)」的類型 (就是所謂的Media Type,也是本篇前端工程師課程文章的講解重點),再針對這些 Media Type 定義其樣式 (Media Features,中文譯作「媒體樣式」或是「媒體特徵」)。

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

關於RWD,前端工程師必備的三點(上)基礎概念

前端工程師課程幫你打好基礎!今天開啟RWD的門讓你更深入剖析它!

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()

前端工程師和網頁設計師必學-了解整體網站的規劃流程

前端工程師規劃網站必學的流程,今天一步步教你怎麼做,讓你在規劃網站時事半功倍!

文章標籤

布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()