HandBrake是视频处理的软件，开源，免费，而且对web视频呈现非常友好。对于我们开发者而言，用来进行MP4视频压缩可谓是不二之选，无需特别技巧便可直接将各类视频格式转换成MP4格式，可以指定帧率，画面质量，声音速率，以及画面大小来实现我们的压缩效果，极小尺寸，同时视频依旧高质量，运行稳定，非常推荐。
HTML5 video视频播放Picture-in-Picture画中画技术
2018年12月2日 by 阅读 46977 次, 今日 18 次
Chrome 70已经原生支持HTML5视频播放时候Picture-in-Picture，也就是俗称的画中画技术，也就是很多视频网站看评论时候，播放视频变小挂在右下角的这种交互技术。实际上，这里的画中画要比当前视频网站的画中画要更强，强在其是一个客户端层面的接口，小视频窗口是操作系统窗体级别的，就算你的浏览器切换到其他选项卡页面，或者最小化，也会在你电脑右下角播放视频。
于是乎，我们可以一边码代码一边看网页小视频了！
杀了个回马枪，还是说说position:sticky吧
2018年12月2日 by 阅读 197048 次, 今日 21 次
position:sticky早有耳闻也有所了解，后来，Chrome放弃了对其支持，我也就不关心这个声明了，今天偶然发现，卧槽，Chrome什么时候杀了个回马枪，居然又支持了。眼瞅着，各个浏览器纷纷立了山头，要必要关心关心position:sticky了，不要被人留下厚此薄彼的口舌。结果一关心，竟然发现，sticky定位要比预想的更强大，更有趣……
大侠，请留步，要不过来了解下CSS Scroll Snap？
2018年11月28日 by 阅读 54787 次, 今日 20 次
CSS Scroll Snap是CSS中一个独立的模块，可以让网页容器滚动停止的时候，自动平滑定位到指定元素的指定位置。虽然Scroll Snap最后的定位效果是平滑的，但是Scroll Snap的作用不是平滑滚动，而是元素定位增强。要想实现平滑滚动，请使用CSS scroll-behavior属性。
5分钟快速了解下CSS4 color-adjust属性
2018年11月27日 by 阅读 28196 次, 今日 28 次
CSS届的绘图板CSS Paint API简介
2018年11月26日 by 阅读 27721 次, 今日 19 次
本文介绍CSS Paint API，CSS Paint API是CSS Houdini的一部分，是目前应用比较多的API之一，其是做什么用的呢？有什么好处呢？本文就将通过一个简单的案例，带你快速了解CSS Paint API，本文属于前端技术广度方面的学习，博闻强识。
纯CSS实现任意格式图标变色的研究
2018年11月24日 by 阅读 58387 次, 今日 17 次
想要使用CSS改变PNG小图标的颜色，似乎不太可能。但，实际上，我们可以有多种方法改变PNG小图标，SVG小图标的颜色，并且是任意的色值，可以是作为背景图片的图标，也可以是内联的图标。究竟如何CSS改变图标的颜色呢？不妨点进去围观一番。
CSS文字和背景color自动配色技术简介
2018年11月18日 by 阅读 41282 次, 今日 20 次
CSS越来越强，现在已经可以实现根据不同的背景色显示不同的前景色进行匹配了，例如右图GIF图片所示，背景色一开始深色，文字颜色为白色，当背景色逐渐变淡的时候，文字颜色也从原来的白色变成黑色了，同时边框也显示出来了，以便有更好的识别度。如何实现的呢？去文中一探究竟吧~
CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产
2018年11月18日 by 阅读 38739 次, 今日 23 次
传统按钮都是通过具体色值进行赋色的，但是有代码量大，开发维护成本高，且色值之间饱和度亮度存在差异问题。有没有什么简单的方法可以快速批量产生出各种颜色的按钮呢？有！就是借助CSS filter:hue-rotate色调旋转滤镜。具体如何实现呢？请点进去一看究竟吧~
如何在HTML和JS中设置和获取var CSS变量
2018年11月16日 by 阅读 51968 次, 今日 17 次
我们在CSS文件或者CSS语法中使用CSS原生变量驾轻就熟，但是如何通过JS代码动态创建或者改变CSS变量值怕是很多人就不知道了。本文就演示下如何在HTML标签和JS中设置CSS3 var变量，如何使用JS代码获取CSS变量值。本文不啰嗦，希望可以帮到你。
我的应用
我的应用