6個新jQuery技術讓你的設計內容更有趣
設計師們不斷努力創造醒目和不失實用性功能的互動式佈局,以增強重要的使用者體驗。由於時下有各種形式的技術可以使用,選擇時十分眼花繚亂。而內容可以幫助提升設計,或為聚焦服務。這裡主要挑戰是讓事情簡單化,因為我們處理的互動式內容,會經常變化。話雖如此,讓我們看看這6個jQuery技術,它們提供了豐富的瀏覽體驗。
1、JQUERY TRANSIT
平滑的 CSS3 和 jquery 過渡動畫
一個非常有用的jQuery外掛,和animate() 方法一樣以同樣的方式工作,但由CSS3實現過渡。你可以利用CSS3在任何裝置上實現轉換和過渡動畫。包括:平移,旋轉角度,縮放,傾斜等。
2. THE WOOKMARK JQUERY PLUGIN
以瀑布流方式佈局一系列元素
Woomark jQuery外掛能自動排列,並建立一個動態的響應瀏覽器大小的box grid 網格佈局。這非常適合以簡約和時尚的方式展示大量內容。
3. FILTRIFY
使用HTML5和jQuery的漂亮的標籤過濾器
Filtrify是一種先進的標籤過濾外掛,受到多個選擇功能和Orman Clark的垂直導航選單的啟發。
你可以在多個不同類別的標籤中搜尋標籤和過濾專案,並得到相關標籤下專案的實時反饋。
4. SCROLLORAMA
一個很酷的滾動條 jQuery 外掛
允許你建立任何數值CSS屬性的轉換動畫,Scrollorama是開發滾動網站最快捷的方法之一。
它將內容劃分成塊,它很簡單地能在瀏覽器視窗滾動時網頁上的元素產生動畫。
5. MAGNIFYING GLASS FOR IMAGE ZOOM
使用jQuery和CSS3建立一個現實的放大鏡
程式碼使用CSS3的框陰影和邊界半徑屬性來建立放大鏡。 jQuery是用來定位在游標的座標,並相應改變背景的位置。
6. BACKBONE.NOTIFIER
顯示和控制UI的通知
BACKBONE.NOTIFIER是一個強大的和靈活的框架,用於顯示和控制建於jQuery,Backbone.js和Underscore.js之上的對話方塊通知。
目前有大量的選項,定製時間,樣式,大小和位置,甚至在未來加入更多的功能。包括樣式,是完全可定製的,而且不需要額外的CSS並可擴充套件的由於智慧模組架構。
相關文章
- 使用 Palette 讓你的 UI 色彩與內容更貼合UI
- 用於新增新內容的四個 jQuery 方法jQuery
- C#6新特性,讓你的程式碼更乾淨C#
- UI設計技術分享:教你幾個設計技巧讓老闆對你的設計讚不絕口UI
- 8個方法讓你成為更優秀的程式設計師程式設計師
- jquery實現的設定指定元素的文字內容和html內容jQueryHTML
- 8個指標讓你分清公司內部技術人員的高低優劣指標
- 4個Excel核心技術,讓你效率翻倍!Excel
- jQuery - 設定內容和屬性jQuery
- Java相關技術點及技術內容Java
- jquery js 設定 div 的內容,給 div 新增一個屬性jQueryJS
- 【杭州雲棲】飛天技術匯CDN與邊緣計算專場:讓內容離消費者更進一步
- 【譯】五個ES6功能,讓你編寫程式碼更容易
- MySpace新技術阻止重複釋出侵犯版權內容
- 如果有人讓你推薦程式設計技術書,請叫他看這個列表程式設計
- “聲討”高雲的《jQuery技術內幕》jQuery
- NFT區塊鏈技術的基本內容區塊鏈
- 【web自動化測試】requests-html 這個解析庫,能讓你更輕鬆的獲取網頁內容WebHTML網頁
- 讓開發者高效程式設計的10個新框架程式設計框架
- 2013年6個熱門的技術和設計職位
- 做好11條讓你成為更優秀的程式設計師程式設計師
- 6個有趣的Linux命令Linux
- 能讓你成為更優秀程式設計師的10個C語言資源程式設計師C語言
- 短視訊內容理解與生成技術在美團的創新實踐
- 通過設計讓APP變快的6個方法APP
- jQuery Mobile修改button的內容jQuery
- 怎麼讓老闆覺得你是個有用的技術人才?
- jQuery VS AngularJS 你更鐘愛哪個?jQueryAngularJS
- Jquery如何獲取和設定元素內容?jQuery
- 新技術讓3D列印生物組織更方便儲存ZKT3D
- 用VB6設計有趣的動畫場景 (轉)動畫
- 綠盟科技SecXOps安全智慧分析技術白皮書:讓你的安全分析“更聰明”
- 按合同設計 - 瞭解有關OOP的新內容 Marcell LippOOP
- 技術類網站如何做好網站內容建設網站
- 讓你工作變得更加有趣
- 讓動畫變得更簡單之FLIP技術動畫
- 埠碰撞技術讓開放埠更安全(轉)
- 程式設計師的18個有趣的事實程式設計師