呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
#DIYgod的Twitter更新
RT @caspian_1016: xLog for Android/iOS 新版本已上架 🚀
- 现在详情页面加载更快了
- 修复了点击OP Sign崩溃的问题
- 除了静默更新，现在生产版本支持连击7次版本号手动请求更新。（解决部分情况请求Expo服务更新失败的问题
-…
传送门
RT @caspian_1016: xLog for Android/iOS 新版本已上架 🚀
- 现在详情页面加载更快了
- 修复了点击OP Sign崩溃的问题
- 除了静默更新，现在生产版本支持连击7次版本号手动请求更新。（解决部分情况请求Expo服务更新失败的问题
-…
传送门
QRCode AI
AI 生成二维码目前已经没有壁垒了（图片是我博客地址），这个网站可以无脑放链接和 prompt 生成 AI 图像，不需要像前面的各种教程参数调整，索然无味。
Reference
AI 生成二维码 QR codes
#AI
业务需要，看了看ToC的移动端适配的一些文章
1、如何使用 React-Responsive 进行响应式设计？（英文）
这篇文章是一个关于使用 React 和 react-responsive 库进行响应式网页设计的指南。它介绍了设计响应式网页布局时需要考虑的因素，展示了如何创建和测试一个简单的响应式网页，并推荐了使用 BrowserStack 进行实时设备云测试和自动化测试。（里面提到的 BrowserStack Responsive 我试了试，挺好用的喵）
2、响应式网站最佳实践的 7 个技巧（英文）
这篇质量也很不错，值得一看，7个技巧分别是确定目标优先级、易于发现的CTA（Call to Action）、使用SVG和响应式图片、可点击区域的尺寸、使用轻量级框架、移动优先的设计方法、跨浏览器测试、文章还列出了20个响应式网站的例子，供读者参考。（ps: 这里也是推了自己这个网站，Lambdatest）
3、使网站适合移动设备的 10 个最佳技巧（英文）
跟上文有一些重合，补充了：使用大字体、采用简洁的设计、使用视口元标签、使用媒体查询、简化表单、持续测试
感想：设计上确实之前有一些没想到，调试上考虑找一些类似BrowserStack这样（如图）的测多个设备的工具比较看看。
#前端 #阮一峰的科技周刊 #优质博文 #资源推荐
科技爱好者周刊（第 260 期）：你的旅程不会停在 Day 1
1. SafeLine（雷池）：开源的 WAF（应用程序防火墙），挡在网站之前对 Web 流量进行安全清洗。
2. ReviewGPT：为你的文章进行打分、评价，提出修改意见，甚至还可以扮演莎士比亚、金庸等知名作家，帮助你重新撰写。
3. 语音转字幕工具：仅需浏览器，AI 自动生成语音字幕，免费且可本地离线运行。（不知道好不好用）
4. 苹果 HDR 二维码（英文）: 一个很有趣的演示，苹果设备打开这个网页，上面有两个二维码，如果有一个更明亮，就说明当前设备支持 HDR（高动态成像）。
科技爱好者周刊（第 260 期）：你的旅程不会停在 Day 1
1. SafeLine（雷池）：开源的 WAF（应用程序防火墙），挡在网站之前对 Web 流量进行安全清洗。
2. ReviewGPT：为你的文章进行打分、评价，提出修改意见，甚至还可以扮演莎士比亚、金庸等知名作家，帮助你重新撰写。
3. 语音转字幕工具：仅需浏览器，AI 自动生成语音字幕，免费且可本地离线运行。（不知道好不好用）
4. 苹果 HDR 二维码（英文）: 一个很有趣的演示，苹果设备打开这个网页，上面有两个二维码，如果有一个更明亮，就说明当前设备支持 HDR（高动态成像）。
GitHub
GitHub - chaitin/SafeLine: SafeLine is a self-hosted WAF(Web Application Firewall) / reverse proxy to protect your web apps from…
SafeLine is a self-hosted WAF(Web Application Firewall) / reverse proxy to protect your web apps from attacks and exploits. - chaitin/SafeLine
🌐uitoolz - 一个包含 1000+ 设计资源的网址导航
现如今 AI 时代，小白也可以利用工具设计出好看的作品
fffuel - 一个设计工具合集网站
UI Goodies - 一个 UI 设计资源导航网站
Godly - 一个收集了 2000+ 个优秀设计网站的网站
📮投稿 📢频道 💬群聊
#博客更新
RN 学习小记之使用 Expo 创建项目
嗯，这篇属于随便写了点，然后感觉写都写了发一下的那种。
AI 生成的摘要：本文介绍了学习React Native的过程和资料收集，适合有前端基础和开发环境的人群。其中包括了RN相关资料、安卓开发环境的搭建、以及使用Expo进行RN开发的介绍和演示。最后提供了启动项目的方法。
Hexo博客链接🔗https://ysx.cosine.ren/react-native-note-1
xLog链接🔗 https://x.cosine.ren/react-native-note-1
RSS订阅 📢 https://x.cosine.ren/feed/xml
RN 学习小记之使用 Expo 创建项目
嗯，这篇属于随便写了点，然后感觉写都写了发一下的那种。
AI 生成的摘要：本文介绍了学习React Native的过程和资料收集，适合有前端基础和开发环境的人群。其中包括了RN相关资料、安卓开发环境的搭建、以及使用Expo进行RN开发的介绍和演示。最后提供了启动项目的方法。
Hexo博客链接🔗https://ysx.cosine.ren/react-native-note-1
xLog链接🔗 https://x.cosine.ren/react-native-note-1
RSS订阅 📢 https://x.cosine.ren/feed/xml
RN 学习小记之使用 Expo 创建项目 - cos
由于业务需要，开始学习 RN 以备后面的需求，而虽然之前有用过 RN 但是项目搭建等都是封装好的脚手架，对本身其实了解不算太多，于是打算记录一下个人从头搭建 RN 项目的一个过程。顺带进行一个资料收集。 适合：有前端基础，有前端基本开发环境，想了解一下 Expo 搭建 RN…
#资源推荐 #网页工具
网页图片提取下载：这是个网页图片提取和下载的工具，只需要把网站链接粘贴到输入框，然后点击 Extract 按钮，它就会自动分析网页上的所有图片，可以单独下载某张图片，也可以多选并打包下载成一个 zip 文件。
来源： https://t.me/NewlearnerChannel/11236
https://extract.pics/网页图片提取下载：这是个网页图片提取和下载的工具，只需要把网站链接粘贴到输入框，然后点击 Extract 按钮，它就会自动分析网页上的所有图片，可以单独下载某张图片，也可以多选并打包下载成一个 zip 文件。
来源： https://t.me/NewlearnerChannel/11236
extract.pics
extract.pics is a free tool to extract, view and download images from any public website by using a virtual browser. Now with an easy-to-use API.
