January 4, 2018
當我製作手機版網頁時,習慣性的沿用PC版的CSS定義
發現一個跟 padding 完全無關的問題(BUG)

點擊在新視窗中瀏覽此圖片
HTML for mobile
<a href="index.php">首頁 home</a><a href="Category.php">商品清單 Category</a><span>某某商品名稱</span>

December 19, 2017
這次攝影採用右側反射光與左側豬嘴+黃光的拍攝方法
註:一般拍食品大多偏黃色,客戶不喜歡黃色調,於是增強橙色與紅色,並黃光調低些


點擊在新視窗中瀏覽此圖片
December 19, 2017
box-sizing 似乎很不錯。但是做比較複雜的CSS設計時,有優點有缺點。
優點:可以快速地讓母容器縮小至所設定的大小。
缺點:但是內部尺寸卻不是很好計算。包括其內的子容器大小如果有其他設定,img, span, a, 等改變diaplay屬性後還是要經過計算


點擊在新視窗中瀏覽此圖片
November 23, 2017
首飾不一定要乖乖的拍,也可以這樣放一起,讓一張照片裡面同時呈現不同的商品。

點擊在新視窗中瀏覽此圖片
November 17, 2017
讓網站註冊進入Google Search Console(以前的 Webmaster)
首先要將google給的檔案放入網站空間內,讓搜尋引擎能夠抓到這個網站,是自己所管理中的。


下載google推薦的方法的檔案:
點擊在新視窗中瀏覽此圖片
November 16, 2017
今天又發現一個搜尋引擎的錯誤,「您的網頁不適合使用行動裝置瀏覽」但是可以透過回報機制,向Google提出喔。

行動裝置相容性測試 網址如下:
https://search.google.com/test/mobile-friendly?hl=zh-tw

響應式網頁,目的就只是對應手機電腦或是iPad等不同的設備。但是各家寫法都不相同:
1. 分兩隻以上程式跑網頁尺寸版本,相對的需要使用資料與傳出量是兩倍。
2. RWD 寫法。jQuery, LESS.js, SCSS等等方法,使用者需要更多的記憶體來跑程式,沒有相對等的功力,其實要操控比分兩隻程式寫來得困難,適合大型案件,但是操控性比兩隻程式方便些。
3. 一支程式 oneCSS or twoCSS寫法。如果工程師能夠在腦袋裡面先架構好網站樣式,僅有一支php程式檔案量,這種方法為最輕快的方法(我們便是採取這種寫法,這次發生Google障礙的模組是oneCSS的寫法。twoCSS寫法尚未發生過問題)。

1. 如果發生以下狀況(您的網頁不適合使用行動裝置瀏覽。):
點擊在新視窗中瀏覽此圖片
分頁: 2/174 第一頁 上頁 1 2 3 4 5 6 7 8 9 10 下頁 最後頁
[ 顯示模式: 摘要 | 清單 ]