CSS 教學-簡化 CSS 語法-「群組化」選擇器

簡化 CSS 語法,讓您的 CSS 語法簡潔又漂亮! 常常我們的 CSS 樣式中會有好幾個地方需要使用到相同的設定,一個一個分開寫會是一件滿累人的工作,重覆性太高且顯得冗長,更不好管理… 閱讀全文

in CSS 教學 - 網頁排版

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

CSS選取器 - css 群組化

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

in CSS 教學 - 網頁排版

CSS教學 – 重複背景圖之語法練習

步驟一:HTML架構

今天要來分享的 CSS 語法練習,其實是之前有一篇「固定背景圖教學文」的延伸版,要教大家利用上一篇的網頁版型,來做重複背景圖片的語法練習。
如果是第一次加入的新朋友,要請您先參考上一篇之後,再來 follow 本篇教學才會比較銜接得上喔!請大家先準備好兩張素材圖片,我們就要進入正式的練習囉!
Ready~~~ Go!… 閱讀全文

in CSS 教學 - 網頁排版

【設計資源】Subtle Patterns – 免費下載之 pattern 素材網站

Subtle Patterns 首頁

今天要跟大家分享的好站,是「 Subtle Patterns 」:這個可以提供上傳以及免費下載 pattern 素材的網站。
除了是免費資源以外,特別的是,此網站提供了即時預覽套用網頁背景圖的效果,下載方式也很簡單,該有的關鍵字搜尋功能也有,以下就來讓小編為大家分別介紹一下吧… 閱讀全文

in Free Resource 好康報報, Good Design 好站報報

Photoshop教學:混合模式 – 水墨風格

步驟一:開啟人物素材檔

不論 Photoshop 的版本如何更新,功能變得更多元,大部分使用者所倚賴的,其實還是最基本的工具與技巧,例如:各式去背方法、混合模式,或是圖層遮色片的運用等等,
今天,我們就根據 「Photoshop 混合模式 – 水墨風格 – 入門教學」這一篇文章為基礎,同時運用上述幾種基本功,進階來做個人物工筆畫的補充示範…. 閱讀全文

in Photoshop 影像設計

【好站分享】 – 「 Code.org 」網站,在遊戲中學程式!

選取語言

這次飛肯小編要介紹的網站,跟以往所分享的網路資源不太一樣,
「 Code.org 」這是一個美國的網站,主要是推廣並設計給(4歲以上)學齡孩童們,
讓使用者可以藉由不同程度的遊戲互動過程中,練習運用邏輯思考的能力,來達到「學習如何寫程式」的最終目的…. 閱讀全文

in Free Resource 好康報報, Good Design 好站報報