提升網站使用體驗!掌握RWD響應式網站設計的優勢!
RWD (Responsive Web Design) 響應式網站設計,是一種在不同螢幕尺寸、不同設備上都能提供最佳使用體驗的網站設計技術。
設計網頁的朋友都知道,當今天要製作網頁載入,或是施工中的動態圖片,就得使用Gif的動態圖示,讓網頁可以更生動、有趣,但有用過的朋友都知道,由於Gif支援透明背景,所以可壓在任何的圖片或顏色上,但礙於Gif只支援256色因此圖片時常會出現鋸齒邊緣,因此這時不妨可用SVG+CSS3動畫,來取代Gif的動態圖示,不但能保有高畫質的圖像且還是透明的,最近梅干無意發現到一個相當棒的平台,直接透過線上就產生出SVG Loading動畫,且內建就有各式各樣的Loading樣式,同時還可更改Loading圖示的顏色、大小、速度….等,因此有需的朋友,不妨看看囉!
Adobe即將在12月31日永遠終止支援Flash Player,並在本周釋出最後一個版本更新,並會在明年1月12日起封鎖Flash內容。
駭客利用一些名不見經傳且含有XSS漏洞的外掛程式,如上圖的Easy2Map,針對仍採用這類舊款外掛的WordPress網站,發動攻擊。專門提供WordPress網站安全服務的Wordfence本周指出,他們在過去一個月看到同一個駭客集團,針對逾90萬個WordPress網站發動攻擊,企圖將造訪相關網站的使用者導至惡意廣告網站。
RWD和AWD的出現都是由於移動上網設備日益普及,針對不同設備(尤其考慮不同屏幕尺寸)及其使用條件(通常有比較低的頻寬,流量和性能等) 對網頁作出優化,以帶來更好的用戶體驗。
看膩了漢堡鈕的夾心造型嗎?今天教你用 CSS3 以及簡單的 javascript 讓漢堡鈕點擊後變成 X 。
FontAwesome提供大家下載使用免費的網站圖示因而廣為人知,把icon作成文字所以無論怎麼縮放都不會失真模糊甚至還可以變換顏色與大小,使用上比svg來得更方便,但雖然這些圖示檔不大,同時載入時卻也相當可觀...
文本溢出我們經常用到的應該就是text-overflow:ellipsis了,相信大家也很熟悉,但是對於多行文本的溢出處理確接觸的不是很多,最近在公司群裡面有同事問到,並且自己也遇到過這個問題,所以專門研究過這個問題。首先我們回顧一下以前實現單行縮略是可以通過下面的代碼實現的(部分瀏覽器需要設置寬度)...
每次 Apple 發表會結束,出現新版的 macOS 或 iOS 時,我都很想仰天大喊「殺~人~喔~」。這次 iOS 11 當然有改新東西,但變化最大的是 iPhoneX 。
電商的競爭環境愈來愈激烈,除了與同類型B2C電商競爭外,更多品牌開始自己開始做電商,無論是行動版網頁、apps,或是透過社群網站的購買功能及廣告,都顯示品牌的數位行銷策略,已經大幅進步,離消費者愈來愈近。