呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页: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
⚙️1005工具 - 一个免费的在线工具箱
📄开发者是土耳其的前端工程师,审美还是比较在线的
国内的工具箱用腻了可以试试这个颜值不错的工具箱,包含文本、图像、前端等在线工具
📢关注频道:@geekshare
💬加入群聊:@igeekshare
📮欢迎投稿:@Geekshare_bot
#优质博文 #阮一峰的科技周刊 #资源推荐 #i18n #chatgpt #rss
科技爱好者周刊(第 249 期):最成功的软件企业家
看了一下,说几个感想喵:
1、ChatGPT 眼镜:感觉应该莫名适合听障人士?cool
2、Aleph Reader:一个 iOS 设备的 RSS 阅读器,使用 OpenAI 自动给文章添加标签,生成文章概要。
3、chatgpt-i18n:关于chatgpt的花样玩法,借助 ChatGPT,翻译 i18n 的 JSON 文件,只需数十秒即可完成多语言国际化。
4、ShareGPT:一个浏览器插件,分享 ChatGPT 的聊天结果(官网哒)。试了一下,好用!分享了我的一个记录:https://shareg.pt/B40C6od
5、言论:任何软件工具都应该遵循一个原则:做对的操作应该很容易,做错的操作应该很难。 ——《论平台工程》
科技爱好者周刊(第 249 期):最成功的软件企业家
看了一下,说几个感想喵:
1、ChatGPT 眼镜:感觉应该莫名适合听障人士?cool
2、Aleph Reader:一个 iOS 设备的 RSS 阅读器,使用 OpenAI 自动给文章添加标签,生成文章概要。
3、chatgpt-i18n:关于chatgpt的花样玩法,借助 ChatGPT,翻译 i18n 的 JSON 文件,只需数十秒即可完成多语言国际化。
4、ShareGPT:一个浏览器插件,分享 ChatGPT 的聊天结果(官网哒)。试了一下,好用!分享了我的一个记录:https://shareg.pt/B40C6od
5、言论:任何软件工具都应该遵循一个原则:做对的操作应该很容易,做错的操作应该很难。 ——《论平台工程》
#碎碎念
云完重返未来1999二测剧情被三章的剧情创死了无数遍……编剧37度的手是怎么写出这种冰冷的东西的
狠狠的戳我xp,汀门,我注定的老婆。
想玩,好急,好急,啊啊啊啊还发现了宝藏手书:https://www.bilibili.com/video/BV1Ua411W7s9
「秋日业已过去,何必再添血色」
云完重返未来1999二测剧情被三章的剧情创死了无数遍……编剧37度的手是怎么写出这种冰冷的东西的
狠狠的戳我xp,汀门,我注定的老婆。
想玩,好急,好急,啊啊啊啊还发现了宝藏手书:https://www.bilibili.com/video/BV1Ua411W7s9
「秋日业已过去,何必再添血色」
根据知识星球公开显示的数据,自从2022年11月30日ChatGPT发布157天以来,根据星球价格和成员数量估算(直接相乘),新成立的知识星球,收入已经超过1300万。如果只计算最近40天之内新成立的知识星球,收入也超过1100万 (source)
📣 频道:@TestFlightCN
fffuel - 一个设计工具合集网站
📄网站有配色、图案生成、SVG等一共 63 个小工具
大多数工具都可以自定义生成想要的效果,设计感拉满,小白也可以做出惊艳的效果!
并且全部免费!
📢关注频道:@geekshare
💬加入群聊:@igeekshare
📮欢迎投稿:@Geekshare_bot
#资源推荐 #css #tailwind #前端
发现个好东西:https://github.com/dcastil/tailwind-merge
tailwind-merge 覆盖冲突的类并保持其他一切不变 - What is it for
发现个好东西:https://github.com/dcastil/tailwind-merge
tailwind-merge 覆盖冲突的类并保持其他一切不变 - What is it for
#博客更新 #blog
Hexo 迁移 xLog 小记
AI 生成的摘要:这篇文章介绍了作者将自己的Hexo博客转移到xLog上的经历。xLog是一个基于区块链的开源博客系统,使用Next.js + Tailwind CSS + TypeScript + TanStack Query构建,所有博客数据都由用户签名并存储在区块链上,以NFT的形式存在。作者列举了xLog的优点,包括开源、去中心化、安全、现代化、技术栈很新、随意定制、一键部署、导入导出非常方便、图片上传至IPFS等。作者也提到了xLog目前的不足和建议,包括文章的批量操作暂时欠缺、不支持分类功能、不支持搜索功能等。最后,作者呼吁读者了解Web3的理念和实践。
xLog链接🔗https://x.cosine.ren/hexo-migration-xlog-notes
Hexo博客地址🔗 https://ysx.cosine.ren/hexo-migration-xlog-notes
RSS订阅 📢 https://x.cosine.ren/feed/xml
Hexo 迁移 xLog 小记
AI 生成的摘要:这篇文章介绍了作者将自己的Hexo博客转移到xLog上的经历。xLog是一个基于区块链的开源博客系统,使用Next.js + Tailwind CSS + TypeScript + TanStack Query构建,所有博客数据都由用户签名并存储在区块链上,以NFT的形式存在。作者列举了xLog的优点,包括开源、去中心化、安全、现代化、技术栈很新、随意定制、一键部署、导入导出非常方便、图片上传至IPFS等。作者也提到了xLog目前的不足和建议,包括文章的批量操作暂时欠缺、不支持分类功能、不支持搜索功能等。最后,作者呼吁读者了解Web3的理念和实践。
xLog链接🔗https://x.cosine.ren/hexo-migration-xlog-notes
Hexo博客地址🔗 https://ysx.cosine.ren/hexo-migration-xlog-notes
RSS订阅 📢 https://x.cosine.ren/feed/xml
#css #tailwind #前端 #博客更新
Tailwind CSS 的最新版本 v3.3 的一些新特性和改进: Tailwind CSS v3.3:扩展的调色板、ESM/TS 支持、新的实用类
1. 用于深色的扩展调色板:为每种颜色添加了更深的色调——950,现在有11种色调,eg:
3. 微调渐变颜色停止位置 :可以准确指定渐变颜色中每个色标的位置。如
4. 开箱即用的 Line-clamp :无需插件即可截断多行文本(终于整合到官方啦),如 `line-clamp-3`。 5. 🌟字体大小及行高简写 :这个很有用,可以使用一个类设置字体大小和行高(不在预设中时),如
before:
8. 🌟新的 list-style-image 实用类: 这个也很有用,想使用图片作为您的列表项标记吗?那么现在可以使用新的 list-image-* 实用程序。eg:
听说过
使用
10. 🌟新的 caption-side 实用程序:用于控制表格内标题元素对齐的实用程序。
xLog链接🔗https://x.cosine.ren/tailwind-update-v3-3
Hexo博客地址🔗https://ysx.cosine.ren/tailwind-update-v3-3
RSS订阅📢 https://x.cosine.ren/feed/xml
Tailwind CSS 的最新版本 v3.3 的一些新特性和改进: Tailwind CSS v3.3:扩展的调色板、ESM/TS 支持、新的实用类
1. 用于深色的扩展调色板:为每种颜色添加了更深的色调——950,现在有11种色调,eg:
bg-slate-950
2. ESM 和 TypeScript 支持:使用 ESM 或 TypeScript 编写您的配置文件。(好欸,终于)3. 微调渐变颜色停止位置 :可以准确指定渐变颜色中每个色标的位置。如
from-5%、via-35% 和 to-85% 4. 开箱即用的 Line-clamp :无需插件即可截断多行文本(终于整合到官方啦),如 `line-clamp-3`。 5. 🌟字体大小及行高简写 :这个很有用,可以使用一个类设置字体大小和行高(不在预设中时),如
text-lg/7、 text-sm/[17px] 、 text-[20px]/[24px]
6. 没有 var() 的 CSS 变量:任意值的新速记语法。如下使用before:
bg-[var(--brand-color)]
after: bg-[--brand-color]
7. 可配置的 font-variation-settings :直接融入您的 font-* 实用程序。8. 🌟新的 list-style-image 实用类: 这个也很有用,想使用图片作为您的列表项标记吗?那么现在可以使用新的 list-image-* 实用程序。eg:
list-image-[url(carrot.png)]
9. 🌟新的 hyphens 实用类:用于微调断字行为。听说过
­ HTML 实体吗?在添加对这些 hyphens-* 实用程序的支持之前,我们也没听说。使用
hyphens-manual 和仔细放置的 ­ ,您可以告诉浏览器在需要跨多行分隔单词时在何处插入连字符。10. 🌟新的 caption-side 实用程序:用于控制表格内标题元素对齐的实用程序。
caption-bottom 将标题元素定位在表格的顶部,caption-bottom 将标题元素定位在表格的底部。xLog链接🔗https://x.cosine.ren/tailwind-update-v3-3
Hexo博客地址🔗https://ysx.cosine.ren/tailwind-update-v3-3
RSS订阅📢 https://x.cosine.ren/feed/xml
#资源推荐 #阮一峰的科技周刊 #react #css #chatgpt #前端
从周刊248期、247期中总结的值得推荐的资源/博文如下:
1、Mafs: 一个基于 React 的互动式数学图形组件库。 2、3D in CSS:这个网页提供互动演示,帮助理解 CSS 里面与 3D 有关的各项属性。
3、Web 应用 101:这篇长文详细介绍 Web 应用是什么,理清各种概念,比如 SPA(单页应用)、SSR(服务器端渲染)、SSG(静态网站生成)。 4、ChatGPT Box:浏览器插件,将 ChatGPT 与浏览器融合,同时对常用网站做了 ChatGPT 加强。
5、Alock:一个开源的 iOS 应用,彻底在 iPhone/iPad 上隐藏指定的 App。
言论:
1、简洁的写作需要勇气。让事物变小是一种深思熟虑的、困难的和有价值的行为。
大多数书籍本应是一篇博客文章。大多数博客文章本应是一条微博。大多数微博本应不写。
-- 《发布 Newsletter 35年的35条教训》
2、亚马逊创始人贝佐斯禁止在公司使用 Powerpoint,他觉得这种方式太低效了。
以前,每当有人站在他面前演示幻灯片,刚说了开头几句,贝佐斯就要那个人直接切换到最后一张幻灯片,展示他的结论。
-- 《压缩你的观点》
从周刊248期、247期中总结的值得推荐的资源/博文如下:
1、Mafs: 一个基于 React 的互动式数学图形组件库。 2、3D in CSS:这个网页提供互动演示,帮助理解 CSS 里面与 3D 有关的各项属性。
3、Web 应用 101:这篇长文详细介绍 Web 应用是什么,理清各种概念,比如 SPA(单页应用)、SSR(服务器端渲染)、SSG(静态网站生成)。 4、ChatGPT Box:浏览器插件,将 ChatGPT 与浏览器融合,同时对常用网站做了 ChatGPT 加强。
5、Alock:一个开源的 iOS 应用,彻底在 iPhone/iPad 上隐藏指定的 App。
言论:
1、简洁的写作需要勇气。让事物变小是一种深思熟虑的、困难的和有价值的行为。
大多数书籍本应是一篇博客文章。大多数博客文章本应是一条微博。大多数微博本应不写。
-- 《发布 Newsletter 35年的35条教训》
2、亚马逊创始人贝佐斯禁止在公司使用 Powerpoint,他觉得这种方式太低效了。
以前,每当有人站在他面前演示幻灯片,刚说了开头几句,贝佐斯就要那个人直接切换到最后一张幻灯片,展示他的结论。
-- 《压缩你的观点》
ChatGPT Next Web - 一键免费部署你的私人 ChatGPT 网页应用
💡Features
- 支持 Vercel 免费一键部署
- 响应式设计,极快的首屏加载速度(~85kb)
- 海量的内置 prompt 列表,来自中文和英文
- 自动压缩上下文聊天记录,在节省 Token 的同时支持超长对话
- 一键导出聊天记录,完整的 Markdown 支持
- 支持绑定自定义域名
📄部署非常简单,只需要再点击「Deploy」,然后在环境变量页填入 OpenAI API Keys 即可
无需买域名、服务器,你就可以轻松部署一个属于自己的 ChatGPT 网站!
📢关注频道:@geekshare
💬加入群聊:@igeekshare
📮欢迎投稿:@Geekshare_bot
一份教你如何更好使好地使用 ChatGPT 和其他 AI 产品的免费教程
(现在应该可以访问了)
#ChatGPT #knowledge
Github
https://learningprompt.wiki
(现在应该可以访问了)
#ChatGPT #knowledge
Github
https://learningprompt.wiki
#优质博文 #资源推荐 #web3 #blog
我超,区块链博客,使用Next.js + Tailwind CSS + TypeScript + TanStack Query构建:https://diygod.me/xlog
我超,区块链博客,使用Next.js + Tailwind CSS + TypeScript + TanStack Query构建:https://diygod.me/xlog
详见「小众软件」的介绍:
https://www.appinn.com/rss-reader-in-chrome/
项目主页:
https://logspot.hocgin.top/addone-rss-reader
发现于
https://twitter.com/appinn/status/1639226369682083840