摘要： 日期：2011/12/20 來源：GBin1.com 在線演示 本地下載這 個教程將實現一個頁面部分內容突出顯示效果， 大家可能經常見到一些頁面組成內容比較多，可能會分散用戶的關注點，使用部分內容突出顯示，而模糊其它內容會使得用戶能夠比較專著的閱讀頁面中自己關心或 者感興趣的內容，今天這個突出內容顯示效果就是為了解決這個問題而設計的。在這個教程中，我們使用了CSS3的transition屬性，所以你需要使用現代瀏覽器來瀏覽效果，比如：Safari和Chrome。 閱讀全文

摘要： 日期：2011/12/16 來源：GBin1.com 最 近Web圈子里最讓人激動地莫過于HTML5了，特別是HTML5視頻，使用HTML5視頻標簽可以幫助我們解決困擾我們很長時間的網站視頻插入問題。 HTML5可以在沒有flash的情況下播放視頻?，F在有很多的漂亮HTML5視頻播放界面，包括控制元素，所以你不需要其它的東西來播放視頻。這里我們 給大家介紹10款最好的免費HTML5播放器，希望大家能喜歡，支持我們，請給我們留言！分享10款最棒的免費HTML5視頻播放器 閱讀全文

摘要： 日期：2011/12/19 來源：GBin1.com2011即將過去我們將在幾周后迎來新的一年。 這里我們將介紹10多個js和jQuery的MVC教程希望大家喜歡！來源： 分享16個javascript&jQuery的MVC教程 閱讀全文

摘要： 日期：2011/12/16 來源：GBin1.com作為web設計或者開發者來說，表單是我們經常需要打交道的設計元素之一。 不論你開發登陸功能，在線購物功能，或者是注冊功能，你都需要使用表單來執行用戶輸入。但其實并不是很多開發人員都關心開發或者設計表單元素。而表單設計 最重要的目的在于能夠將表單設計超越它本身結構以達到使用體驗及其可用體驗的完美結合，因為表單是實現用戶和服務器數據交換的重要方式之一。今天我們將介紹10款我們收集的最棒表單插件，希望大家喜歡！來源：分享10個最好的jQuery表單插件 閱讀全文

摘要： 日期：2011/12/15 來源：GBin1.com幾 乎所有經常大量使用圖片展示的網站都對針對圖片加載執行了一些有效的優化步驟，然而，并不是任何情況都能指望這樣做。有時候你的確需要加載非常大的圖片， 而最后結果往往是圖片加載過慢導致頁面本身沒有加載完整。因此考慮使用一些不錯的jQuery插件幫助你異步加載圖片以優化頁面加載速度往往是一個不錯的 選擇！分享10個jQuery圖片加載插件和教程及其生成器 閱讀全文

摘要： 日期：2011/12/14官方已經正式發布了jQuery Mobile 1.0，今天我們這里將介紹這個流行的移動端框架以幫助大家跨平臺開發基于web的應用。 jQuery Mobile是一個流行的jQuery框架的擴展。正如其名，它用來幫助開發基于移動設備的web應用。作為最流行的移動端開發框架之一，它能提供大家一個非桌面應用的解決方案。同時它也被整合到SDK例如PhoneGap中作為本地應用的必要的組件。 支持jQuery的團隊非常努力的開發jQuery移動框架，在最后的3個月終于正式發布了。 今天我們來看看jQuery mobile中的一些特性，希望能幫助大家快速的開發出基本的移動客戶端應 閱讀全文

摘要： 在線演示2D在線演示3D 在線下載在線演示(效果) 在線演示(多個) 前段時間我們介紹過一款jQuery的超酷幻燈效果插 件：NivoSlider。今天我們將給大家來帶另外一個絕對震撼的jQuery實現的幻燈slider插件：Chop Slider。 這個插件擁有了192個不同的變化效果，絕對能夠滿足你不同的變換需要。而且支持很多2D和3D的特效。更重要的是它支持了非CSS3的效果，這樣你可以 有足夠的空間去開發一款所有瀏覽器都支持的幻燈效果。而且支持開發自定義的變化效果。這需要你自己開發。以下是主要特性：122個2D變換效果：這里有105個效果支持所有的瀏覽器，除了IE，在IE中的效果可能略 閱讀全文

