摘要： 日期：2012/03/07 最 近幾年很多網站，事實上基本所有的網站都使用一個技術 - AJAX來提供流暢并且高效的用戶體驗。無論是出名的Google Maps還是Gmail，或者是流行的javascript框架-jQuery Mobile，都使用AJAX來獲取后臺數據，并且實時更新用戶瀏覽頁面。使用javascript代碼來構建一個AJAX應用可能需要技巧。但是，很多的javascript類庫，包括jQuery都已經內建支持AJAX，這樣使得開發一個AJAX驅動的網站或者應用變得非常簡單。在這個教程中，我們將學習使用jQuery來執行基本的AJAX請求操作。 你將會學習：AJAX是什么？工作 閱讀全文

摘要： 日期：2012/03/08 在線演示 本地下載 今天分享一個幫助你添加圖片懸浮特效的jQuery插件 - Adipoli，這個插件可以幫助你添加各種不同的懸浮特效到你指定的圖片上，特別適合制作你的相冊，或者是網站個人作品集展示。你可以通過這種懸浮特效幫助用戶集中瀏覽當前的圖片，提高用戶使用體驗。希望大家喜歡！主要特性支持20多種不同的懸浮特效，包括初始特效和懸浮特效支持主流瀏覽器，同時針對兼容HTML5的瀏覽器有特殊效果支持多選項，用戶可以自定義相關設定如何使用導入需要的類庫和CSS：<link href="css/adipoli.css" rel="sty 閱讀全文

