發表文章

多國語言的網頁設計標準技術

要設計多國語言的網站,你可以從下面網頁中開始了解使用國際化的網站標準技術。 Internationalization Techniques: Authoring HTML & CSS https://www.w3.org/International/techniques/authoring-html-dynamic

取消 Chrome 瀏覽器中 input 和 textarea 的預設樣式

Chrome 瀏覽器中的 input 和 textarea 在滑鼠移入時都有黃色邊框,而且 textarea 還可以任意拖移縮放,影響美觀不說,有時候還會使版頁面配置跑掉。 取消 Chrome 瀏覽器中 input 和 textarea 的聚焦邊框: input,button,select,textarea{outline:none} 取消 Chrome 下 textarea 可拖移縮放: textarea{resize:none}

去除連結虛線框

使用CSS a{  outline: none; /* for Firefox */  hlbr:expression(this.onFocus=this.blur()); /* for IE */ }  參考網頁: http://www.minwt.com/css/1144.html

消除影像地圖按下後產生的連結虛線框

圖片
在img標籤中加入hidefocus="true" 參考網站: http://www.minwt.com/html/9.html

Illustrator 教學網站

很棒的 Illustrator 教學網站,有入門的視訊講解和範例實作講解,適合想要學習 Illustrator 的人。 http://www.cg.com.tw/Illustrator/Content/Illustrator_01.php CG數位學習網 還有不少其他的教學內容: http://www.cg.com.tw/

Illustrator 輔助按鍵

縮放物件時 「Shift」鍵:長度和寬度等比例縮放。 「Alt」鍵:中央縮放。 移動物件時 「Shift」鍵:物件只能在水平、垂直和45度的方向移動。 「Alt」鍵:複製圖形。

智慧型參考線偏好設定

選擇「編輯(Edit) > 偏好設定(Preferences) > 智慧型參考線及切片(Smart Guides & Slices)」(Windows),或「Illustrator > 偏好設定(Preferences) > 智慧型參考線及切片(Smart Guides & Slices)」(Mac OS),以便設定以下的偏好設定: 文字標籤提示(Text Label Hints) -在操作游標時,顯示游標目前靠齊的位置 (例如中心點) 的相關資訊。 架構參考線(Construction Guides) -使用「智慧型參考線」時,在檔案中顯示參考線。 變形工具(Transform Tools ) -在縮放、旋轉及傾斜(shear)物件時,顯示相關資訊。 物件反白(Object Highlighting) -在物件周圍拖移時,反白游標下方的物件。 角度(Angles) -設定從附近物件的錨點繪製參考線的角度,最多可以設定六個角度。在選取的「角度」方框中輸入角度,從「角度」彈出式選單中選取一組角度,或是從彈出式選單中選取一組角度,再變更方框中的值,以自訂一組角度。預視會顯示出您的設定。 靠齊容許度(Snapping Tolerance) -指定指標必須距離另一個物件多少點數時,讓「智慧型參考線」發生作用。