響應畫廊濾波結合的 FancySelect 和 MixItUp jQuery插件來構建一個互動的相冊。 當構建畫廊,照片可以通過一個簡單的CSS類被分配給一個類別。使用FancySelect下拉過濾器組件用戶可以選擇他們想要查看哪個類別,自動過濾所有顯示的照片,只留下那些附有適當的CSS類。該MixItUp插件將是負責過濾圖像以及支持響應佈局。一個演示包括在下載包 要求: 在客戶端中啟用JavaScript...

閱讀更多

在網頁設計斷點是視口(屏幕)的寬度。他們是必不可少的值Web開發人員,因為他們可以讓他知道什麼時候該網站正在從台式計算機,筆記本電腦,平板電腦或智能手機查看。斷點的JavaScript庫,允許開發者自定義設置斷點和編程方式檢測時,其中一人已經通過。通過檢測該事件,開發者可以執行自定義JavaScript代碼和改變他們的網站正在從一個設備觀看具有較小的視口的方式。。斷點可以作為一個jQuery插件,是非常容易安裝按照與項目的README文件中提供的說明 要求: 的JavaScript...

棘手的社會吧是通過連接到頁面的側圖標展示某人的社交媒體型材的好方法。懸停圖標會讓然後展開橫盤整理,並露出小文(默認是社交網絡的名稱)。所有的圖標都通過CSS 3動畫,應該是很容易與任何圖標類型或圖標包修改。如果在使用較長的頁面,窗口小部件也將保持在一個固定位置的站點訪問者向上和向下滾動的網站 要求: < UL> CSS...

圖片標題哈弗動畫包包含超過一個照片動畫字幕4懸停效果。的影響是100%寫成的CSS 3,並且不要求任何類型的JS腳本的工作。它們可以單獨加載,或甚至一次全部在同一頁上。。圖片描述哈弗動畫也很容易修改和調整,如果允許任何需要的開發人員創建自己的修改 要求: < LI> CSS...

LazyMouse

LazyMouse 1.0

由於種種原因,開發人員可能需要知道當用戶停止與他的頁面交互。這可以是簡單的UX的用途或甚至更複雜的對帶寬的使用情況相關的問題。LazyMouse工作在客戶端的瀏覽器,以下鼠標移動和推定的用戶不活動的一個預配置的時間間隔之後。發生這種情況時就可以執行本地JS功能,採取各種行動。LazyMouse可以做同樣的事情,當鼠標活動再次檢測,徒勞無功的行為影響了當用戶下線。一個簡單的演示包括在LazyMouse下載包 要求: 在客戶端中啟用JavaScript...

閱讀更多