随笔分类 - HTML5
HTML5语言
摘要：悬停效果一直是向网站添加交互元素的最简单方法之一，我们看到它们经常用于突出显示文本链接或按钮。悬停效果尤其强大的一个领域是当它们应用于图像时，无论是作为小型卡片布局的一部分还是大型相册的一部分，都可以产生很棒的效果。今天，我们将向您展示设计师将悬停效果集成到图像中的一些创意方法。他们将演示我们如何以创新的方式为我们自己的项目增添趣味。
阅读全文
摘要：2019 年对于大前端技术领域而言变化不算太大，目前三大技术框架日趋成熟，短期内不大可能出现颠覆性的前端框架 (内心 OS：出了也学不动了)。本文结合个人和团队经历对 2019 上半年做个技术总结，将各类技术框架、语言、工具分作两个维度，按照大前端技术架构图进行分层，大体分为：状态管理、UI 组件、小程序、跨平台、框架层、编程语言、工程化、监控、测试和服务端。
阅读全文
摘要：5 月 25 日，以「无界」为主题的第二届微医前端技术沙龙成功举办。本届沙龙的演讲题目涵盖了前端技术几个主要的应用场景，包括服务端、桌面端以及跨平台的开发。最近几年前端技术发展非常快，各种可以提高开发效率的新技术和框架层出不穷，让原来的前端工程师蜕变成了新一代的全端工程师，技术之间的界限被打破，相互碰撞、融合和进化。
阅读全文
摘要：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+。
阅读全文