Social Icons

Press ESC to close

網頁相關

18   Articles in this Category
Explore

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

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

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

最近阿湯身邊的朋友也開始在問有關 7headlines 這種網站的事情,類似的網站其實有不少,共同的特點就是都是用 iframe 的方式嵌入別人的網站,雖然這樣做不違法,但基於道德問題,這樣跟盜別人文章沒什麼二樣,是很不可取的行為,如果你的網站也深受其害,阿湯這邊整理了一下對付的方式,讓這些 iframe 的頁面能真正的導回你的網站,一起來杜絕這些可惡的網站吧。

阿湯本身的網站是用 WordPress 建站,所以其實彈性很高,想怎麼修改都可以,相對的如果是 BSP 用戶(像痞客邦、無名、Blogger)等等,可以修改的項目就不多,而版面最主要也只能透過 CSS 做些變化,這二天剛好有朋友也在抱怨痞客邦的文章分頁樣式怎麼那麼小,根本不會有人注意到下一頁,都得自己另外寫上大字說明才會注意到,所以阿湯花了一點時間弄了一小段 CSS 語法,給痞客邦的用戶參考,如果有在使用分頁的朋友可以看看,希望對你們有幫助。

以前學習網頁的時候,清一色都是從frontpage開始,漸漸的隨著網頁技術的進步,frontpage就被淘汰了,現在如果自己去補習這部份的網頁設計技術都是使用DreamWeaver居多,不過如果自己在家要使用DW的價格也是不便宜,如果你不是DreamWeaver的重度使用者,或許也可以試試免費的網頁編輯器《BlueGriffon》,除了有DW的一些重點功能之外,也支援目前最新的HTML5及CSS3技術,甚至有部份的操作介面做的比DW更便利操作及使用,雖然功能不及DW,但在一般的網頁製作使用上已經是綽綽有餘。

前二天丫湯花了一點時間把網站的jquery效果都拿掉,如果有注意到的話會發現有一些小變化,原本的一些效果都沒了,特別是原本的Tab分頁換成了另一種,小小研究了一些也把Tab改成使用純CSS來達成,雖然效果沒有像jquery那麼的優,不過就當做是練習,才改了2天就有人問起源碼,當然丫湯沒那麼小氣,我們立即就往下來看看源碼吧。

雖然丫湯不斷的在研究Wordpress佈景,一直很想做一個CMS樣式的佈景,不過輪播圖片的部份一直找不到很滿意的程式來製作,最近無意間看到一個Flash+XML製作起來的輪播系統,看起來效果十足,也不會佔用太多資源,不過目前還不是很適合用在結合文章上,只適用輪播圖片,先在這裡做個筆記,之後再來研究看看是否適合做成WP外掛,有興趣的也可以拿去研究看看哦。