随笔分类 - HTML5
HTML5语言
摘要：响应式网页设计是根据设备的屏幕尺寸，平台和方向来开发的网页，是一种对最终用户的行为和环境作出反应的方法。响应式设计使用灵活的网格和布局，图像和智能使用 CSS 媒体查询的组合。当从它们在不同设备使用的时候，网站能够自动切换到容纳该特定分辨率，图像尺寸和脚本的能力。
阅读全文
摘要：这个名为 BookBlock 的图片预览效果是一个书展示或网上书店的概念，已全屏打开3D页面导航网格的形式显示图书的详细信息。我们可以打开书预览的摘录，其中有一些细节的网格。对于图书预览，我们在使用 BookBlock 全屏展示，对于更小的书本我们使用3D的方式打开。
阅读全文
摘要：今天这篇是2015年第3期（总第34期），希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具。
阅读全文
摘要：Plyr 是一个简单的 HTML5 媒体播放器，包含自定义的控制选项和 WebVTT 字幕。它是只支持现代浏览器，轻量，方便和可定制的媒体播放器。还有的标题和屏幕阅读器的全面支持。
阅读全文
摘要：前不久，Facebook 在F8开发者大会上正式开源了 React Native。不过目前只有 iOS 版，Android 版还需要再等一段时间，这是最新的用 JavaScript 语言开发原生 App 的尝试，其示例代码相当简洁，内置控件也不少。Facebook 同时还为 React Native 开发了一款基于 Atom 的IDE——Nuclide，也已开源。
阅读全文
摘要：HTML5 在过去三年快速增长，已经成为 Web 开发人员最喜欢的编程语言之一。强大的编程语言拥有开发更好的网页应用的能力。 在 HTML5 中引入的新技术都非常好，像 Chrome、Firefox、Safari 等许多现代浏览器都已经支持。今天，我们列出了10个优秀的 HTML5 动画制作工具，可以帮助你的工作。
阅读全文
摘要：今天这篇文章给大家带来的是20款免费响应式的 HTML5 网站模板，大家可以借助这些优秀的网站模板创建自己的优秀网站。响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。
阅读全文
摘要：下拉菜单是一个很常见的效果，在网站设计中被广泛使用。通过使用下拉菜单，设计者不仅可以在网站设计中营造出色的视觉吸引力，但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。
阅读全文
摘要：Ionic 是开源的 HTML5 移动开发框架，基于 HTML、JavaScript、CSS 构建漂亮的，跨平台的混合模式 App，能够和 AngularJS 很好的集成。目前最佳支持的平台是 iOS 7+ 和 Android 4.1+。
阅读全文
摘要：今天这篇是2015年第2期（总第33期），希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具。
阅读全文
摘要：React Canvas 提供了使用 Canvas 渲染移动 Web App 界面的能力，替代传统的 DOM 渲染，具有更接近 Native App 的使用体验。React Canvas 提供了一组标准的 React 组件，由基于的渲染元素抽象而成。
阅读全文
摘要：Titon Toolkit 是一个非常强大的用户界面组件，也是实现响应式，移动和现代网页的工具类的集合。每个组件封装了 HTML、CSS 以及为角色特定页面元素的 JavaScript 功能。Toolkit 使用了最新和最伟大的技术，包括 HTML5、CSS3、Sass、Gulp、包管理以及JavaScript的层强有力的新的浏览器的API 。
阅读全文
摘要：Squire 是一个简洁的 HTML5 富文本编辑器，它提供了强大的跨浏览器的标准化，超级轻巧灵活。它是建立在现在和未来并作为研究，因此并不支持那些古老的浏览器。
阅读全文
摘要：梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：browser.html 是一个实验性的项目，用于证明一个概念：使用 HTML 重新实现 Firefox UI ，并作为一个应用程序。它是基于浏览器的 API ，并以浏览器的方式和系统的应用工作。即使它包括标签，如vbox，hbox，空格等等这一切都是基于 HTML 实现的。
阅读全文
摘要：Hyhyhy 是创建好看的 HTML5 演示文档的工具。它具备很多的特点：支持 Markdown，嵌套幻灯片，数学排版，兼容性，语法高亮，使用 Javascript API ，方便的骨架。它支持 Firefox 2+, Safari 3+, Opera 9.64+, Chrome, IE9, IE10, IE11 浏览器。
阅读全文
摘要：你想建立一个后台管理面板或者分析仪表板吗？不需从头开始，Keen IO Bootstrap 是一个响应式的仪表盘模板，可以帮助你在几分钟内呈现数据，让你可以创建一个有吸引力的，定制的分析仪表板，随时可以展现给你的团队或您的客户。
阅读全文
摘要：产品的用户体验是否被用户所接受,很大一部分取决于交互界面的设计,交互界面设计是整个产品设计中的核心,对于产品品质有着决定性的影响。Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。这里集合了12个来自 Codrops 的创新的界面交互和动画效果，值得我们去研究和使用。
阅读全文
摘要：Sonic.js 是一个很小的 JavaScript 类，用于创建基于 HTML5 画布的加载图像。更强大的是 Sonic.js 还提供了基于现成的例子的创建工具，可以帮助你实现更多自定义的（Loading）加载动画效果。
阅读全文
摘要：这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中，有的可以帮助你在页面滚动的时候添加动感的元素动画，有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件，你也可以让网站变得高大上起来。
阅读全文