首页
学习
活动
专区
工具
TVP
发布

MixLab科技+设计实验室

微信搜索mix-lab无界社区,人工智能&设计&科技,谈点设计,敲点代码,偶尔创作点人工智能实验产品。
专栏作者
584
文章
550195
阅读量
127
订阅数
全栈设计师技术Wiki之Polyfills
Polyfills 一项主要用于 web 前端开发的技术。 Polyfills 允许 Web 开发人员使用 HTML5 的 API ,而不管它是否受用户的浏览器支持。通常, Polyfills 首先检查浏览器是否支持 API ,如果可用则使用它,否则使用 Polyfills 自己的实现。 此项技术常常为了让各种浏览器都可以使用 HTML5 的新标准,HTML5 有哪些新标准,可以查看以下链接: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-B
mixlab
2018-04-17
9970
网易新闻《娱乐圈画传》H5的动画技巧
今天看到一个非常喜欢的H5,又是网易出品的!于是,我忍不住去研究了他的实现方式,有3个值得我们学习的地方,分别是逐帧动画,多种变换叠加的css动画,还有最亮的:画中画动画的实现方式,下文将分享技术实现方式。 实验环境,采用chrome开发者工具: 一、逐帧动画 这个h5,几乎没有采用gif图片,大部分采用css的方式实现的逐帧动画。 比如上图,每一帧的尺寸是500px 1000px,共有8帧,存成雪碧图的形式。 CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,
mixlab
2018-04-17
8780
从网易《初心》H5里学到的一些
这篇文章可以作为之前写的一篇《技能之H5》的补充知识。 1、拖放 HTML5 标准的组成部分。 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。 draggable属性默认是开启的,如果
mixlab
2018-04-17
9870
H5Canvas入门(上)(下)
前言 本系列教程是专门给设计师写的快速入门教程,只要一步步跟随本教程,即可轻松进入编程的世界。 学习成果 用canvas制作带有图案的封面。 a、了解HTML、CSS、JS基本的结构 b、<canvas>会写文字,更改颜色 c、<canvas>绘制图案 d、Browsersync的使用 手机截图 目录 1、需要准备什么? 2、HTML文件的基本骨架 3、Canvas的属性设置 4、script标签 1、需要准备什么? 只要有一台电脑就行!本教程推荐浏览器使用谷歌chrome浏览器,编程工具用
mixlab
2018-04-17
1.6K0
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档