隨筆分類 - HTML5
HTML5語(yǔ)言
摘要：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是根據(jù)設(shè)備的屏幕尺寸，平臺(tái)和方向來(lái)開(kāi)發(fā)的網(wǎng)頁(yè)，是一種對(duì)最終用戶的行為和環(huán)境作出反應(yīng)的方法。響應(yīng)式設(shè)計(jì)使用靈活的網(wǎng)格和布局，圖像和智能使用 CSS 媒體查詢的組合。當(dāng)從它們?cè)诓煌O(shè)備使用的時(shí)候，網(wǎng)站能夠自動(dòng)切換到容納該特定分辨率，圖像尺寸和腳本的能力。
閱讀全文
摘要：這個(gè)名為 BookBlock 的圖片預(yù)覽效果是一個(gè)書(shū)展示或網(wǎng)上書(shū)店的概念，已全屏打開(kāi)3D頁(yè)面導(dǎo)航網(wǎng)格的形式顯示圖書(shū)的詳細(xì)信息。我們可以打開(kāi)書(shū)預(yù)覽的摘錄，其中有一些細(xì)節(jié)的網(wǎng)格。對(duì)于圖書(shū)預(yù)覽，我們?cè)谑褂?BookBlock 全屏展示，對(duì)于更小的書(shū)本我們使用3D的方式打開(kāi)。
閱讀全文
摘要：今天這篇是2015年第3期（總第34期），希望你能在這里發(fā)現(xiàn)有用的資料。夢(mèng)想天空博客關(guān)注前端開(kāi)發(fā)技術(shù)，分享各類能夠提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具。
閱讀全文
摘要：Plyr 是一個(gè)簡(jiǎn)單的 HTML5 媒體播放器，包含自定義的控制選項(xiàng)和 WebVTT 字幕。它是只支持現(xiàn)代瀏覽器，輕量，方便和可定制的媒體播放器。還有的標(biāo)題和屏幕閱讀器的全面支持。
閱讀全文
摘要：前不久，F(xiàn)acebook 在F8開(kāi)發(fā)者大會(huì)上正式開(kāi)源了 React Native。不過(guò)目前只有 iOS 版，Android 版還需要再等一段時(shí)間，這是最新的用 JavaScript 語(yǔ)言開(kāi)發(fā)原生 App 的嘗試，其示例代碼相當(dāng)簡(jiǎn)潔，內(nèi)置控件也不少。Facebook 同時(shí)還為 React Native 開(kāi)發(fā)了一款基于 Atom 的IDE——Nuclide，也已開(kāi)源。
閱讀全文
摘要：HTML5 在過(guò)去三年快速增長(zhǎng)，已經(jīng)成為 Web 開(kāi)發(fā)人員最喜歡的編程語(yǔ)言之一。強(qiáng)大的編程語(yǔ)言擁有開(kāi)發(fā)更好的網(wǎng)頁(yè)應(yīng)用的能力。 在 HTML5 中引入的新技術(shù)都非常好，像 Chrome、Firefox、Safari 等許多現(xiàn)代瀏覽器都已經(jīng)支持。今天，我們列出了10個(gè)優(yōu)秀的 HTML5 動(dòng)畫(huà)制作工具，可以幫助你的工作。
閱讀全文
摘要：今天這篇文章給大家?guī)?lái)的是20款免費(fèi)響應(yīng)式的 HTML5 網(wǎng)站模板，大家可以借助這些優(yōu)秀的網(wǎng)站模板創(chuàng)建自己的優(yōu)秀網(wǎng)站。響應(yīng)式（Responsive）設(shè)計(jì)的目標(biāo)是要讓產(chǎn)品界面能夠響應(yīng)用戶的行為，根據(jù)不同終端設(shè)備自動(dòng)調(diào)整尺寸，帶給用戶良好的使用體驗(yàn)。
閱讀全文
摘要：下拉菜單是一個(gè)很常見(jiàn)的效果，在網(wǎng)站設(shè)計(jì)中被廣泛使用。通過(guò)使用下拉菜單，設(shè)計(jì)者不僅可以在網(wǎng)站設(shè)計(jì)中營(yíng)造出色的視覺(jué)吸引力，但也可以為網(wǎng)站提供了一個(gè)有效的導(dǎo)航方案。使用 HTML5 和 CSS3 可以更容易創(chuàng)造視覺(jué)上充滿吸引力的下拉菜單。
閱讀全文
摘要：Ionic 是開(kāi)源的 HTML5 移動(dòng)開(kāi)發(fā)框架，基于 HTML、JavaScript、CSS 構(gòu)建漂亮的，跨平臺(tái)的混合模式 App，能夠和 AngularJS 很好的集成。目前最佳支持的平臺(tái)是 iOS 7+ 和 Android 4.1+。
閱讀全文
摘要：今天這篇是2015年第2期（總第33期），希望你能在這里發(fā)現(xiàn)有用的資料。夢(mèng)想天空博客關(guān)注前端開(kāi)發(fā)技術(shù)，分享各類能夠提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具。
閱讀全文
摘要：React Canvas 提供了使用 Canvas 渲染移動(dòng) Web App 界面的能力，替代傳統(tǒng)的 DOM 渲染，具有更接近 Native App 的使用體驗(yàn)。React Canvas 提供了一組標(biāo)準(zhǔn)的 React 組件，由基于的渲染元素抽象而成。
閱讀全文
摘要：Titon Toolkit 是一個(gè)非常強(qiáng)大的用戶界面組件，也是實(shí)現(xiàn)響應(yīng)式，移動(dòng)和現(xiàn)代網(wǎng)頁(yè)的工具類的集合。每個(gè)組件封裝了 HTML、CSS 以及為角色特定頁(yè)面元素的 JavaScript 功能。Toolkit 使用了最新和最偉大的技術(shù)，包括 HTML5、CSS3、Sass、Gulp、包管理以及JavaScript的層強(qiáng)有力的新的瀏覽器的API 。
閱讀全文
摘要：Squire 是一個(gè)簡(jiǎn)潔的 HTML5 富文本編輯器，它提供了強(qiáng)大的跨瀏覽器的標(biāo)準(zhǔn)化，超級(jí)輕巧靈活。它是建立在現(xiàn)在和未來(lái)并作為研究，因此并不支持那些古老的瀏覽器。
閱讀全文
摘要：夢(mèng)想天空博客關(guān)注前端開(kāi)發(fā)技術(shù)，分享各類能夠提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
摘要：browser.html 是一個(gè)實(shí)驗(yàn)性的項(xiàng)目，用于證明一個(gè)概念：使用 HTML 重新實(shí)現(xiàn) Firefox UI ，并作為一個(gè)應(yīng)用程序。它是基于瀏覽器的 API ，并以瀏覽器的方式和系統(tǒng)的應(yīng)用工作。即使它包括標(biāo)簽，如vbox，hbox，空格等等這一切都是基于 HTML 實(shí)現(xiàn)的。
閱讀全文
摘要：Hyhyhy 是創(chuàng)建好看的 HTML5 演示文檔的工具。它具備很多的特點(diǎn)：支持 Markdown，嵌套幻燈片，數(shù)學(xué)排版，兼容性，語(yǔ)法高亮，使用 Javascript API ，方便的骨架。它支持 Firefox 2+, Safari 3+, Opera 9.64+, Chrome, IE9, IE10, IE11 瀏覽器。
閱讀全文
摘要：你想建立一個(gè)后臺(tái)管理面板或者分析儀表板嗎？不需從頭開(kāi)始，Keen IO Bootstrap 是一個(gè)響應(yīng)式的儀表盤模板，可以幫助你在幾分鐘內(nèi)呈現(xiàn)數(shù)據(jù)，讓你可以創(chuàng)建一個(gè)有吸引力的，定制的分析儀表板，隨時(shí)可以展現(xiàn)給你的團(tuán)隊(duì)或您的客戶。
閱讀全文
摘要：產(chǎn)品的用戶體驗(yàn)是否被用戶所接受,很大一部分取決于交互界面的設(shè)計(jì),交互界面設(shè)計(jì)是整個(gè)產(chǎn)品設(shè)計(jì)中的核心,對(duì)于產(chǎn)品品質(zhì)有著決定性的影響。Web 界面上交互的方式很多，只要你去探索，你會(huì)發(fā)現(xiàn)很多讓你眼前一亮的想法。這里集合了12個(gè)來(lái)自 Codrops 的創(chuàng)新的界面交互和動(dòng)畫(huà)效果，值得我們?nèi)パ芯亢褪褂谩? 閱讀全文
摘要：Sonic.js 是一個(gè)很小的 JavaScript 類，用于創(chuàng)建基于 HTML5 畫(huà)布的加載圖像。更強(qiáng)大的是 Sonic.js 還提供了基于現(xiàn)成的例子的創(chuàng)建工具，可以幫助你實(shí)現(xiàn)更多自定義的（Loading）加載動(dòng)畫(huà)效果。
閱讀全文
摘要：這里集合了幾款很棒的制作網(wǎng)頁(yè)滾動(dòng)動(dòng)畫(huà)的 JavaScript 庫(kù)和插件。它們中，有的可以幫助你在頁(yè)面滾動(dòng)的時(shí)候添加動(dòng)感的元素動(dòng)畫(huà)，有的則是實(shí)現(xiàn)目前非常流行的全屏頁(yè)面切換動(dòng)畫(huà)。相信借助這些插件，你也可以讓網(wǎng)站變得高大上起來(lái)。
閱讀全文
浙公網(wǎng)安備 33010602011771號(hào)