Macro Da

每天学一点,成长多一点!
WEB前端

CSS + JS 网站变灰(变黑白),兼容所有浏览器。

有的网站可能需要用到全站黑白功能(一般常用于悼念日) ,最方便就是增加css代码,但经测试不兼容IE10、11浏览器,所以配合grayscale.js这个插件,可以完美兼容所有浏览器,这里我制作了个一键变黑白的按钮, 按钮代码用到了JQ,需引用,可点击下面看效果: 点击这里页面变黑白 CSS: HT…

WEB前端

在线图片强力压缩工具 - Squoosh!

这次就分享一个在线的小工具吧,对于前端人员来说挺有用的,名称是:Squoosh! 是Google 开源发布的一款专门用来压缩图片的在线服务,支持 JPG、PNG、WebP 等格式的极限压缩。因为政府类的设计都流行了大背景图的形式了,能很好展现地方特色和网站美观,但背景图片多数是1080P的分辨率,有…

服务器系统

U盘装系统实用工具 - Rufus 轻松创建USB启动盘

官方介绍: Rufus 是一个可以帮助格式化和创建可引导USB闪存盘的工具,比如 USB 随身碟,记忆棒等等。 在如下场景中会非常有用: 你需要把一些可引导的ISO格式的镜像(Windows,Linux,UEFI等)创建成USB安装盘的时候 你需要使用一个还没有安装操作系统的设备的时候 你需要从DO…

WEB前端

如何用CSS实现自适应宽高等比例的容器

我们知道图片高度为auto时,宽高比会以图片原始尺寸的比例缩放,但如果每个元素里无图片且内容行数不固定或者每个元素里的图片宽高比不一致时,如下图,该如何实现每个<li>的宽高比例不变且一致呢?我们从自适应的角度探讨这个问题,即每个<li>的宽度为:31.3333%。目前通过C…