2015年4月30日，微软在旧金山举行的Build 2015开发者大会上宣布，其最新操作系统——Windows 10内置代号为“Project Spartan”的新浏览器被正式命名为“Microsoft Edge”。近日微软宣布对全新Edge浏览器的F12开发工具做出更新，使之成为网页开发者更强大的帮手。Edge浏览器的更新包括多个方面，比如：调试、Cook …
技术文章
Plyr 是一个简单的 HTML5 媒体播放器，包含自定义的控制选项和 WebVTT 字幕。它是只支持现代浏览器，轻量，方便和可定制的媒体播放器。还有的标题和屏幕阅读器的全面支持。预览：http:plyr.io下载地址：http:www.qietu.cnthread-15158-1-1.html----------加微信公众号qietuwang，获取最新资讯 …
预防篇：把甲方「调教」成合格队友「灵魂拷问」需求表扔个带评分机制的三连击问卷：「品牌DNA色卡选3个必选项」「最不能接受的视觉风格是？」「对标案例里最戳你的细节是？」建立「视觉共识锚点」初稿必带ABC三版极端方案：A版故意做丑（比如甲方说要高级感就给死亡荧光色）B版完全按brief执行C版藏私货放飞创意90%客户会秒选C并觉得你超懂TA 攻防篇：把修改权关 …
做前端开发的需不需要PS记得在之前的老东家做某一个系统开发，当时正在做界面开发，发现界面还需要添加几个图标，于是把这个需求反馈给了项目经理。过了十几分钟，项目经理跑过来告诉我：产品部的UI设计人员（当时我们的UI设计人员全部调整到产品部）需要向他们产品经理汇报这个任务，你在邮件里边简单描述下你的图标需求然后发送给产品经理再抄送给我和UI设计人员。我听了当时蛋 …
作者：Chess转发链接：https:mp.weixin.qq.comsaRyEzYcJ7CvOaN6ll5C10Q前言前端er，又称为切图仔，平时经常需要用PSD导出PNG或JPG，但是导出来的的图片一般比较大，往往需要用一些其他工具压缩后再发布到生产环境。以前常用的做法是，使用image-webpack-loader，在webpack打包项目时自动压缩图 …
BasicModal 是为现代 Web 应用程序打造的弹窗系统。它包括所有你需要显示的信息，问题或接收用户的输入。这里的弹窗还可以链接起来，所以你可以很容易地建立一个预定义顺序的安装帮助或显示对话框。演示地址http:basicmodal.electerious.com下载地址http:www.qietu.cnthread-15112-1-1.html--- …
简介当设计师的Figma稿件与开发者的代码实现仍隔着鸿沟，当重复的切图写样式消耗着80%前端工时，一个由GPT-4V与Claude3双引擎驱动的AI神器—Screenshot-to-code，正以每秒生成200行可运行代码的速度，掀起一场「截图即网页」的生产力革命。现在支持 Claude Sonnet 3.7！github项目地址：https:github. …
Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖，自由搭配简单的标记，支持原生的滚动，您可以轻松地定制它。它支持不同的 CSS3 转换和过渡。最重要的是，它只是4KB。预览https:mango.github.ioslideout下载地址http:www.qietu.cnthread-15153-1-1.html--- …
背景单页应用（Single Page Application，简称SPA）是一种现代Web应用程序架构，通过动态重载页面中的部分内容来提供更流畅和更响应式的用户体验。由于SPA在客户端（用户的浏览器）运行大量的JavaScript代码，并且与传统的多页应用不同，它不会每次操作都从服务器重新加载整个页面内容，因此在性能和用户体验上有显著优势。然而这种应用也存在 …
最近前端圈又被一条消息刷屏了——Vitest 3.0发布，每周npm下载量突破1000万次。这让我想起前两天刚给团队项目升级Vitest 2.0时的心累："刚学会配置，3.0又来了？"（是的，这就是前端的日常）但吐槽归吐槽，Vitest确实解决了开发者们多年的痛点。今天咱们就来聊聊这个「前端测试新宠」的前世今生，以及它凭什么让无数开发者一边骂 …