由於現在大眾的瀏覽習慣改變、行動裝置的普及,導致現在的網站大多走響應式,或是針對不同的裝置(如:桌機、手機、平板)有不同的版面,以其各方的使用者在瀏覽旺站的時候,能夠獲得最佳的體驗。

再加上面板技術的日新月異,以及大眾對於畫面的要求日趨精緻,過往的1:1點陣圖片比例已經開始不堪負荷。

更加以,前些年開始流行的平板化設計,使得SVG等向量圖檔在網頁上的使用日趨廣泛。

然,對於SVG圖檔來說,雖然它可以也確實是以程式碼的方式進行資料儲存,但是除非網站設計師在製作時,是將所有的SVG相關程式碼都貼到網頁中,然而這樣會大大降低網頁的可讀性。

若是改將SVG圖檔以<img>的模式插入網站中,則很多SVG的樣式語法都無法使用 (如:fill)。

Hana Hina 發表在 痞客邦 留言(0) 人氣()


這次筆者要介紹的,是有關Sublime Text這套文字編輯器的安裝教學,及基本的快捷鍵 (熱鍵) 介紹。

基本上呢,這套編輯器因為經過多方先進的努力,而日趨強大 (外掛),所以筆者僅能以自己的角度及經驗為各位進行轉述,這點還請多加包涵。

1. 安裝教學

首先請各位先前往Sublime Text的官方網站,他在安裝上有以下數種方式,就看各位的喜好進行選擇

方式一、直接點擊首頁下方的按鈕進行下載

Hana Hina 發表在 痞客邦 留言(0) 人氣()


Slick Progressbar

Hana Hina 發表在 痞客邦 留言(0) 人氣()


FLEXBOX FROGGY

Hana Hina 發表在 痞客邦 留言(0) 人氣()


GRID GARDEN

Hana Hina 發表在 痞客邦 留言(0) 人氣()

1
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。