Category Archives: Skill | 技術

My Second Life.

美化 WordPress 標題,個性字體生成圖片標題插件推薦!

網頁特殊字體的實現的話題一直被人們所談論,就目前而言,還是無法直接實現兼容全瀏覽器的,通過一些工具生成字體庫載入或者 js 實現等的方法倒是有很多。本篇不討論這些。今天我要介紹的是一款讓 WordPress 的標題以圖片形式輸出的插件,且可以定義輸出圖片的文字樣式(包括字體、大小、是否陰影等)。

Posted in Skill | 技術 | 133 Comments

XAMPP 虛擬主機配置,實現多域名訪問本地項目

有時候你需要一些頂級域名訪問方式來訪問你本地的項目文件而不是目錄方式訪問,這時候就需要配置虛擬主機,給你的目錄綁定一個域名(本地的話可以通過修改 hosts 文件隨便綁定什麼域名比如 www.a.com 或者 localdemo)。
現在假定你有兩個目錄,一個存在於 /xampp/htdocs/a,另一個存在於 /xampp/htdocs/b 。
現在你想要在本地測試的時候訪問 www.a.com 對應的目錄是 /xampp/htdocs/a ,訪問 www.b.com 對應的目錄是 /xampp/htdocs/b 。 Continue reading

Posted in Skill | 技術 | 30 Comments

Sweet Titles for jQuery (美妙的標題提示) !

Sweet Titles for jQuery (美妙的標題提示)
Sweet Titles 這個名字源自於一個改變 Title 提示效果的 js 插件 Sweet Titles Finalized。此插件不但讓你的 title 提示效果變得美觀,而且可以顯示出你將要點擊的鏈接的 url,讓用戶知道自己將要去哪裡,同時提升了用戶感受度。而且我認為,系統的 title 提示有時間延遲,用 js 實現的可以迅速的展示出來。 Continue reading

Posted in Skill | 技術 | 86 Comments

瀏覽器專屬 CSS Hack:區分 Firefox / Opera / Safari / Internet Explorer

CSS Hack 是在標準 CSS 沒辦法兼容各瀏覽器顯示效果時才會用上的補救方法,在各瀏覽器廠商解析 CSS 沒有達成一致前,我們只能用這樣的方法來完成這樣的任務。網上你可能能搜索到一大堆的 CSS Hack,但是我今天發布的你可能並不都很了解,因為這些都是只針對單獨一個瀏覽器的 CSS Hack。

Posted in Skill | 技術 | 49 Comments

改善網站體驗小細節,點擊改變鏈接的文本!

jQuery 真是一個非常偉大的 javascript library,至少在我不會寫 JS 的時候第一時間接觸了它,雖然還有其他很多優秀的 javascript library,但是目前我還是對其情有獨鍾,它讓你的網站顯得更加酷,同時在一定程度上給了用戶不錯的視覺體驗… 有時候瀏覽器變得緩慢或者網路十分緩慢的時候,當你點擊了一個鏈接,你要做的就是對著頁面傻看著,頁面既不刷新,也沒有任何提示,並沒有給用戶一個好的引導。一些並不是網路從業者的訪客可能都不知道你的網站到底怎麼了,明明點擊了鏈接卻沒有反應,從而造成了不好的印象。所以我覺得,為什麼不給出一些提示來告訴他們頁面正在載入中呢(當他們點擊了某個鏈接的時候)。

Posted in Skill | 技術 | 34 Comments

用 jQuery 製作模擬下拉框,改變你的下拉框樣式

傳統的 Select 下拉框因為樣式醜陋且無法隨性更改樣式而遭到了我的鄙夷,相信很多人都有此種觀點。並且在ie6下,下拉框的優先順序大於層,經常導致下拉框顯示在層的上面。但是自從有了 Javascript,這些問題便不再是問題。最近正好在改版一個網站,要修改下拉框的樣式,正好看到 CssRain 已經製作了這麼一個很有用的插件,下面我就教大家怎麼用 jQuery 製作一個模擬下拉框,從而實現對 Select 下拉框樣式的定製。

Posted in Skill | 技術 | 25 Comments