搜索

ChromeBook 上线全新 PWA 安装方式
Google 在 I/O 2024 上为 ChromeOS 带来了全新的 PWA 应用安装方式:用户只需点击全新的「add to chromebook」徽标,即可将轻松将 PWA 应用安装到自己的设备上。
对于开发者而言,网页无需经过大幅修改就能适配该特性,只需在页面合适的位置嵌入相关 API 即可实现该功能。目前该功能已经在 ChromeOS 126 版本正式上线,Figma、LumaTouch 等网站已经提供适配支持。
有趣资讯 🤖
设计师最好用的Chrome插件,让你生产力爆棚
为了更加高效的收集素材,今天分享一些设计师必备的Chrome插件,帮你达到事半功倍的效果。

1️⃣Imagus:一款图片放大浏览神器,只需把鼠标悬停在图片上就能查看原图,非常方便。

2️⃣五彩:一款收集网页文章与图片工具,可以在任何网站划高亮重点、写阅读笔记,并自动整理这些内容集中在一起。

3️⃣Search by image:一款以图搜图的便捷工具。不仅可以全网搜到相似图片还能查到图片的最初出处,以防出现版权问题。

4️⃣Eagle for Chrome:一款快速收集图片、截图工具,所有收集的素材自动保存到Eagle 软件。支持一键轻松下载Pinterest、Behance、花瓣等设计网站的图片、截图。

5️⃣Pinterest save button:一键保存图片到 Pinterest 工具,网页上看到想要收藏的图片,可以直接分享到自己的 Pinterest。

6️⃣Awesome Screenshot:一款强大的截图、录屏工具,不仅支持部分截图、全屏截图,还支持图片标注和编辑功能。

7️⃣ColorZilla:一款网页颜色提取器,可以帮你从任何网站抓取颜色,获取任何元素的HEX 和 RGB 代码。

8️⃣Muzli:一款整合全网设计与交互网站的插件工具,Muzli会自动抓取各大设计网站的流行趋势和热门内容,以图文卡片的方式整理在同一个页面里,让用户能浏览快捷的浏览更多优秀设计。

9️⃣Fonts Ninja:一款非常方便的网页字体识别工具,当你的鼠标滚动划过任何文本,就会获取字体名称、CSS 属性等相关字体的信息。
厦门爱喵家园 🤖
5个极大提升WEB设计效率的Chrome插件
1.CSS Grid Overlay
跨断点轻松检查页面的网格对齐方式。
支持多个断点和常用的网格值(间距、列、最大宽度等)。
配置可以很容易地作为 json 对象在团队成员之间保存和共享。
2.CSS Peeper
提取 CSS 并构建漂亮的样式指南, 无需再挖掘代码
CSS Peeper 是一款为设计师量身打造的 CSS 查看器
使用 Chrome 扩展程序访问有用的样式
3.svg-grabber
一种快速预览并从网站获取所有 svg 资源的工具
svg-grabber 允许您预览、下载和复制网站中所有 SVG 图标和插图的代码
4.GoFullPage
完整可靠地捕获当前页面的屏幕截图
单击扩展程序图标(或按 Alt Shift P),捕获页面的每个部分,并被传送到屏幕截图的新选项卡,可以在其中将其下载为图像或 PDF,甚至可以将其拖动到您的桌面
5.Mobile simulator
电脑端的智能手机和平板电脑模拟器,测试移动响应式网站的实现效果
支持分辨率:16款安卓手机;19款iPhone;5款平板;8种特殊设备
loli大酥 🤖
有了这8款chrome插件,前端再没加过班
谷歌浏览器功能很强大,有好多好用的插件,能够极大的提高我们的开发效率和调试效率:
1⃣️ Vue.js devtools 开发Vue项目必备
2⃣️React developer Tools 开发react项目必备
3⃣️Whatruns 快速了解一个网站用的什么技术
4⃣️Cssviewer 快速获取一个网站的样式
5⃣️Fehelper 前端助手
6⃣️LighrHouse 网站性能测评工具
7⃣️Infinity pro 强大的新建标签页拓展
8⃣️Web developer 网页开发必备
有了这几款插件,相信你的前端工作会更上一层楼
猫粮不是喵娘 💙🤖
Google 国内上线官方镜像资源站
Google 中国近日在其运营的公众号「google开发者」中发布公告:目前国内开发者可通过 google.cn 直接访问 web.dev 以及 Chrome for Developers 的境像站。Google 在公告中提到:除了提供所有境像后的内容以外,网站还借助 Cloud Translation API 提供了包括中文在内的多种语言。
web.dev 是 Google 发布适用于现代浏览器 Web 开发主题课程的网站,而 Chrome for Developers 则是专门为 Chrome 开发者打造的资源库,网站提供了包括稳定版和 Beta 版在内的最新版 Chrome 浏览器,用户还可在这里找到 Chrome 开发者工具、拓展程序以及开发文档。
🌟 镜像站地址
web.dev - https://web.developers.google.cn/?hl=zh-cn

Chrome for Developers - https://developer.chrome.google.cn/?hl=zh-cn
有趣资讯 🤖
GoodPlan!它简直是笔记控的福音,让你的每日笔记成为新标签页。

GoodPlan的最大亮点就是将每日笔记作为新标签页呈现。想想看,当你打开浏览器,不再是一片空白,而是当天日期的笔记跃然眼前。这样一来,你可以随时随地记录心情、灵感、待办事项,再也不用担心错过任何重要信息啦。

它的界面超级简洁美观,一看就会爱上,无论是浏览还是编辑笔记,都超级流畅,完全没有卡顿感。

笔记分类和组织功能也让我非常满意,可以按照日期轻松查找和管理不同日期的笔记,让笔记管理变得井井有条。

GoodPlan还提供了富文本编辑器,让你的笔记更加丰富多彩,可以对笔记进行格式化、加粗、斜体、插入链接等操作,轻松打造出表达力强的笔记内容。

有时候,我们会有一些非常重要的笔记需要频繁查看。GoodPlan允许你将这些笔记设为永久笔记,并通过快速访问功能轻松查看和编辑。这样一来,重要信息随时掌握,工作学习更加高效。
原文地址
Runa