摘要： 日期：2012-6-22來源：GBin1.com在線演示本地下載今天我們介紹一篇來自Brandon Pierce的3D按鈕設計。希望大家喜歡！基本HTML<nav> <ul class="nav"> <li><a href="#" class="icon-home"></a></li> <li><a href="#" class="icon-cog"></a></li> < 閱讀全文

摘要： 今天我們繼續介紹jQuery的功能特性，如果你沒有錯過了第一篇，請這里閱讀。 jQuery DOM操作 jQuery的一個特長之一是幫助你有效果的進行DOM（Document object model）操作。DOM是你能看到的web應用中的所有元素，包括圖片，容器元素，鏈接，視頻等等。 通常我們在DOM加載完畢后來處理各種事件和元素，用來生成獨特的效果。以下我們介紹幾個非常有用的方法： 使用.clone()方法。 jQuery的clone()方法可以快速的幫助我們根據一個元素快速生成另外一個元素的拷貝，相信大家在我們的ajax方法介紹中看到過我們如何使用clone方法來生成一個新的元素，以便使用.live()方法來綁定動態元素。 注意，你同樣可以使用clone()方法來拷貝綁定在元素上的事件，非常實用的方法。 閱讀全文

摘要： 你不得不承認，最近幾年jQuery在前臺開發類庫中脫穎而出，越來越流行，只要你做web相關應用或者網站開發，肯定或多或少的使用過相關的功能。在最近的Google趨勢中，我們可以看到自從2008年開始，jQuery類庫的使用呈現幾何級別的增長，遠遠的將其它JS類庫甩在后面，有圖為證： 閱讀全文

摘要： 今天我們分享一個超酷的使用HTML5畫布技術開發的進度條插件 - percentageloader。這個插件比普通的水平進度條使用更加炫酷的效果，圖形效果類似以前我們介紹的jQuery knob插件 ，這個插件使用快捷簡單，可以非常好的應用到現代瀏覽器中。插件使用了HTML5的畫布來生成圖形界面，壓縮版本只有10kb大小，并且使用矢量Vector而非圖片來生成，可以很方便的生成不同大小的圖形。開源軟件，大家可以方便自由的使用。 閱讀全文

摘要： web或者網站設計中很重要的一點在于如何有效的使用顏色搭配，可能大家都有過痛苦的上網瀏覽體驗，因為很多網站都沒有很好的處理顏色對比度的問題，結果就是折磨用戶的眼睛。 今天這里我們將介紹一個不錯的在線顏色對比度檢驗工具 - Checkmycolours，使用這個工具，可以幫我們針對網站做一個徹底的檢查，它能夠幫助我們分析web頁面上的顏色使用。 基本原理是檢查DOM元素的前后背景色，并且組合讓你直接看到效果，同時可以很好的幫助你出來顏色對比度不夠的問題。 閱讀全文

摘要： 在今天這篇文章中，我們將介紹來自于tympanus的 一個全屏幻燈特效教程，在這個教程中將介紹如何使用jQuery和CSS3來實現一個全屏的幻燈特效，你將看到每一個幻燈都從水平或者垂直中間斷開然后消 失，使用不同的data-attributes屬性來定義類型，旋轉和角度等幻燈屬性，這樣我們可以創建非常獨特的幻燈效果。 閱讀全文

摘要： 作為獨特的網站設計風格，使用3D特效設計的網站會帶給訪問者超酷的視覺沖擊，今天小編我將介紹最近收集的8個超酷的3D網站設計，希望帶給大家靈感！ 閱讀全文

摘要： 大家可能都有過這樣的開發經驗，用戶無法真正的了解如何使用一個設計非常講究并且功能非常炫酷的網站，這樣的情況的確非常讓人沮喪，即使是微軟開發的office，也有同樣的問題，現在的office使用就是一個迷宮游戲，永遠無法第一眼找到自己需要的功能。 為了解決這樣的問題，一個非常好的方案就是形象化的將功能區域有效的展示給用戶，并且添加適當的功能說明。不過這樣的功能自己開發起來可能相對比較麻煩，有沒有更好的方式呢？ 今天這里我們介紹一個不錯的jQuery插件 - Pageguide.js，使用這個插件可以有效的幫助你生成網站使用的向導，用戶可以很直觀的了解網站的內容和相關功能使用，而作為網站來說，我們不需要自己開發相關功能，只需要整合pageguide到我們的網站即可。 使用Pageguide.js將會添加一個“向導”按鈕到你的網站，當你點擊它的時候，將會高亮顯示我們需要說明的網頁元素，并且附帶部分的文字說明。你的用戶可以很容易的了解如何使用這些功能。 閱讀全文

摘要： 文件類型相關圖標圖形在web應用和網站開發中往往大量使用，例如，下載文件類型提示，這樣用戶能夠很清楚的了解下載的文件格式和類型。圖形方式的指示往往能更加有效的引導用戶的使用。 閱讀全文

摘要： 今天我們介紹來自tutorialzine的一個HTML5/jQuery/Yahoo API的開發教程，在這篇文章中我們將介紹如何使用HTML5的Geolocation，jQuery和YahooAPI來開發一個天氣預報web應用。 如果你不熟悉HTML5的Geolocation（地理位置服務），請參考我們的HTML5教程： HTML5 Geolocation。 閱讀全文

摘要： 今天我們帶來另外一套免費的圖標資源 - Simplycons Icon Set，這套圖標包含了50個設計簡潔的圖標，來自于SimplyPixels的設計師Patrik Larsoon。 這套圖標提供了透明的PNG文件格式，對于個人或者商用都是免費使用。但是不可以隨意發布，如果你需要，請去simply網站下載。 閱讀全文

摘要： Chronoline.js是一個javascript的類庫用來幫助開發者創建一個按時間來展示的時間線。 整個時間線水平方向顯示，我們可以方便的顯示任何時間長度的事件，并且提供一個tooltip來展示事件詳細內容。 閱讀全文

摘要： 今天我們介紹5款jQuery的動態過濾插件，這些插件可以有效的幫助你過濾搜索結果，幫助你將搜索過程變得更加簡單并且快速。以前我們介紹過一款超酷的動態過濾插件使用jQuery插件filtrify，這里我們再介紹5個不錯的動態過濾插件，通常來說我們都加載搜索結果中所有數據，但是隱藏不匹配的數據內容，展示用戶需要的數據內容，以此達到動態搜索目地，希望大家喜歡！ 閱讀全文

摘要： cURL是 一個非常實用的命令行工具，可以有效的幫助你處理URL相關操作和數據傳輸。最早這個工具用來幫助大家使用命令行格式來編程實現各種不同協議下的文件傳 輸，如，HTTP，HTTPs，FTP，gopher，sftp等等。我們可以方便的使用批處理或者shell腳本語言來自動處理URL相關的操作。在今 天這篇文章中，我們將簡單的介紹大家可能常用的CURL命令行，希望對大家有幫助！ 閱讀全文

摘要： 當我們準備開發移動網站或者項目的時候，最重要的一點在于有效的控制每一個部分的大小，我們需要盡可能的保證所有文件都足夠的小，這樣用戶才能有非常流暢體驗。前面的文章中我們詳細介紹過輕量級的移動開發Javascript類庫- Zepto.js，今天這里我們介紹另外一個非常新的javascript類庫QUOjs。 使用這個類庫能夠幫助你開發基于移動設備的網站或者應用，它擁有非常迷你的體積，壓縮版只有13kb的大小，但包含了你需要的所有必要的功能。 閱讀全文