goTOP
採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
January 1, 2025
經由朋友介紹我的植物介紹網站才知道,在Mac中的網頁顯示有問題,於是我就花了許多時間去找,這只有Mac OS上才出現的問題。
https://plant.apaostudio.com/

問題狀況模擬:
網頁中負責畫面控制的CSS 中 article 中出現以下文字排列,但是在Windows電腦與Android手機顯示上,我卻沒有發現有任何問題。
在主題(theme)找了老半天,也查不出真相,於是採取檢查文法的方式,逐步找到問題CSS的地方,但所有CSS裡看不見關於以下的設定。

letter-spacing

▼十分像是被加入了魔法般,被強制設定了(模擬)
letter-spacing: 1em;

▼文字依照設定被均勻分布的感覺(模擬)
點擊在新視窗中瀏覽此圖片
▼也十分像是被這樣設定了(模擬)
letter-spacing: 10px;

▼在Safari與Chrome中(模擬)出現的狀況,當時忘記要紀錄問題畫面。
點擊在新視窗中瀏覽此圖片

於是我將CSS定義完整修正之外, article 設定修改成為以下,Mac中的Chrome修復了
letter-spacing: normal;

▼Mac中的Chrome中的顯示(但也有可能我少了「;」以結束CSS定義)
點擊在新視窗中瀏覽此圖片
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. 如果發生以下狀況(您的網頁不適合使用行動裝置瀏覽。):
點擊在新視窗中瀏覽此圖片
November 15, 2017
一般來說我們看到SSL(https://...),大多應用在金流交易上頭,也可以應用在自己的網站或是部落格上面。近年來因為網路資訊洩漏,比特幣的問題,洗黑錢等等的可能與危險性的不斷提增,各金流與銀行也紛紛在簽約前,強調要SSL連線的求需。基於不觸碰客戶資訊為由,我們特地做了樣品網站(DEMO)給大家參考...

點擊在新視窗中瀏覽此圖片簡單的說,就是在瀏覽器的網址列多了一個鎖與警告標誌。
參考網址ˋ:https://plant.apaostudio.com/

SSL傳輸,傳遞網頁訊息,安全不洩密。
不僅如此,我們還會讓憑證定期自動更新。點擊在新視窗中瀏覽此圖片
November 14, 2017
A.PAO gardenSTUDIO 上線後,
從零到有,約一個月左右達成一萬人次的點閱數,後面有十分多不為人知的前置與後製作業,與大家分享成果:


點擊在新視窗中瀏覽此圖片A.PAO garden:http://plant.apaostudio.com

追求提高攝影品質與加強植物正確名稱的準確性:
以數位相機畫質取勝,改善膠片相機與植物官方網站的不便
May 31, 2010
點擊在新視窗中瀏覽此圖片

這是在法國西部的Nantes所出現的作品,以溫室與機械作為作品主題的巨型蜘蛛與巨型少女是La Machine的作品。
分頁: 1/2 第一頁 1 2 下頁 最後頁 [ 顯示模式: 摘要 | 清單 ]