#开源 #前端 #开发 #工具

🔨 Onlook - 一个适用于 React 程序的开源可视化编辑器

Onlook 的理念是像使用 Figma 一样实现可视化开发 React 程序

优点是本地运行、实时可视化UI、AI对话，体验非常不错

📮投稿 📢频道 💬群聊 🔎索引

#网站 #字体 #开发

🆎中文网字计划 - 为网站开发者提供中文 Web Fonts 服务

📄中文网字计划通过精巧设计的字体分包方式，将庞大的字体文件切割为多个小型静态分包部署于云端，在全网领域内都可快捷、稳定地进行加载

从而可以通过网页加载本地没有的字体，实现更加美观的网页文字排版

📮投稿 📢频道 💬群聊

#AI #开发 #工具 #编程

CodeWhisperer - 一款可以帮助程序员提高效率的免费代码生成工具

📖视频教程

📄CodeWhisperer 是亚马逊旗下的 AI 编程辅助工具，对个人用户免费开放，并且支持中文

💬使用体验

① CodeWhisperer 并非像 ChatGPT 一样输入需求就给你生成完整代码

② 生成代码需要输入一个需求注释，然后按一下「Alt+c」，它才会给你生成第一行代码，确定要就按一下「Tab」，然后继续一行一行生成

③ 目前只有 Python/Java/js/ts/c# 支持多行输出，其他语言的暂不支持

④ 整体体验比较一般，不如 Cursor，但是胜在免费对个人使用，希望它变得更好

🔖相关阅读
Cursor - 一款集成了 GPT-4 的 AI 代码生成工具

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#AI #ChatGPT #开发 #编程

Cursor - 一款集成了 GPT-4 的 AI 代码生成工具

📄使用该工具你可以快速进行多种编程语言的编码，如Python、Java、C#、JavaScript等，

它可以根据你的输入的需求自动生成代码片段，此外，它还可以帮助你重构、理解和优化代码，神器！

📖简易教程

0️⃣下载软件之后先汉化，在 cursor 中快捷键「Ctrl+Shift+x」，然后输入 「Chinese」，安装之后重启就可以了

1️⃣主界面按「Ctrl+K」，输入需求，我的需求你们可以参考一下：「写一个图片转字符画的Python程序」

2️⃣然后按下回车，顷刻间 cursor 便会为你生成代码，然后你在本地打开终端输入 「Python Test.py」便会出现图中的一幕

3️⃣如果你一窍不通，没关系！按下「Ctrl+L」，告诉它，你该怎么运行这个程序，它会把每个步骤告诉你。如果报错也是一样可以直接问他是什么问题，AI 会一一解答

💡免费用户一个月可以用100次提问，需要无限使用要付20刀/月

也可以输入自己的 OpenAI API Keys 使用，不过只支持3.5的模型

如果你本身是半吊子水平，并且有一定的学习能力，20刀还是非常值得的，我在推特上看到有人用这玩意开发了APP

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#电子书 #开源 #前端 #开发

📗《JavaScript权威指南第七版》中英对照

🧩GitHub地址

📃该书详细介绍了 JavaScript 的各种函数和特性，其核心参考、客户端 JavaScript 参考和 DOM 参考占据了全书超过一半的篇幅

是编写 JavaScript 时最强大的参考手册之一

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#开发 #编程 #网站

StackExchange - 号称世界上最大的编程社区

📃StackOverflow正是其社区宇宙中的第一位成员

StackExchange似乎沉迷于建立维护各种问答社区，其模式大多类似StackOverflow一样的问答形式

目前旗下有技术、文娱、生活与艺术、科学、商业等领域共180个社区

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#开发 #搜索引擎 #AI

🔎Phind - 一个专门为程序员开发的搜索引擎

去年已经介绍过这个搜索引擎，那时候叫Hello，今年1月份才更名Phind

最近看到推特很多老外在推，貌似更智能了一些？

📚相关阅读

- Hello - 一个专门为程序员开发的搜索引擎
- 官方推特

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#前端 #开发 #网站 #开源 #设计

Handsome-css-lib - 收集网上仅靠 CSS 与 HTML 就可以实现的动效UI

📃作者的建此站的目的是为了提高开发者的审美和技术

站内代码全部都是开源的，很多炫酷的组件，值得复制粘贴

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#在线 #工具 #开发 #开源

🔎grep.app - 一个在线代码搜索工具

📃输入代码片段，顷刻间Grep便可以从50 万个开源仓库中检索出结果

搜索时可选区分大小写、正则表达式以及单词搜索

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#开发 #算法 #学习 #网站

💻The Algorithms - GitHub最大的开源算法库

📃网站收录了包括 Python、Java、C++、JavaScript、Go 等多种主流编程语言的算法代码实现

你可以通过搜索框，快速寻找自己需要学习的算法；并且其支持在线运行

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#开发 #编程 #书籍 #电子书

📕《图解计算机基础》 - 一本图解计算机基础的电子书

📃包含图解计算机网络、操作系统、计算机组成、数据库，共 1000 张图 + 50 万字

旨在破除晦涩难懂的计算机基础知识，让天下没有难懂的八股文

我看了一下，书中的许多知识点都比较基础的，非常适合基础薄弱的计算机学习者

但是请注意，这本书不是小白教程

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#工具 #合集 #开发 #在线生成

⚙️分享几个代码分享图生成器，利用这些工具，你可以把你的代码通过图片的形式分享给他人

Carbon | Ray.so | chalk.ist
kod.so | codepng | codeimg
snappify

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#开源 #前端 #开发 #UI #开源

❇️MetalliCSS一个在线生成金属效果CSS的工具

🧩开源地址

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#开源 #前端 #开发 #UI

❇️4个免费美观的CSS效果库

🔗CSS阴影框 | CSS按钮 | CSS复选框 | CSS形状

📃复制粘贴，over

📚相关阅读：UIVERSE - 一个开源的UI前端库

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#开源 #前端 #开发 #UI

❇️UIVERSE - 一个开源的UI前端库

📃纯CSS实现，效果酷炫，复制粘贴就完了

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#学习 #网站 #开发 #教程

📚freeCodeCamp - 一个公益性的学习编程开发的网站

📃网站包含交互式课程、视频课程、文章等

涵盖 了Python、HTML、CSS、React、Vue、BootStrap、JSON 等教程

完成所有学习项目还会获得认证

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot