Free-免費字體 – 「Free Font」下載

jasonstatan

哈囉~~ 大家好啊 ! 繼上次分享的 26 組可商用 免費字型後,這次我們又為大家再帶來 10 組可商用 免費字型,這次分享的主要是手寫風格的免費字體,希望大家會喜歡! 閱讀全文

in Free Resource 好康報報, Photoshop 影像設計

CSS 排版教學 – 三欄式網頁設計教學範例

CSS排版教學 - 三欄式網頁版型

CSS 排版教學,使用 CSS 語法做一個三欄式網頁版型設計!雖然只是一個很基本的架構,這是 CSS 的基楚排版的範例教學,基礎練習是最重要的基本功,所以同學一定要好好練習喔! 閱讀全文

in CSS 教學 - 網頁排版

SEO 優化 – 網頁排名提高了真的有用嗎?

SEO 優化 – 搜尋引擎最佳化

SEO 優化:當你的網頁排名提高了,曝光率提高了,但是遇到使用者依然不太點選你的搜尋連結怎麼辦?遇到這種狀況,網頁搜尋排名再高又如何? 閱讀全文

in SEO 優化 - 網站優化

CSS 教學:CSS 選擇器(選取器) -群組化

CSS選取器 - css 群組化

當我們的 CSS 選擇器中有好幾個地方使用相同的設定時,可以把這幾個 CSS 選擇器合併,原本可能寫了 7~8 行相同的語法,合在一起後只剩短短的一小行,優化 CSS 並加快網頁速度。 閱讀全文

in CSS 教學 - 網頁排版

【好站分享】「Flexbox Froggy」學習 Flexbox 的遊戲網站

首頁為第一關畫面

最近小編發現了一個不錯的遊戲網站 – 「 Flexbox Froggy 」,所以來跟大家分享一下~
遊戲的主旨很簡單,就是利用輸入正確 Flexbox 語法指令, 來幫助畫面中的青蛙們回到荷葉上;很重要的一點:有繁體中文版耶~!
當然,語法指令還是需要用英文輸入的啦… 閱讀全文

in CSS 教學 - 網頁排版, Free Resource 好康報報, Good Design 好站報報

【 Photoshop 教學 】– 手繪風格 sketch icon 製作

步驟六:其他5個 icon也可依個人喜好調成不同顏色

這次的飛肯教學文,是如何利用 Photoshop 輕鬆做出手繪風格的鉛筆線條 sketch icon 。從自訂 pattern 圖樣開始,到利用形狀工具繪製 icon 圖案,都是使用基本且實用的工具,只需要跟著小編的步驟,初學者也不必擔心會跟不上喔… 閱讀全文

in Photoshop 影像設計