本站相關

有關於本站一些運作的事情。顯示全部文章

2015年02月14日 (六) 01:40 導入響應式設計

　　經過一週的測試，看起來響應式設計應該是穩定了，雖然對大家來說，大概只是版面擴大、圖片變大部落格兩列變三列，但是做這些東西，背後其實有著許多的心理掙扎啊！

　　前幾天，終於有空把週一的首頁主題日本場景畫完，夜間場景（每週一21:00~23:59）自己看了覺得非常有感覺，但是當我把它切版裝到網站時，因為寬度只剩1000px，圖片變小，許多細節不見了，讓我覺得心有不甘，又開始想把版面擴大的事。

　　但說到網站要擴大版面，重新佈局，又是一個皓大工程，何況這代表著所有的首頁主題畫面都必須重新切圖，而以前切的要死的圖片及程式都要癈棄，光是想到就很沒有幹勁，何況還是有人螢幕解析度還是1024，若是我把版面擴大，寬度將會超過這些人的畫面，因為這兩個因素，使我對於改版一事猶豫不決。

　　我一直誤以為響應式設計是javascript技術，但我javascript實在是弱，所以一直沒有想過把網站做成響應式的，為了配合行動裝置，我另外開發了手機版的網頁，直到前一陣子，我在一個因緣際會之下，得知響應式設計事實上只是CSS的運用，我心想如果是這樣，我應該做得到，查了一下資料，發現這對我來說只是小菜一碟，我被許多號稱響應式介面的javascript特效騙了，那些特效都不是響應式的核心內容。

　　所謂的響應式網頁設計(Responsive Web Design)簡稱RWD，又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計，是一種在不同解析度下改變網頁頁面的佈局排版，讓不同的設備都可以正常瀏覽同一網站，提供最佳的視覺驗，簡單的說，就是你的電腦螢幕有多寬，就對應哪種畫面排版。

　　雖然如果這樣設計，我就不必捨棄過去寬1024時候的所有設計，也不用擔心使用者的螢幕如果只有寬1024，擴大版面後，會超出去的問題，但是要做這個還是很麻煩，如果千辛萬苦做了，根本沒多少人因此看到我的大圖，那還是白工，總之就是在找理由不想改版。

　　於是我調查了我的網站過去一年瀏覽者使用的電腦（不包括平板電腦及行動裝置）解析度大小，結果只有10.31%的人螢幕解析度寬度在1280以下、47.53%在1280以上1439以下、42.16%在1440以上，也就是說，現在大約90%的人其實看我的網站版面是偏小的，這真是個嚴重的問題，於是我只好打起精神做擴大了版面，不過，因為我的螢幕解析度寬度只有1440，雖然我有些朋友螢幕都1920了，但因為做了寬度那個大小的版本，我也沒辦法測試，所以只能等以後了，內頁的部份，其實很多圖都要重畫，所以擴大版面大概等到重畫以後了吧。

　　有時候圖片只是大一點，就會變好看，我自己看了是很感動啦，哈哈，另外，今天是情人節，也是台灣民主進程值得紀念的一天，台北市內湖南港區將舉行台灣第一次的罷免活動，無論結果如何，我們至少得到了一次行使罷免權的例子。

回本站相關分類

同分類上一篇：行動版網站上線！！
同分類下一篇：愉快的她們－LINE貼圖上架！！

本站相關 / 人氣(26) / 回應(0)

上一篇： 2015-02-12　失戀止痛藥
下一篇： 2015-02-16　鐘塔精靈

你可能有興趣的文章：
     2016-03-10　 LINE貼圖－讓我來示範什麼叫自暴自棄
     2014-06-05　瘋狂的決定
     2015-09-10　有關愉快的她們的名字
     2018-12-06　 [ 影音 ] 憶客披薩—多客沙威瑪～員工一句真心話竟然激怒了老闆娘?!
     2021-02-22　 [ 漫畫 ] 憶客披薩－線上訂餐
     2010-06-28　 [ 漫畫 ] 我要客訴！

歷史上的今天：
     2015-04-16　 [ 漫畫 ] LINE貼圖上架是很高興啦但...

