隨筆分類 - JavaScript
前端技術
摘要:在去年,我給大家分享了《基于 CSS3 的精美模態窗口效果》,而今天我要與大家分享一些新鮮的想法。風格和趨勢變化,要求更加適合現代UI的不同的效果。這組新模態窗口效果包含了一些微妙的動畫,還有一些應用了SVG變形技術。
閱讀全文
摘要:ECMAScript 6 是下一代的 ECMAScript 標準。ECMAScript 6的目標,是使得JavaScript可以用來編寫復雜的應用程序、函數庫和代碼的自動生成器。 ES6 是這門語言的重大更新,也是自2009年ES5標準化之后的第一個更新。6to5可以將 ES6+ 的代碼轉換為 ES5,讓你現在就能使用下一代的功能。
閱讀全文
摘要:Face++ 是一個小巧,功能強大,跨平臺的服務,由Megvii公司建立,致力于建立一個新的視覺平臺。它使用計算機視覺尖端科技和數據挖掘,提供3個核心視覺服務(探測,識別和分析)。基于 Face++ 龐大的數據庫,開發人員可以將臉部識別技術應用到自己的網站,移動應用和智能電視,增加了令人難以置信的用戶體驗。
閱讀全文
摘要:ECharts 基于 Canvas 的純 Javascript 圖表庫,提供直觀,生動,可交互,可個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗,賦予了用戶對數據進行挖掘、整合的能力。
閱讀全文
摘要:Snabbt.js 是一個簡約的 JavaScript 動畫庫。它會平移,旋轉,縮放,傾斜和調整你的元素。通過矩陣乘法運算,變換等可以任何你想要的方式進行組合。最終的結果通過 CSS3 變換矩陣設置。
閱讀全文
摘要:PhotoSwipe 是一個專門針對移動設備的圖像畫廊,它的靈感來自 iOS 的圖片瀏覽器和谷歌移動端圖像。 PhotoSwipe 提供您的訪客熟悉和直觀的界面,使他們能夠與您的移動網站上的圖像進行交互。
閱讀全文
摘要:產品的用戶體驗是否被用戶所接受,很大一部分取決于交互界面的設計,交互界面設計是整個產品設計中的核心,對于產品品質有著決定性的影響。Web 界面上交互的方式很多,只要你去探索,你會發現很多讓你眼前一亮的想法。這里集合了12個來自 Codrops 的創新的界面交互和動畫效果,值得我們去研究和使用。
閱讀全文
摘要:Wami 地圖項目把 OSM 數據分享給所有的人,很容易使用。他們利用 MongoDB 的潛力進行大數據管理來實現從 OSM 數據來源搜索相關的數據。它們的 API 使人們有可能檢索不同格式的 POI,包括GeoJSON。OSM(OpenStreetMap)地圖由用戶根據手提GPS裝置、航空攝影照片、其他自由內容甚至單靠地方智慧繪制。
閱讀全文
摘要:L20n是 Mozilla 開發的用于 Web 開發的本地化框架。它允許本地化開發者把邏輯細分為本地化的資源。 L20n 的框架不再需要開發人員深入理解自然語言的具體細節,并提供了機會為本地化創造更好的翻譯。L20n 重塑軟件本地化,用戶應該能夠從自然語言的整個表現力中受益。
閱讀全文
摘要:JuliusJS 是用于在網頁中的語音識別庫。這是 Julius(由日本京都大學和日本IPA聯合開發的一個實用高效雙通道的大詞匯連續語音識別引擎)的 JavaScript 實現。它實時偵聽用戶的語音并通過回調轉錄說的話。
閱讀全文
摘要:在CSS中,我們使用 ::first-line 選擇器來給元素第一行內容應用樣式。但目前還沒有像 ::nth-line、::nth-last-line 甚至 ::last-line 這樣的選擇器。實際上這期選擇器在某些情況下是非常有用的,Lining.js 提供了這樣的功能。
閱讀全文
摘要:Charted 是一個讓數據自動生成可視化圖表的工具。只需要提供一個數據文件的鏈接,它就能返回一個美麗的,可共享的圖表。Charted 不會存儲任何數據。它只是獲取和讓鏈接提供的數據可視化。
閱讀全文
摘要:眾多周知,圖形和圖表要比文本更具表現力和說服力。圖表是數據圖形化的表示,通過形象的圖表來展示數據,比如條形圖,折線圖,餅圖等等。在這篇文章中,我們收集了15款值得網站開發者收藏的 JavaScript 圖形圖表庫,可以幫助你實現各種功能的圖表。
閱讀全文
摘要:MetricsGraphics.js 是建立在D3的基礎上,被用于可視化和布局的時間序列數據進行了優化。它提供以產生一個原則性的,一致的和響應式的方式的圖形常見類型的簡單方法。該庫目前支持折線圖,散點圖和直方圖,以及地毯地塊和基本線性回歸功能。
閱讀全文
摘要:Web 界面上交互的方式很多,只要你去探索,你會發現很多讓你眼前一亮的想法。Codrops 最近發布了一組懸停效果,總共分為兩組,多達30種不同的風格。為了讓效果盡可能的平滑,最好不要在元素上使用變換以免影響布局。在第二組中采用了 SVG 動畫,這也是目前比較流行的方式。
閱讀全文
摘要:《水果忍者》是一款非常受喜歡的手機游戲,剛看到新聞說《水果忍者》四周年新版要上線了。網頁版的切水果游戲由百度 JS 小組開發,采用 vml + svg 繪圖,使用了 Raphael,效果很贊,趕緊來膜拜一下。
閱讀全文
摘要:《Web 前端開發精華文章推薦》自2011年6月20號發布第一期以來,歷經三年半,總共發布了30期。今天這篇是2014年第10期(總第31期),希望你能在這里發現有用的資料。夢想天空博客關注前端開發技術,分享各類能夠提升網站用戶體驗的優秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技術應用。
閱讀全文
摘要:Codrops 分享了一些界面拖放的交互設計想法。基本的思路是在拖動一個項目的時候,為特定的操作呈現出可投擲的區域。這節省了大量的界面空間 ,并給出了一個有趣的動態的互動。有很多應用場景,例如分類和組織內容(像 Pinterest 的面板),或在郵件應用程序或內容管理系統中執行一些操作。
閱讀全文
摘要:Vue.js 是用于構建交互式的 Web 界面的庫。它提供了MVVM 數據綁定和一個可組合的組件系統,具有簡單、靈活的 API。從技術上講, Vue.js 集中在 MVVM 模式上的視圖模型層,并通過雙向數據綁定連接視圖和模型。實際的 DOM 操作和輸出格式被抽象出來成指令和過濾器。
閱讀全文
摘要:
在這個列表中挑選了9個物理和重力實驗,用來展示 Javascript 的強大。幾年前,所有這些實驗都必須使用 Java 或 Flash 才能做。在下面這些驚人的例子中,就個人而言,我比較喜歡仿真布料的那個,我簡直不敢相信它是使用 JavaScript 做出來的。
閱讀全文
在這個列表中挑選了9個物理和重力實驗,用來展示 Javascript 的強大。幾年前,所有這些實驗都必須使用 Java 或 Flash 才能做。在下面這些驚人的例子中,就個人而言,我比較喜歡仿真布料的那個,我簡直不敢相信它是使用 JavaScript 做出來的。
閱讀全文

浙公網安備 33010602011771號