隨筆分類 - HTML5
HTML5語言
摘要：懸停效果一直是向網站添加交互元素的最簡單方法之一，我們看到它們經常用于突出顯示文本鏈接或按鈕。懸停效果尤其強大的一個領域是當它們應用于圖像時，無論是作為小型卡片布局的一部分還是大型相冊的一部分，都可以產生很棒的效果。今天，我們將向您展示設計師將懸停效果集成到圖像中的一些創意方法。他們將演示我們如何以創新的方式為我們自己的項目增添趣味。
閱讀全文
摘要：2019 年對于大前端技術領域而言變化不算太大，目前三大技術框架日趨成熟，短期內不大可能出現顛覆性的前端框架 (內心 OS：出了也學不動了)。本文結合個人和團隊經歷對 2019 上半年做個技術總結，將各類技術框架、語言、工具分作兩個維度，按照大前端技術架構圖進行分層，大體分為：狀態管理、UI 組件、小程序、跨平臺、框架層、編程語言、工程化、監控、測試和服務端。
閱讀全文
摘要：5 月 25 日，以「無界」為主題的第二屆微醫前端技術沙龍成功舉辦。本屆沙龍的演講題目涵蓋了前端技術幾個主要的應用場景，包括服務端、桌面端以及跨平臺的開發。最近幾年前端技術發展非?？欤鞣N可以提高開發效率的新技術和框架層出不窮，讓原來的前端工程師蛻變成了新一代的全端工程師，技術之間的界限被打破，相互碰撞、融合和進化。
閱讀全文
摘要：Chimee是由奇舞團開源的一套H5視頻播放器解決方案，由奇舞團視頻云前端團隊結合在業務和視頻編解碼方向的沉淀積累傾心打造。Chimee支持MP4、M3U8、FLV等多種媒體格式，同時它也幫我們解決了大部分的兼容性、差異化問題，包括全屏、自動播放、內聯播放、直播解碼等常見媒體播放需求。
閱讀全文
摘要：iPhoneX 取消了物理按鍵，改成底部小黑條，這一改動導致網頁出現了比較尷尬的屏幕適配問題。對于網頁而言，頂部（劉海部位）的適配問題瀏覽器已經做了處理，所以我們只需要關注底部與小黑條的適配問題即可（即常見的吸底導航、返回頂部等各種相對底部 fixed 定位的元素）。筆者通過查閱了一些官方文檔，以及結合實際項目中的一些處理經驗，整理了一套簡單的適配方案分享給大家，希望對大家有所幫助，
閱讀全文
摘要：自 Vue.js 官方推特第一次公開到現在，我們就一直在進行著將餓了么移動端網站升級為 Progressive Web App 的工作。直到近日在 Google I/O 2017 上登臺亮相，才終于算告一段落。我們非常榮幸能夠發布全世界第一個專門面向國內用戶的 PWA，但更榮幸的是能與 Google、UC 以及騰訊合作，一起推動國內 web 與瀏覽器生態的發展。
閱讀全文
摘要：今天這篇是2015年第3期（總第34期），希望你能在這里發現有用的資料。夢想天空博客關注前端開發技術，分享各類能夠提升網站用戶體驗的優秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具。
閱讀全文
摘要：今天這篇是2015年第3期（總第34期），希望你能在這里發現有用的資料。夢想天空博客關注前端開發技術，分享各類能夠提升網站用戶體驗的優秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具。
閱讀全文
摘要：Hero Patterns 是一個聚合了各種 SVG 背景紋理素材的網站，提供的多樣的素材可以給你的網站帶去特色。 SVG 是一種分辨率無關的圖形（矢量圖形）。這意味著它在任何類型的屏幕都不會遭受任何質量損失。
閱讀全文
摘要：Pixi.js 是一個開源的HTML5 2D 渲染引擎，使用 WebGL 實現，不支持的瀏覽器會自動降低到 Canvas 實現。PixiJS 的目標是提供一個快速且輕量級的2D庫，并能兼容所有設備。此外，讓開發者無需了解WebGL，就可以感受到硬件加速的力量。
閱讀全文
摘要：《Web 前端開發精華文章推薦》自2011年6月20號發布第一期以來，歷經五年半，總共發布了30多期。今天這篇是2017年第1期（總第35期），希望你能在這里發現有用的資料。夢想天空專注前端開發技術，分享提升網站用戶體驗的優秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用......
閱讀全文
摘要：攝影是一門藝術，它需要大量的耐心和努力工作來捕捉那些精彩的瞬間。如果你是一位熱情的攝影師，想要建立一個網站來展示那些高質量的攝影作品，那么你找對地方了。本文包含15個最佳的攝影網站模板，你可以使用這些 HTML 模板創建自己的攝影網站。這些HTML攝影網站模板讓你可以以一個高雅的風格展示你的照片。這些模板包括一些有效的響應式設計、圖像幻燈片、版式和大量的定制選項。
閱讀全文
摘要：Waud.js 是一個Web音頻庫，有一個HTML5音頻降級處理方案。 它允許您利用Web音頻API為你的Web應用程序控制音頻功能。在不支持Web音頻API的非現代瀏覽器使用HTML5音頻降級方案。
閱讀全文
摘要：下面，我們給大家提供了一個用于 HTML5 開發的各種用途的 JavaScript 庫列表。這些框架能夠給前端開發人員提供更好的功能實現的解決方案。如果你有收藏優秀的框架，也可以在后面的評論中分享給我們。
閱讀全文
摘要：無論你是新開發者還是經驗豐富的老程序員，前端框架可以有效地在開發的早期階段提升開發效率。在這篇文章中，我們選擇了15個新框架分享給開發人員，你肯定會想嘗試一下這些新鮮的框架。
閱讀全文
摘要：之前給大家分了很多的在線工具和參考文檔，這里又為大家搜集了前端開發必備的20個在線工具和指南。新的一周，你需要計劃學習新的東西或者能夠提升你的能力。相信你會在這個列表中發現對你很有用的資料。
閱讀全文
摘要：這里和搜集了前端開發者必備的20個在線工具和指南。新的一周，你需要計劃學習新的東西或者能夠提升你的能力。在平常的搜索中，我碰到過很多實用的工具，應用程序和參考文檔，我把它們整理在下面這個列表。相信你會在這個列表中發現對你很有用的資料。
閱讀全文
摘要：Foundation 6 讓您的項目從原型到成平比以往任何時候都更有效！它包括了廣泛的模塊和靈活的組件。這些多功能就像輕便的積木，可以很容易地把你的想法實現。所有的代碼片段支持ARIA屬性和作用以及如何正確使用這些組件的說明。
閱讀全文
摘要：Codrops 上面發布了一個深入的教程，就如何建立谷歌材料設計的徑向操作規范中列出的漣漪效果，并基于 SVG 和 GreenSock 來實現。隨著谷歌的材料設計的出現，帶來了一個視覺語言，創建跨平臺和設備的統一體驗。在本教程中，他們會向你展示實現漣漪效果的一種方式。
閱讀全文
摘要：復制文本到剪貼板應該并不難，目前已經有很成熟的 Flash 方法。但是 Flash 已經在很多場合不適用了，特別是隨著 HTML5 技術的發展。今天推薦的這個 Clipboard.js 庫不依賴 Flash，依賴于 Selection 和 execCommand API。execCommand 支持以下瀏覽器：Chrome瀏覽器42+，火狐41+，IE9+。
閱讀全文
浙公網安備 33010602011771號