關於本站

本站作者
Tt.梅梗

＂笑話難笑仍挺拔，何懼眾冷睡成趴，
不經一番寒徹骨，焉得梅梗變梅花。＂

本站首頁四個女孩每天都有不同的對白，場景依星期或節日亦有主題變化...
更多詳情

文章分類

文章搜尋

最新回應

Re:

作品「好熱」的背景繪製過程，by(Wynkoop)於2024-04-11 20:43:58

Re:

作品「好熱」的背景繪製過程，by(Carnevale)於2024-03-07 08:22:22

Re:

憶客披薩－線上訂餐，by(111)於2022-06-11 20:20:29

Re:

布魯妮塔的義大利傳統服裝－庇耶茲里，by(威廉)於2018-04-24 10:26:33

Re:

LINE貼圖畫的美不美究竟對銷售量影響大不大？，by(藍)於2018-04-18 21:20:48

Re:

靠LINE貼圖，年收百萬不是夢？，by(藍)於2018-04-18 20:36:20

Re:

王國紀元－懦夫，by(小老闆)於2018-02-01 09:45:57

Re:

王國紀元－懦夫，by(小老闆)於2018-01-30 23:42:07

Re:

靠LINE貼圖，年收百萬不是夢？，by(黃茶茶)於2017-12-08 15:44:51

Re:

古羅馬大道與台灣中投公路，by(楊)於2017-10-13 13:56:22

授權條款

除另有註明，網站之內容採用之授權條款如下：

文字創作：
姓名標示─非商業性─禁止改作

授權標章｜授權條款法律文字

本授權條款允許使用者重製、散布、傳輸著作，但不得為商業目的之使用，亦不得修改該著作。使用時必須按照著作人指定的方式表彰其姓名。

使用時請標示「奮鬥的繪畫之路」若為網路散佈請附上本站連結：
http://www.tpintrts.tpin.idv.tw

插畫、漫畫、圖片創作：
姓名標示-非商業性-相同方式分享

授權標章｜授權條款法律文字

本授權條款允許使用者重製、散布、傳輸以及修改著作，但不得為商業目的之使用。若使用者修改該著作時，僅得依本授權條款或與本授權條款類似者來散布該衍生作品。使用時必須按照著作人指定的方式表彰其姓名。

非商業性之例外：您可以自由製作同人誌販售，但仍需符合姓名標示及相同方式分享之標準，本例外所指之「同人誌」之定義為：「作者完全自費或透過他人出資贊助出版、印刷、製作之刊物或週邊」，出資贊助製作者需為自然人，不得為法人，並且協助出資人數以五人為限，但非特定對象之群眾募資之人數不在此限，自然人與法人之定義以《中華民國民法》之定義為準，其他語言版本於此項例外有因翻譯造成之疑義時，以繁體中文之內容為準，本例外與創用CC無關，為本站額外追加之授權條款。

使用時請於圖片附近標示「奮鬥的繪畫之路」若為網路散佈請附上本站連結：
http://www.tpintrts.tpin.idv.tw

＊關於創用CC

有其他註明時：

另有註明部份，應依照註明部份為授權基準：

註明「@」者，為直接說明取得授權來源的標的、根據標的創用CC條款而授權引用或因其他因素不適用上述條款而另行註明者，引用時請遵守其授權要求。
註明「Ⓝ無已知版權限制」者：符合中華民國著作權法第五十二條「合理使用」之相關規定而引用之，但來源出處眾多而難以確定何者為版權擁有者，又無法找到能確認其為「公眾領域」的標的，若您要使用相同標的，提醒您在對其進行新的特殊應用之前，先自行分析適用的法律。
註明「©」者，為具有版權之標的，但符合中華民國著作權法第五十二條「合理使用」之相關規定而引用之，若您要使用相同標的，提醒您在對其進行新的特殊應用之前，應先取得授權或自行分析適用的法律。
註明為「⓪公眾領域」者，版權完全開放，屬於公開資源，不受任何限制可以自由使用的標的。
註明為「Ⓧ非著作」者，指不符合中華民國著作權法第三條之要件，不屬於著作，所以沒有版權。