標籤: 前端

思源黑體 Source Han Sans 是由 Google 和 Adobe 在 2015 年 6 月 16 共同發表的免開源字體，支援繁體中文、簡體中文、日文、韓文等字體。 其中TC為繁體中文專用，而CJK則為中文、日文、韓文共用的合體版，

JS下拉選單特效 Simple Effects for Drop-Down Lists --summary-- Source : http://tympanus.net/Development/SimpleDropDownEffects/index2.html

一個新架好的網站，怎麼讓各搜尋引擎知道你的存在？ SEO自然有其眉角在， 但SEO的第一步〝提交網址〞，到底該不該做呢？ 我個人覺得，有做有保佑，沒做只會讓成效差多了一個理由... 各家提交的方法不同，以下為收集來的內容， Yahoo被Bing合併了，（Yahoo真是大起大落呀...）

近來js或jquery menu選單使用的機會很多 方便好用效果漂亮 而youtube的embed / iframe嵌入影片也是家常便飯 但兩者放在一起時, youtube的影片時常蓋過選單或layout 此時可以試著用一些語法來改善 首先 如果是舊版的youtube嵌入語法embed

雖然在滑鼠移到連結時， 游標會變成手勢， 但是畫面上若無任何變動，總覺得不夠直覺， 所以一直以來寫網頁的習慣， 從加底線到文字換色再到換文字背景底色... 但有時按鈕或者畫面上的連結，是一張圖片， 在公司的網頁上很常見， 而使用DreameWeaver所用的JavaScript又相當的肥大，

初期在學做網頁時， 我一直都偏愛像Google一樣的簡樸風， 用色塊及線條取代圖片的使用，運用CSS還可以加一點圓角效果， 最大的好處，當然就是網頁可以縮很小... 但是網頁的快速發展，icon的應用變多了， 不只在工作上或自己在設計網頁時， 很時常的在大量使用精美的icon來美化選單按鈕，

聖誕節快到了， 習慣在網站上加入下雪的效果來營造氣氛， 但以前用javascript又肥又麻煩， 後來習慣使用jquery後，也找到個簡單的下雪snow外掛可以使用， 配合xoops的區塊使用，變的相當的方便！ 首先當然在你的網站上，要先掛上jquery才行

Facebook轉貼文章會自動抓取網頁的標題圖片內文 但大部份網頁都沒針對Facebook進行最佳化 又或者是網頁內容有進行過修改更動 所以在貼上網址後，抓取到的資料時常是不正確的... 而Facebook為了效能，大量使用cache技術 只要被貼過連結或按過讚 都會將網站的縮圖標題簡介等鎖死

常在網頁上看到瀏覽器的標題前面有小圖示 例如facebook有個藍色的 f 許多繪圖軟體並不支援此種ico格式的編輯製作 分享一個很好用的網站！ www.favicon.cc 可以在線上直接上傳圖片，製作並轉檔成icon 甚至可以做成動畫格式（類似gif） 本網站的icon就是在這裡作的唷XD

版面置中的方法有很多種 ， 最早以前是用table，也有用div來排的 現在要分享的這一種 是用比較先進的css排版 只要下一個CSS在最外層的DIV，即可以讓IE Firefox Chrome的版面都置中 當然各瀏覽器的效果都要相同的話，加上reset.css是一定要的！

在網頁檔案移除，或者網頁檔名有更動時， 若有網友把網址記下來，或者曾經公開貼出去時， 避免讓網友看到錯誤畫面，就會在網頁中加入轉址的語法... 而轉址的檔名會有兩種情況 一種是預設檔名，如index.html或index.php又或index.asp等 另一種則是取代舊的檔名～

在網頁畫面的呈現上，其實喜歡大一點的字體， 但預設字型的大字體真的好難看 加上其實還有許多小螢幕及會把畫面放大的應用程式 且考量點對點最乾淨俐落點陣字體 所以時常會使用的還是標準的12px... 可是有時在一些備註或摘要上，需要用更小一點的字體及灰色來表達 但在Google