相比于tinypng,我这个工具还自带尺寸设置功能,同时还可以控制压缩率,指定压缩格式,纯前端实现,高性能高效率。
“Web综合”目录存档
做了个纯前端JPG/PNG尺寸缩放+压缩的在线工具
2023年09月5日,星期二AI代码辅助工具codeium和copilot在前端表现对比
2023年04月23日,星期日聊聊:autofill和autocomplete自动填充
2022年09月19日,星期一polyfill、ponyfill、prollyfill傻傻分不清楚
2021年08月8日,星期日巧用两个type=range input实现区域范围选择
2021年02月11日,星期四HTML audio基础API完全使用指南
2019年07月7日,星期日音视频播放暂停控制,播放时长获取,播放速率,以及检测什么时候播放结束,当前媒体资源是否处于暂停状态等,都在本文有所介绍,本文就是audio/video元素各类基础API完全介绍,总能找到你需要的东西。
link rel=alternate网站换肤功能最佳实现
2019年02月25日,星期一大多数前端开发人员实现网站换肤功能要么使用一个全局class控制样式切换,要么改变皮肤link元素的href地址。实际上,浏览器中有HTML属性原生支持网站换肤功能,兼容性好,语义化,体验也好,可谓是换肤功能最佳实现了。
实力科普:为什么浮层或弹框一定要有叉叉关闭按钮?
2018年07月14日,星期六之前自己发了个安利LuLu UI组件的微博,其中有位同行对于弹框组件提了这么一个问题:大佬,这种info类型的,为什么还要带个x?明明有确定按钮,似乎这个叉叉按钮去掉也没什么事,是不是很多人有类似的疑问?我很早之前就有过这样的想法,而且还付诸实践,直接把几个提示框右上角关闭按钮去掉,好干净好清爽,而且功能也没什么问题,还洋洋得意。后来,不断学习和积累,才发现当初的我对交互设计和用户体验的认知还很浅薄。