隨筆分類 - HTML5
HTML5語言
摘要：Codrops 給我們分享了一個(gè)多層菜單的實(shí)現(xiàn)教程。他們?cè)噲D探索創(chuàng)建一個(gè)嵌套的多級(jí)菜單，是非常有用的東西，可以有很多的內(nèi)容，如網(wǎng)上商店的導(dǎo)航菜單。 這個(gè) Push Menu 效果理論上可以包含無限嵌套的子菜單。
閱讀全文
摘要：今天，我們想與您分享一個(gè)實(shí)驗(yàn)性的3D效果。它涉及到一個(gè)3D移動(dòng)設(shè)備和一些移動(dòng)應(yīng)用程序截圖。點(diǎn)擊切換按鈕時(shí)，我們將讓移動(dòng)設(shè)備轉(zhuǎn)動(dòng)并移動(dòng)每個(gè)畫面，使我們能看到一個(gè)分層的視圖。你可能之前沒見過這種應(yīng)用程序演示模式，使用 CSS 來實(shí)現(xiàn)這樣的效果是十分有趣的事情。
閱讀全文
摘要：HTML5 Maker 是一個(gè)在線動(dòng)畫制作工具，幫助你使用 HTML，CSS 和 JavaScript 創(chuàng)建動(dòng)態(tài)，互動(dòng)的內(nèi)容。它非常容易使用，同時(shí)可以幫你實(shí)現(xiàn)非常好的效果。它可以制作跨瀏覽器的動(dòng)畫內(nèi)容，如 JavaScript 和 HTML5 動(dòng)畫，幻燈片，簡(jiǎn)報(bào)等等。
閱讀全文
摘要：最近，我需要做一個(gè)非常基本的網(wǎng)頁內(nèi)容編輯功能。我不想使用 iframe ，我也不想要一個(gè)功能特別多的復(fù)雜編輯器，只需要很基本的內(nèi)容編輯功能，例如粗體，斜體，列表，對(duì)齊等等。這篇文章介紹一種方法，借助 HTML5 特性，使用10行 JavaScript 實(shí)現(xiàn)世界上最簡(jiǎn)單的文本編輯器。
閱讀全文
摘要：前端開發(fā)并不容易，除了掌握基本的 HTML、CSS 和 Javascript 之外，因?yàn)椴煌姹镜臑g覽器和平臺(tái)，你需要知道如何做一個(gè)跨瀏覽器的網(wǎng)站。而最新的發(fā)展趨勢(shì)——響應(yīng)式設(shè)計(jì)，它不僅使 Web 項(xiàng)目開發(fā)更難，也需要花費(fèi)更多的開發(fā)時(shí)間。不過，有很多優(yōu)秀的框架可以幫助到你，這篇文章挑選了14個(gè)響應(yīng)式的前端框架。我列出了它的 UI 組件和 Javascript 插件，幾乎所有的都使用了響應(yīng)式網(wǎng)格系統(tǒng)。
閱讀全文
摘要：每天都有很多新的網(wǎng)站推出，其中不乏一些設(shè)計(jì)極其優(yōu)秀的作品。這個(gè)系列的文章，我為大家挑選了2012年贏得 CSS Awards 大獎(jiǎng)的50個(gè)最佳網(wǎng)站。這些鼓舞人心的網(wǎng)站作品代表了網(wǎng)頁設(shè)計(jì)的最高水平，相信你可以得到很大的啟發(fā)。
閱讀全文
摘要：WebGL 是一項(xiàng)在網(wǎng)頁瀏覽器呈現(xiàn)3D畫面的技術(shù)，有別于過去需要安裝瀏覽器插件，通過 WebGL 的技術(shù)，只需要編寫網(wǎng)頁代碼即可實(shí)現(xiàn)3D圖像的展示。WebGL可以為 HTML5 Canvas 提供硬件3D加速渲染，這樣 Web 開發(fā)人員就可以借助系統(tǒng)顯卡來在瀏覽器里更流暢地展示3D場(chǎng)景和模型了。今天，本文向大家展示8個(gè)驚艷的 WebGL 應(yīng)用實(shí)驗(yàn)。
閱讀全文
摘要：每天都有很多新的網(wǎng)站推出，其中不乏一些設(shè)計(jì)極其優(yōu)秀的作品。這個(gè)系列的文章，我為大家挑選了2012年贏得 CSS Awards 大獎(jiǎng)的50個(gè)最佳網(wǎng)站。這些鼓舞人心的網(wǎng)站作品代表了網(wǎng)頁設(shè)計(jì)的最高水平，相信你可以得到很大的啟發(fā)。
閱讀全文
摘要：Manifesto 是一個(gè) HTML5 離線應(yīng)用程序緩存校驗(yàn)工具，提供了快速校驗(yàn) HTML5 manifest 文件有效性的方法。離線應(yīng)用程序緩存在使用中最困難的部分之一就是無法正常工作的時(shí)候沒有明顯的特征，因此不容易被發(fā)現(xiàn)。有了 Manifesto，這個(gè)問題就簡(jiǎn)單了，它會(huì)幫助你檢測(cè) manifest 文件中出存在問題。
閱讀全文
摘要：
《Web 前端開發(fā)精華文章推薦》2013年第五期（總第十七期）和大家見面了。夢(mèng)想天空博客關(guān)注 前端開發(fā) 技術(shù)，分享各種增強(qiáng)網(wǎng)站用戶體驗(yàn)的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
《Web 前端開發(fā)精華文章推薦》2013年第五期（總第十七期）和大家見面了。夢(mèng)想天空博客關(guān)注 前端開發(fā) 技術(shù)，分享各種增強(qiáng)網(wǎng)站用戶體驗(yàn)的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
摘要：Popline 是一個(gè)基于 HTML5 實(shí)現(xiàn)的富文本編輯器工具欄，設(shè)計(jì)靈感來自 PopClip ，相比傳統(tǒng)的文本編輯器工具，Popline 能夠浮動(dòng)在編輯的文本周圍，操作起來十分方便。
閱讀全文
摘要：Webydo 是一款專業(yè)的在線建站應(yīng)用，使平面設(shè)計(jì)師可以創(chuàng)建和管理 HTML 網(wǎng)站，而無需編寫代碼。設(shè)計(jì)人員可以設(shè)計(jì)任何類型網(wǎng)站，只需要點(diǎn)擊按鈕，就能夠發(fā)布先進(jìn)的 HTML 網(wǎng)站。
閱讀全文
摘要：MontageJS 可以幫助您構(gòu)建高可擴(kuò)展性和可維護(hù)性的 HTML5 應(yīng)用。有了 MontageJS，開發(fā)人員可以創(chuàng)建可重用的用戶界面組件和模塊，組件和控制器之間的綁定屬性，并且同步 DOM 查詢和更新，以確保流暢的用戶體驗(yàn)。
閱讀全文
摘要：Pure 是一組輕量的，響應(yīng)式的 CSS 模塊，您可以使用在任何的 Web 項(xiàng)目中。充分考慮了移動(dòng)設(shè)備中的使用，保持文件體積盡量小，每行 CSS 都進(jìn)行了仔細(xì)的考慮。Pure 基于 Normalize.css 構(gòu)建，并提供布局以及 原生 HTML 元素的風(fēng)格，加上最常見的 UI 組件。相信這些都是你需要的。
閱讀全文
摘要：HTML Inspector 是一款代碼質(zhì)量檢測(cè)工具，幫助你編寫更優(yōu)秀的 HTML 代碼。HTML Inspector 使用 JavaScript 編寫，運(yùn)行在瀏覽器中，是最好的 HTML 代碼檢測(cè)工具。
閱讀全文
摘要：Metronic 是一套精美的響應(yīng)式后臺(tái)管理模板，基于強(qiáng)大的 Twitter Bootstrap 框架實(shí)現(xiàn)。Metronic 擁有簡(jiǎn)潔優(yōu)雅的 Metro UI 風(fēng)格界面，6 種顏色可選，76 個(gè)模板頁面，包括圖表、表格、地圖、消息中心、監(jiān)控面板等后臺(tái)管理項(xiàng)目所需的各種組件。
閱讀全文
摘要：Aristochart 是基于 HTML5 Canvas 的折線圖功能庫(kù)，具有高定制性和靈活性的特點(diǎn)。Aristochart 會(huì)幫助你處理圖形顯示，讓你能夠?qū)Ｗ⒂跇I(yè)務(wù)邏輯處理。
閱讀全文
摘要：2013，HTML5 峰會(huì)再度來襲，一場(chǎng)屬于 HTML5 守望者的盛宴！HTML5 作為新興技術(shù)，未來光明但道路曲折。不管 HTML5 是遙不可及的幻想，還是眼下移動(dòng)互聯(lián)網(wǎng)的救命稻草？需要我們攜手共建產(chǎn)業(yè)生態(tài)鏈走向蓬勃發(fā)展。大會(huì)主題：共享、共贏、共行動(dòng)，讓我們一起堅(jiān)守，共譜新篇章！
閱讀全文
摘要：Fries 是一個(gè)移動(dòng)開發(fā)框架，讓開發(fā)者僅使用 HTML，CSS 和 Javascript 創(chuàng)建出 Android 應(yīng)用程序界面。Fries 的靈感來自于 Ratchet（開發(fā) iPhone 應(yīng)用原型的優(yōu)秀框架），作者把根據(jù) Ratchet 的思路把一些很酷的東西引入到 Android 開發(fā)中。令人驚訝的是，F(xiàn)ries 能夠很好的兼容 PhoneGap。Fries 旨在使 Android 應(yīng)用程序開發(fā)更快速，更容易。
閱讀全文
摘要：轉(zhuǎn)眼又已過去了一年，在這一年里，F(xiàn)irefox 和 Chrome 在拼升級(jí)，版本號(hào)不斷飆升；IE10 隨著 Windows 8 在去年10月底正式發(fā)布，在 JavaScript 性能和對(duì) HTML5 和 CSS3 的支持方面讓人眼前一亮。這篇文章給大家?guī)怼段宕笾髁鳛g覽器 HTML5 和 CSS3 兼容性大比拼》，讓我們一起看看2013年的瀏覽器現(xiàn)狀。
閱讀全文
浙公網(wǎng)安備 33010602011771號(hào)