随笔分类 - HTML5
HTML5语言
摘要：Codrops 给我们分享了一个多层菜单的实现教程。他们试图探索创建一个嵌套的多级菜单，是非常有用的东西，可以有很多的内容，如网上商店的导航菜单。 这个 Push Menu 效果理论上可以包含无限嵌套的子菜单。
阅读全文
摘要：今天，我们想与您分享一个实验性的3D效果。它涉及到一个3D移动设备和一些移动应用程序截图。点击切换按钮时，我们将让移动设备转动并移动每个画面，使我们能看到一个分层的视图。你可能之前没见过这种应用程序演示模式，使用 CSS 来实现这样的效果是十分有趣的事情。
阅读全文
摘要：HTML5 Maker 是一个在线动画制作工具，帮助你使用 HTML，CSS 和 JavaScript 创建动态，互动的内容。它非常容易使用，同时可以帮你实现非常好的效果。它可以制作跨浏览器的动画内容，如 JavaScript 和 HTML5 动画，幻灯片，简报等等。
阅读全文
摘要：最近，我需要做一个非常基本的网页内容编辑功能。我不想使用 iframe ，我也不想要一个功能特别多的复杂编辑器，只需要很基本的内容编辑功能，例如粗体，斜体，列表，对齐等等。这篇文章介绍一种方法，借助 HTML5 特性，使用10行 JavaScript 实现世界上最简单的文本编辑器。
阅读全文
摘要：前端开发并不容易，除了掌握基本的 HTML、CSS 和 Javascript 之外，因为不同版本的浏览器和平台，你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计，它不仅使 Web 项目开发更难，也需要花费更多的开发时间。不过，有很多优秀的框架可以帮助到你，这篇文章挑选了14个响应式的前端框架。我列出了它的 UI 组件和 Javascript 插件，几乎所有的都使用了响应式网格系统。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：WebGL 是一项在网页浏览器呈现3D画面的技术，有别于过去需要安装浏览器插件，通过 WebGL 的技术，只需要编写网页代码即可实现3D图像的展示。WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。今天，本文向大家展示8个惊艳的 WebGL 应用实验。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Manifesto 是一个 HTML5 离线应用程序缓存校验工具，提供了快速校验 HTML5 manifest 文件有效性的方法。离线应用程序缓存在使用中最困难的部分之一就是无法正常工作的时候没有明显的特征，因此不容易被发现。有了 Manifesto，这个问题就简单了，它会帮助你检测 manifest 文件中出存在问题。
阅读全文
摘要：
《Web 前端开发精华文章推荐》2013年第五期（总第十七期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
《Web 前端开发精华文章推荐》2013年第五期（总第十七期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：Popline 是一个基于 HTML5 实现的富文本编辑器工具栏，设计灵感来自 PopClip ，相比传统的文本编辑器工具，Popline 能够浮动在编辑的文本周围，操作起来十分方便。
阅读全文
摘要：Webydo 是一款专业的在线建站应用，使平面设计师可以创建和管理 HTML 网站，而无需编写代码。设计人员可以设计任何类型网站，只需要点击按钮，就能够发布先进的 HTML 网站。
阅读全文
摘要：MontageJS 可以帮助您构建高可扩展性和可维护性的 HTML5 应用。有了 MontageJS，开发人员可以创建可重用的用户界面组件和模块，组件和控制器之间的绑定属性，并且同步 DOM 查询和更新，以确保流畅的用户体验。
阅读全文
摘要：Pure 是一组轻量的，响应式的 CSS 模块，您可以使用在任何的 Web 项目中。充分考虑了移动设备中的使用，保持文件体积尽量小，每行 CSS 都进行了仔细的考虑。Pure 基于 Normalize.css 构建，并提供布局以及 原生 HTML 元素的风格，加上最常见的 UI 组件。相信这些都是你需要的。
阅读全文
摘要：HTML Inspector 是一款代码质量检测工具，帮助你编写更优秀的 HTML 代码。HTML Inspector 使用 JavaScript 编写，运行在浏览器中，是最好的 HTML 代码检测工具。
阅读全文
摘要：Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。
阅读全文
摘要：Aristochart 是基于 HTML5 Canvas 的折线图功能库，具有高定制性和灵活性的特点。Aristochart 会帮助你处理图形显示，让你能够专注于业务逻辑处理。
阅读全文
摘要：2013，HTML5 峰会再度来袭，一场属于 HTML5 守望者的盛宴！HTML5 作为新兴技术，未来光明但道路曲折。不管 HTML5 是遥不可及的幻想，还是眼下移动互联网的救命稻草？需要我们携手共建产业生态链走向蓬勃发展。大会主题：共享、共赢、共行动，让我们一起坚守，共谱新篇章！
阅读全文
摘要：Fries 是一个移动开发框架，让开发者仅使用 HTML，CSS 和 Javascript 创建出 Android 应用程序界面。Fries 的灵感来自于 Ratchet（开发 iPhone 应用原型的优秀框架），作者把根据 Ratchet 的思路把一些很酷的东西引入到 Android 开发中。令人惊讶的是，Fries 能够很好的兼容 PhoneGap。Fries 旨在使 Android 应用程序开发更快速，更容易。
阅读全文
摘要：转眼又已过去了一年，在这一年里，Firefox 和 Chrome 在拼升级，版本号不断飙升；IE10 随着 Windows 8 在去年10月底正式发布，在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》，让我们一起看看2013年的浏览器现状。
阅读全文