隨筆分類 - JavaScript
前端技術
摘要:米老鼠是大家非常熟悉的迪斯尼動畫形象。這是一個可愛的效果,結合 CSS & SVG 圖形實現的米老鼠鐘表效果。Web 技術讓很多生活中的事物都能搬到網上去,后面的推薦閱讀也有很多的效果,感興趣的可以去看看。
閱讀全文
摘要:曾經,jQuery 無疑是最受歡迎的開源的 JavaScript 庫,如今它有了很多的競爭對手,像 AngularJS、React、KnockoutJS 等等。在這里,我想重點關注一下 AngularJS,它最初的學習曲線比較陡,如果入門之后就容易多了。在這里,我收集了包括鉆研 AngularJS 在內的20個資源教程和免費的在線代碼分享給大家。
閱讀全文
摘要:CamanJS 是一個基于 Canvas 處理圖片的 Javascript 庫,結合簡單易用的接口和先進高效的圖像編輯技術。CamanJS 很容易擴展新的過濾器和插件,并伴隨著一系列廣泛的圖像編輯功能。它是完全獨立的庫,支持工作在 NodeJS 和瀏覽器。
閱讀全文
摘要:Dynamics.js 是一個用來創建物理動畫 JavaScript 庫。你只需要把dynamics.js引入你的頁面,然后就可以激活任何 DOM 元素的 CSS 屬性動畫,也可以用戶 SVG 屬性。
閱讀全文
摘要:Codyhouse 收集了一組頁面滾動效果,就是目前大家很常見的用戶在瀏覽網頁的時候。一些效果雖然極端,但如果你的目標是創建一個身臨其境的用戶體驗,他們是非常有用的。所有的動畫都使用 Velocity.js 創建。
閱讀全文
摘要:JavaScript 可以通過多種方式來創建交互式的網站和 Web 應用程序。利用 JavaScript,可以讓你移動 HTML 元素,創建各種各樣的自定義動畫,給你的訪問者更好的終端用戶體驗。對于開發人員你來說,有無數的 JavaScript 框架可選擇,往往是很難選擇最適合您需要的。所以在這篇文章中,我收集了15個有用的和流行的 JavaScript 框架,旨在簡化前端應用程序開發。
閱讀全文
摘要:當你在開發一個內容很多的 Web 項目的時候,最具挑戰性的部分之一是為了如果更方便用戶瀏覽這些內容。我們都能想到的一個例子是 Amazon,無限的類別以及它們的子類別。Mega Dropdown 是帶二級分類的響應式下拉菜單組件,簡單易用。
閱讀全文
摘要:BasicModal 是為現代 Web 應用程序打造的彈窗系統。它包括所有你需要顯示的信息,問題或接收用戶的輸入。這里的彈窗還可以鏈接起來,所以你可以很容易地建立一個預定義順序的安裝幫助或顯示對話框。無效輸入可以使用包含突出顯示和處理功能。
閱讀全文
摘要:Restive.js 是一個 jQuery 插件,可以幫助您輕松快捷地添加響應式功能到你網站,適應幾乎所有擁有 Web 功能的設備。使用設備檢測,高級管理斷點,以及方向管理的組合,Restive.js 會給你的網站提供一種不可思議的能力。
閱讀全文
摘要:今天這篇文章為大家挑選了15個超炫的 CSS 動畫效果的例子,這些 Demo 可以說都是藝術品。CodePen 是一個在線的前端代碼編輯和展示網站,能夠編寫代碼并即時預覽效果。你在上面可以在線分享自己的 Web 作品,也可以欣賞到世界各地的優秀開發者在網頁中實現的各種令人驚奇的效果。
閱讀全文
摘要:CodePen 是一個在線的前端代碼編輯和展示網站,能夠編寫代碼并即時預覽效果。你在上面可以在線分享自己的 Web 作品,也可以欣賞到世界各地的優秀開發者在網頁中實現的各種令人驚奇的效果。今天這篇文章為大家挑選了15個超炫的 CSS 動畫效果的例子,這些 Demo 可以說都是藝術品。
閱讀全文
摘要:為了讓我們的信息能夠有效地溝通,我們需要創建用戶和我們的媒體之間的強有力的聯系。今天我們就來探討在網絡上呈現故事的新方法,并為此創造了一個開源和免費使用的 JavaScript 庫稱為 space.js。該庫是 HTML 驅動的,這意味著你不需要在網站上寫一行 JavaScript 代碼就可以,仍然有很大的靈活性。
閱讀全文
摘要:T3 是一個用于構建大型 Web 應用程序的客戶端 JavaScript 框架。T3 和大多數的 JavaScript 框架不同。它的意思是一小部分的整體架構,它允許你建立可擴展的客戶端代碼。T3 應用程序是由應用程序對象管理,主要任務是管理模塊,服務和行為。這是這三種類型的對象,允許你建立一個可擴展的 JavaScript 前端的組合。
閱讀全文
摘要:Awesomplete 是一款超輕量級的,可定制的,簡單的自動完成插件,零依賴,使用現代化標準構建。你可以簡單地添加 awesomplete 樣式,讓它自動處理(你仍然可以通過指定 HTML 屬性配置更多選項),您可以用幾行 JS 代碼,提供更多的自定義。
閱讀全文
摘要:一個小實驗,探索 SVG 線圖動畫的使用情況,以前沿的展示形式呈現圖形或網站元素的外觀,模擬它們的加載。SVG 成為一個有趣的網站組件,它真的很強大,有許多創造性和可能性,使用 SVG 可以制作各種有趣的網站交互效果。今天,我們想分享一組實驗 SVG 繪制動畫的例子。
閱讀全文
摘要:DOM 動畫是一個極好的 JavaScript 庫,用來在頁面的 DOM 注釋中顯示小的 ASCII 動畫。這對于那些檢查你的代碼的人是一個小彩蛋,僅此而已。它是一個獨立的庫,不依賴 jQuery 或者其它庫,所以使用是非常簡單的。您不需要任何 CSS 或 HTML,只是 JavaScript 而已。
閱讀全文
摘要:互動拖放著色概念是一個有趣的小實驗,你可以通過從調色板中拖放顏色水滴來給網站原型配色。我們的想法是簡單地從調色板拖動一個顏色到網站原型的顏色指定區域的部分或文本。你可能以前也遇到過類似的顏色定制工具,但 Codrops 想添加一些有趣的想法,并使你能夠更愉快的使用。
閱讀全文
摘要:Rainyday.js 背后的想法是創建一個 JavaScript 庫,利用 HTML5 Canvas 渲染一個雨滴落在玻璃表面的動畫。Rainyday.js 有功能可擴展的 API,例如碰撞檢測和易于擴展自己的不同的動畫組件的實現。它是一個使用 HTML5 特性純 JavaScript 庫,支持大部分現代瀏覽器。
閱讀全文
摘要:Lazyr.js 是一個小的、快速的、現代的、相互間無依賴的圖片延遲加載庫。通過延遲加載圖片,讓圖片出現在(或接近))視窗才加載來提高頁面打開速度。這個庫通過保持最少選項并最大化速度。
閱讀全文
摘要:Kickoff 是一個輕量級的前端框架,用于創建可擴展的,響應式的網站。作為前端開發人員,我們工作的類型越來越多樣化。Kickoff 旨在幫助您在所有項目保持一致的結構和風格,無需添加其他框架。
閱讀全文

浙公網安備 33010602011771號