2017年4月27日 星期四

Sublime Text 3 使用Emmet 快速建立CSS文字樣式-網頁設計教學

因為工作的關係,常常會需要用到Emmet快速建構HTML的結構與CSS標籤,所以分享一下
Emmet 常用的快速語法,這快捷用法在Sublime text, Atom, Visual Studio Code 都通用,應該說只要有安裝Emmet的編輯器都可以使用。

*2017-08-19 更新
前陣子因為在MacBook Pro上的Atom軟體不穩的因素,後來改用Visual Studio Code跟 Sublime text,實際執行後發現簡碼會有一點差別,例如在Atom上輸入mra[按下Tab鍵]後會出現 margin-right: auto 但是在Visual Studio Code就無法出現,所以這篇文章的簡碼會比較適合Atom。

另外標題也有變更,因為這篇文章主要在介紹Emmet建立CSS樣式,所以把標題修改成為比較貼近的敘述。

CSS3 column文字欄位設定-網頁設計教學

這是CSS3文字欄位設定的方式,但是在不同的瀏覽是會有不同的標示,例如建立一個類別為content的DIV元素,在Style中加入以下的語法就可以有兩欄的文字區隔方式。

2017年4月8日 星期六

Adobe Illustrator cc 2017 軟體入門

自從Adobe公司改為CC版本之後,軟體的介面開始有一些不同的改變,如果稍微不注意更新的內容,軟體的介面可能就會有點生疏了,但還好只有一些部分不一樣,以下的影片是關於Adobe Illustrator cc 2017 軟體入門教學,非常適合剛入門的新手或想了解軟體基本操作的使用者,歡迎觀賞以下的影片。