摘要： 日期：2012/03/05 在線演示 本地下載 今天我們分享一個來自于html5canvastutorials的超酷彈跳球效果，這里我們使用純HTML5的畫布來實現動畫及其圖形。整個效果使用小球來組合生成字體，如果你的鼠標逼近這些小球，它們會四散而逃，當你的鼠標離開后，它們又自動復原，效果很酷，希望大家喜歡！ if (ball.y < (ball.radius)) { ball.y = ball.radius + 2; ball.vy *= -1; ... 閱讀全文

摘要： 以往web開發中都使用Gif來實現加載中的效果，但是隨著技術的發展我們也可以使用jQuery和CSS來實現加載中的效果，希望大家喜歡！相關文章：5個在線Ajax“加載中”旋轉圖標生成器工具分享10個jQuery圖片加載插件和教程及其生成器1. Sonic – Looping Loaders一個非常小的JS class，你可以用來創建個性化的加載中動畫。非常適合循環的動畫。2. Bouncy Animated Loading Animation使用CSS3實現的加載中動畫3. CSS3 Loading Spinners without ImagesCSS變化（firefox3.5和webkit類 閱讀全文

摘要： 日期：2012/02/25 在線演示 本地下載在過去的幾年中，但頁面的網站設計越來越多了，大多數都是使用javascript來實現過渡效果。那么今天我們講介紹使用CSS的transition和:target屬性來實現同樣的過渡效果。HTML標簽HTML標簽包含了5個主要的部分：一個header及其4個內容區域。每一個區域都擁有一個id和class panel.而且我們會添加另外一個用來獲得class為content的部分。<!-- Home --><div id="home" class="content"> <h2> 閱讀全文

摘要： 日期：2012/02/26在線演示 本地下載 今天介紹一個款不錯的HTML5繪圖和制表類庫-flotr2。 它可以有效地幫助你繪制基于HTML5的圖表和圖形，包括線圖，柱狀圖，餅圖，氣泡圖等等，對于瀏覽器的兼容性也非常不錯。flotr2主要特性移動支持獨立框架可擴展的插件框架自定義的圖表類型FF, Chrome, IE6+, Android, iOS線裝圖柱狀圖燭柱圖餅圖氣泡圖HTML<div id="container" class="container"></div><div class="controls&q 閱讀全文

摘要： 日期：2012/02/27 來源：GBin1.com如果你使用wordpress的話，肯定知道對于wordpress來說主題框架和設計的重要性。一個非常好的wordpress主題可以有效的幫助你節 約時間來處理框架，或者讓你使用最小的代碼量來實現驚人的功能。今天我們這里將介紹25個超棒的wordpress主題 ，希望大家喜歡！1. Elemental (Basic license $59.99)主要特性：自定義的控制面板，方便的編輯文字，導航和其它4個自定義的widget區域12個自定義的頁面模板，例如，sitemap，聯系人表格社交媒體自定義的widget自定義管理員菜單本地化和翻譯支持De 閱讀全文

摘要： 日期：2012/02/24 來源：GBin1.com如 果你關注最近幾年的web設計，那么響應式布局(responsive layout)設計對于你來說肯定不是一個陌生的詞匯。 相對于傳統的頁面設計來說，今天的設計者需要考慮的用戶來源和用戶體驗對于設計者來說是一個非常大的挑戰，因為隨著硬件的更新，新設備的出現，你需要能夠 使得你的網站能夠針對不同的設置做出最好顯示響應。最初這個名稱來自于Ethan Marcotte的文章“Responsive Web Design”，設計的理念在于為了有效的利用空間和布局來滿足用戶閱讀過程中產生的不同使用行為，并且及時的做出響應。現在的響應式設計中，我們網站也 閱讀全文

摘要： 日期：2012/02/23在線演示 本地下載 今天我們分享一款使用jQuery和CSS3實現的3D環廊展示特效，這個3D特效使用CSS3的3D變化特性實現，簡單而非常華麗，希望大家喜歡！使用3D變化，通過將它們放置于一個三維空間，我們可以讓很簡單元素變得更加有活力，同時使用CSS的過渡效果，這些元素可以很容易的移動到3D空間中，并且創建一個非常真實的效果。主要的想法是創建一個輪播式的畫廊，我們可以將一個圖片放置在中間，旁邊放置兩個圖片。因為我們使用不同的角度，所以看起來兩張旁邊的圖片好像被設置在一個3D空間中，然后我們旋轉它們。注意：這里的效果需要你的瀏覽器支持3D變化效果如何工作<se 閱讀全文

摘要： 日期：2012/02/22 來源：GBin1.comjQuery越來越流行了，大家可能也會發現，在瀏覽網站過程中，越來越多的網站開始使用jQuery來構建以前需要使用flash來實現的超酷動態效果，事實上jQuery已經成為前端開發中重要的類庫之一，發揮著構建豐富web前端的利器。但是作為一個JS類庫，很多人并不是非常清楚如何正確使用jQuery來達到最佳的性能（Peformacne），如果你覺得代碼書寫對于性能的影響不會那么巨大，那么我只能告訴你，當你使用jQuery開發一個復雜的動畫和web應用的話，它有可能成為你性能上的終極噩夢。在這篇文章中，我們將介紹代碼書寫中，大家應該需要注意的幾個 閱讀全文

摘要： 日期：2012/02/21 來源：GBin1.com HTML5是web開發中目前最流行的標準，這里我們為大家準備了一個HTML5的基本知識小測試，大家可以來試試，看看你有多少了解HTML5。 閱讀全文

摘要： 日期：2012/02/20 來源：GBin1.com作為一個合格的前端開發人員，我們不得不學習很多最新的技術和實現，不論是html5，CSS，CSS3， javascript，還是后臺的最新數據庫技術nosql。如果你不能有效的學習這些生存技能，意味著你隨時被市場拋棄。為了能夠有效而高效的學習各種技術和編程，找到幾個非常不錯的網站還是很有必要的。，這里我們推薦8個非常不錯的技術網站，幫助你有效的快速學習編程，他們帶給你的不單單是學習的內容，還有學習的樂趣，enjoy!Javasript學習：LifeHacker Learn to code 這個網站通過4個課程學習javascript。每一個都 閱讀全文

摘要： 在線演示 本地下載 今 天是情人節，這里我們將創建一個超酷的動態留言板來幫助大家度過這個情人節，可能大家使用過很多的評論或者留言系統，基本都是靜態輸入的形式，今天我們創 建的這個留言板靈感來自于一些超棒的網頁設計，在用戶輸入過程中，會動態的顯示輸入框，產生類似flash的效果。提高用戶的體驗。希望大家喜歡！注：由于使用了Cufon英文字體美化UI界面，所有不支持中文輸入，如果你需要輸入中文，請將Cufon相關代碼移除即可。jQuery插件1. jQuery validation engine plugin - 表單驗證插件2. jQuery placehoder plugin - 輸入提示插件 閱讀全文

摘要： 日期：2012/02/09 來源：GBin1.com在線演示 本地下載 今天我們將介紹一款非常不錯的標簽輸入相關的jQuery插件 - jQuery TextExt， 這個插件能夠有效的幫助你快速添加標簽，并且提供相關的強大的輔助功能，幫助你有效的輸入，自動補齊提示及其提供AJAX支持。個人覺得非常不錯，符合大 多數情況下網站中使用標簽的方式和習慣，個人感覺基本上很多網站的標簽功能，都是為了實現標簽功能而強行添加的標簽功能，典型的從眾心理，使用生硬，并且 沒有任何所謂的使用體驗。Javascript$('#tags').textext({ plugins : 'tags 閱讀全文

摘要： 日期：2012/02/08 在線演示 本地下載 今天分享一款幫助大家在網站或者web應用中添加快捷鍵組合的類庫 - keyboard.js，使用這個類庫你可以很方便的捕捉輸入鍵的組合，可以幫助你很好的添加相關快捷鍵的操作，希望大家喜歡！主要特性：獨立類庫，當然也可以和其它類庫組合使用，例如，jQuery字母或者字母組合綁定支持Callback回調多語言支持支持AMD加載，例如 RequireJS文檔完整Javascript：$(document).ready(function(){ var gbin1 = ['g', 'b', 'i', ' 閱讀全文