摘要： 日期：2011/12/01 在線演示 Masonry是 一款非常強大的jQuery動態網格布局插件，可以幫助開發人員快速開發類似剪貼畫的界面效果。和CSS中float的效果不太一樣的地方在 于，float先水平排列，然后再垂直排列，使用Masonry則垂直排列元素，然后將下一個元素放置到網格中的下一個開發區域。這種效果可以最小化處理 不同高度的元素在垂直方向的間隙。如下：在上圖中大家可以看到，在網格布局中使用float來處理不同高度的元素會使得垂直方向的元素間間隔比較大，而使用Masonry處理后，間隔變小。Javascript首先倒入類庫，如下：<script src="// 閱讀全文

摘要： 日期：2011/12/07 來源：GBin1.com今天在公司的網站上發現的一個在線HTML5元素的在線測試，大家有興趣可以挑戰一下，有點小BT。Enjoy！在線測驗 閱讀全文

摘要： 在線演示1 在線演示2 Timeglider JS是一個由javascript支持縮放，數據驅動的時間軸組件。非常適合顯示項目歷史，項目計劃及其其它需要顯示歷史的項目。時間軸可以通過右邊拖放垂直滑動器來縮放界面：向上縮小，向下放大。同時也支持使用滾輪來控制縮放。通過鼠標拖東空白處可以左右拖動時間軸，點擊事件可以彈出一個小窗口來描述時間內容及其數據。JS組件有以下幾個目標：支持iPads和其它支持觸摸的設備非常容易整合到基于HTML/JS應用和界面支持復雜的布局，并且可以對任何指定自定義HTML元素添加事件安裝第一步：jQuery UI及其Timeglider CSS文件<link rel 閱讀全文

摘要： 日期：2011/12/06 編譯：GBin1.com 居 中式樣的網站設計是一個非常高效的平衡視覺設計方式。 并且更容易得到反饋，隨著移動web的發展，變得越來越受大家喜歡。由于以上的倆個想法我這里想分享一些居中的網站設計。這些收藏包括一些居中的頁面元素 web設計例如heading，圖片或者內容區域。希望大家能喜歡，并且給我們留言，謝謝！Freelance Graphic Design Jean-philippe GamsFireFlyCodeArt MediaGoneFreelancingWe are O3Eighty Two DesigncabedgeHuman Writ.esMitch 閱讀全文

摘要： 日期：2011/12/06Google 提供了很多不錯的用戶端服務和應用，雖然最初是一個搜索引擎，今天Google幾乎為每一個用戶提供解決方案。當為了滿足需求的時候，Google并不忘 記滿足web開發人員和設計人員的需求。在這篇文章中，我們將了解一下Google提供了那些主要的服務，并且如何應用到wordpress中的。1. Google自定義搜索Google自定義搜索幫 助網站創建了一個自制定的搜索引擎。幫助你構建你的核心功能，幫助你搜索整個網站，部分網站甚至是多個站點。同時你也可以使用Google adsense來幫助你顯示廣告到你的搜索結果中，當然你可以使用付費版本，這樣可以去掉所有的 閱讀全文

摘要： 日期：2011/12/05 來源：GBin1.com大家可能都看到過Flash實現的標簽云，很多網站都使用Flash構建的標簽云，包括wordpress中都有相關的標簽云插件。今天我們這里介紹一款jQuery開發的標簽云插件：3D tag cloud，希望大家喜歡！在線演示 在線下載 相關選項zoom: 90 初始的縮放度min_zoom: 25max_zoom: 120zoom_factor: 2 - 鼠標滾輪的縮放速度rotate_factor: -0.45 - 鼠標移動時球體旋轉的數量。正數將反向旋轉fps: 10 - 定義每秒動畫更新的次數centrex: 250 - 在contain 閱讀全文

摘要： CSS3基礎知識小測驗:http://www.gbin1.com/technology/onlinequiz/20111204basicquiz/ 閱讀全文

摘要： 日期：2011/12/01 來源：GBin1.com 使 用jQuery可以幫助你快速的實現一些非?？岬膭討B特效，有些時候能幫助你提高用戶體驗，有時候能夠幫助你似的網站更加炫酷。例如在GBin1首頁使用 的標題寬度變化效，可以有效的幫助用戶提高閱讀的便利性，一個好的前端人員，應該時時刻刻站在用戶的角度看待UI設計。今天這里我們收集了10個使用特別動態效果的教程，希望大家能夠喜歡，如果你能給我們留言，我們將會非常高興的！相關教程： 分享10個超酷的jQuery動畫教程1. 動態的標題背景特效在這個教程中，作者介紹了如何使用jQuery來使你的標題背景動起來，這樣使得你的網站更具有活力在線演示 . 閱讀全文