網頁新知

提升網站使用體驗！掌握RWD響應式網站設計的優勢！
RWD (Responsive Web Design) 響應式網站設計，是一種在不同螢幕尺寸、不同設備上都能提供最佳使用體驗的網站設計技術。

用戶經常使用 LINE 當作客服系統以及與好友聊天時的社交軟體，用戶也頻繁貼上網址傳送出去，連結下方會下方會一併顯示該頁面的標題、描述和縮圖等資訊，讓連結中的資訊可以預先提示相關資訊更加吸引人點擊。但在某些時候網站的縮圖、標題有誤等資訊無法正確顯示的情形，本篇文章就來分享該如何排除錯誤、強制更新修正它的小技巧，幫助用戶分享資訊不出錯。

設計網頁的朋友都知道，當今天要製作網頁載入，或是施工中的動態圖片，就得使用Gif的動態圖示，讓網頁可以更生動、有趣，但有用過的朋友都知道，由於Gif支援透明背景，所以可壓在任何的圖片或顏色上，但礙於Gif只支援256色因此圖片時常會出現鋸齒邊緣，因此這時不妨可用SVG+CSS3動畫，來取代Gif的動態圖示，不但能保有高畫質的圖像且還是透明的，最近梅干無意發現到一個相當棒的平台，直接透過線上就產生出SVG Loading動畫，且內建就有各式各樣的Loading樣式，同時還可更改Loading圖示的顏色、大小、速度….等，因此有需的朋友，不妨看看囉!

現在越來越多網站都有使用線上客服系統，可以考慮在網站嵌入facebook的Messeger，本文將帶您了解什麼是 Facebook 顧客聊天外掛程式，想要讓網站使用者更方便，本文最上方擷圖就是實際顯示範例。

如果單純設定 position : fixed ，DIV 會在捲軸開始滾動時就啟動固定元素，但想要瀏覽到指定位置時才啟用該怎麼辦呢？只要兩步驟教你輕鬆解決！

前陣子有客人提出說為什麼網站上部分網頁在列印時會顯示出超連結，仔細研究了一下，的確只要有設定超連結 a 標籤的，就會把 href 屬性裡的連結顯示在文字之後...

Facebook 月活躍用戶至少 20 億人，如果添加按讚鈕與分享鍵，不但能讓使用者操作上更為方便，還能提升網站的能見度...

AddThis 終於宣布服務將轉為免費了！這個屹立不搖的老牌分享按鈕，不論是穩定性亦或是上手度等各方面都值得信賴，而現在功能也不再只有分享，還增加追蹤按鈕、相關文章、電子報、鏈結宣傳及贊助機制...

看膩了漢堡鈕的夾心造型嗎？今天教你用 CSS3 以及簡單的 javascript 讓漢堡鈕點擊後變成 X 。

有沒有人跟小編我一樣只要碰到數學算式就一個頭兩個大的呢，使用CSS來設計版型， 雖然版面修改上相對靈活，但每當版面有多個區塊組合時，就得分別計算出每個區塊的大小及間距...