網頁相關

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

阿湯好像很久都沒有寫技術方面的東西,最近剛好都在看架站相關的內容,特別是在看 nginx 這個東西,現下的主流架站方式有二種,一種是 LNMP,另一種則是 LNAMP,不過 nginx 雖然效能非常的棒,不過比較麻煩的是如果用到 htaccess 的 rewrite 規則時就必須依照 nginx 的...

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

最近因為手機版改版製作的關係,也多注意了不少地方,像前陣子加入的 YouTube 自適應, 再來就是很多人不太注意的 Logo,如果你有仔細看的話,會發現在手機版上的 Logo 很多網站看起來都是有一點糊糊的,那是因為圖片本身在高解析度的螢幕下觀看會有差異,因此阿湯上網搜尋了一下方式,要讓圖片支援 ...

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

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

如何阻擋網站被 7headlines 等類似的網站用 iframe 嵌入?

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

嫌痞邦邦的文章分頁按鈕太小嗎?讓我們來修改一下,讓訪客們注意到你的下一頁

阿湯本身的網站是用 WordPress 建站,所以其實彈性很高,想怎麼修改都可以,相對的如果是 BSP 用戶(像痞客邦、無名、Blogger)等等,可以修改的項目就不多,而版面最主要也只能透過 CSS 做些變化,這二天剛好有朋友也在抱怨痞客邦的文章分頁樣式怎麼那麼小,根本不會有人注意到下一頁,都得自...

免費網頁編輯器《BlueGriffon》DreamWeaver之外的第二選擇 跨平台並支援HTML5及CSS3

以前學習網頁的時候,清一色都是從frontpage開始,漸漸的隨著網頁技術的進步,frontpage就被淘汰了,現在如果自己去補習這部份的網頁設計技術都是使用DreamWeaver居多,不過如果自己在家要使用DW的價格也是不便宜,如果你不是DreamWeaver的重度使用者,或許也可以試試免費的網頁...

CSS筆記-純CSS製作Tab分頁效果

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

網頁技術筆記《FlashSlideShow》利用Flash+XML控制圖片切換

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

很想學CSS嗎?先讓哆啦A夢教你CSS在各瀏覽器下有什麼不同吧!

雖然不斷的改版佈景來融合自己所學習的東西,不過還是得不斷的吸收學習更多的技術,今天在逛網站赫然發現了一個很屌的CSS範例,居然是利用CSS3製作出一支哆啦A夢,而且不靠任何圖片就完成了,丫湯好奇的檢視原始檔,哇靠,真的是太強了,看來哆啦A夢也開始教起了CSS語法,不過由於是CSS3語法製成,在各大瀏...

jquery外掛《Lazy loader》延遲圖片加載,痞客邦及Blogger也可使用

最近在一些網站上看到一個圖片效果,是用來延遲加載圖片的功用,主要並不是減少流量,而是降低主機瞬間負載,特別是圖片爆多的網站,如果一頁有20張圖片,一次開啟完的話不僅訪客開的很累,對網站主機也是一種負荷,因此我們可以加上一支簡單的jquery外掛《Lazy loader》來延遲圖片開啟,當訪客往下拉到...