Responsive web design

RocketCake 免費回應式網頁編輯器

RocketCake 免費回應式網頁編輯器

為了解決同一個網頁能在不同的螢幕解析度下,仍可以有適合的呈現大小與內容,因此,網頁設計時就會採用 Responsive web design 的技術,這樣的作法不但可讓使用者獲得良好的閱讀體驗,日後網頁的維護也能較為輕鬆。而要設計回應式網頁,網路上有很多的範例可供參考與應用,初學者如果還沒有慣用的網頁編輯器,也可以考慮來使用 RocketCake free responsive website editor 這個可設計回應式網頁的免費編輯器,該應用程式本身就有內建一些網頁模板可供運用,且提供所見即所得的編輯方式,即便是非初學者,也可以使用此方式,取得自己想要的網頁效果。

繼續閱讀»»»

everysize 線上查看網頁在不同螢幕尺寸下的呈現效果

everysize 線上查看網頁在不同螢幕尺寸下的呈現效果

做了響應式網頁,該如何能夠看出其在不同螢幕尺寸下應有的效果呢?everysize 是個可以讓用戶選擇像是 iPhone、iPad、Google Pixel 等裝置的尺寸或是手動調整螢幕尺寸來呈現網頁的免費網站,不同以往看到的類似網站,該網站在呈現網頁後,用戶是可以直接操作非靜態的。

繼續閱讀»»»

利用 Google Resizer 看看自己的網頁在不同螢幕尺寸所呈現的樣子

利用 Google Resizer 看看自己的網頁在不同螢幕尺寸所呈現的樣子

隨著可上網瀏覽網頁的設備越來越多元化,如果網站設計還僅侷限在以電腦瀏覽器為主時,將難以提供使用者良好的體驗。因此當網頁設計好,要如何觀看在不同設備間且多種螢幕尺寸下所呈現的方式呢?其實,不需要真的去購買這麼多的設備一一來測試,透過 Google 所推出的 Resizer 網站,只要輸入網址,便可以觀察自己的網頁在不同螢幕尺寸下所呈現的樣子,藉以調整,事半功倍。

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