網頁相關

3 posts
htaccess to nginx converter - 轉換原本在 apache 上的 htaccess 內容,符合 nginx 規則 031

htaccess to nginx converter – 轉換原本在 apache 上的 htaccess 內容,符合 nginx 規則

阿湯好像很久都沒有寫技術方面的東西,最近剛好都在看架站相關的內容,特別是在看 nginx 這個東西,現下的主流架站方式有二種,一種是 LNMP,另一種則是 LNAMP,不過 nginx 雖然效能非常的棒,不過比較麻煩的是如果用到 htaccess 的 rewrite 規則時就必須依照 nginx 的規則重寫,但這對很多人來說是挺麻煩的一項設定,如果不太知道怎麼重寫符合 nginx 的規則,可以試著用 htaccess to nginx converter 來轉換看看,或許就能有所解答。
讓手機版 Logo 支援 Retina,在手機上看就不會模糊不清 0239

讓手機版 Logo 支援 Retina,在手機上看就不會模糊不清

最近因為手機版改版製作的關係,也多注意了不少地方,像前陣子加入的 <a href="https://steachs.com/archives/10457" target="_blank">YouTube 自適應</a>, 再來就是很多人不太注意的 Logo,如果你有仔細看的話,會發現在手機版上的 Logo 很多網站看起來都是有一點糊糊的,那是因為圖片本身在高解析度的螢幕下觀看會有差異,因此阿湯上網搜尋了一下方式,要讓圖片支援 Retina 可以改用 SVG 檔案,不過這不是一個最佳方式,另外就是可以透過 javascript + css 來達成,往下阿湯就來分享這次的做法給大家參考。
如何讓網頁嵌入的 YouTube 可以自適應解析度縮放 youtube

如何讓網頁嵌入的 YouTube 可以自適應解析度縮放

網頁做成 responsive(自適應)在現在似乎是已經見怪不怪了,最近阿湯也將手機版做了改版,不過先前在手機版的 YouTube 嵌入框是直接設定一個寬高讓他縮小,在這次改版思考了一下,手機現在尺吋包羅萬像,所以就將 YouTube 修改為可自適應縮放,也順便自己做了個筆記,相信有不少人也都沒有針對 YouTube 做自適應,下面就提供阿湯的做法給大家參考,有需要的就夾去配吧。