↧
《Pure》羽量級自適應網頁版型框架 (RWD Framework)
先前曾分享過由Twitter所研發的Bootstrap,透過這個RWD Framework可快速的打造出自適應的網頁版型,同時內建的特效也相當完整,甚至完全不用寫任何的程式碼,就能快速的打造出自適應的網頁版型,讓網頁可橫跨各種裝置與解析度,接下來要再來分享另一套RWD Framework...
View Article「Retina.js」網頁圖片支援Retina螢幕,並自動切換高解影像
自從Apple推出Retina的高解析螢幕後,讓手機與筆電,在瀏覽照片時,讓影像變得更細膩,因此也讓許多品牌紛紛的跟進,而這看似美意,但也苦了網頁設計師,由於螢幕的密度提高,這也讓圖片原本的圖片在Retina高解析的螢幕下,會出現鋸齒, 雖然說目前新的網頁格式SVG可解決,但這也只限於向量圖示。...
View ArticleXcode9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面
最近這幾天的話題,就是到底要換iPhone8還是iPhone X,沒預算考量當然是選iPhone X,而新款的iPhone X價格,足已買一台筆電,真的挺不便宜,但那無邊框的螢幕還真的是很漂亮,也因為如此,讓iPhone X與以往的iPhone有了些許的不同,本來以為,iPhone...
View Article解決新款iPhone X上方畸零空間蓋版與網頁滿版CSS3設定
這個新屬性,早在兩年前時,就已被定義出來,而當初在定義這新屬性時,主要是為了圓形智慧型手錶的螢幕上呈現網頁所需的,但沒想到現在卻是運用在iPhone的新機X上,當把網頁設為滿版時,另一個問題就是邊界的部分,由於iPhone...
View ArticleAMP 線上檢測平台,檢測同時還提供錯誤的改善建議
因此今天要分享一個AMP的線上檢測平台,除了可輸入網址進行檢測外,也可透過原始碼的方式進行檢測,甚至當網頁不符合AMP架構時,還會顯示相關的修正辦法,並依照指示一一的修正後,就可讓網頁符合AMP的架構,當一切都確認沒問題後,再把網頁進行上傳,因此現在就一塊來看看這個AMP線上的檢測平台吧!
View Article