jscool-发现超cool的前端资源
主页
意见反馈👉
GitHub
Toggle theme
📄每周必看
👥发现新事物
💻技术社区
🎙️名人博客
🎨CSS UI组件/模板/样式
🎨CSS在线工具
💪🏻在线挑战
💡在线编程
🌐SaaS/PaaS
🌐API 接口相关
✒️UI/UX
🖥️客户端工具
🕵️♂️抓包工具
📄每周必看
科技爱好者周刊
由知名博主阮一峰发起,每周五更新
Buzzing
用中文浏览国外社交媒体里的热门讨论,母语快速导读, 感兴趣再进原文深度阅读
echojs
Echo JS is a community-driven news site entirely focused on JavaScript development, HTML5, and front-end news.
👥发现新事物
Product Hunt
这里有大量的创意产品,是用户分享和发现新产品的网站
Dev Hunt
类似Product Hunt,收集开发者工具,项目。已收录1000+项目
Lib Hunt
类似Product Hunt,收集优秀的开源项目,已收录45w+项目
TestDevTools
类似Product Hunt,专注于软件测试类的产品,已有350+工具,项目
Awesome JavaScript
Lib Hunt的一部分,专门收集JavaScript库,目前已有1000+优秀项目
小众软件
小众软件是一个分享、体验、评测电脑软件、手机应用、互联网产品的网站
Console
每周 Console 都会审查最适合开发人员的工具
神器集
每日高强度更新有趣的AI产品工具
开源数字集市
由广大爱好者共同维护的开源项目分享网站,已有400+项目
那些免费的砖
定期收集免费可商用的前端,设计资源,收集的前端组件库比较全
Hello Github
发现和分享有趣、入门级开源项目的平台
科技爱好者周刊-自荐专区
访问周刊仓库的Issues,能获取所有周刊的自荐网站,工具,目前已有4000+内容
💻技术社区
stackoverflow
全球最大的程序员问答社区
知乎
有不少优质的技术文章和大牛,顺便还能吃瓜
V2EX
way to explore,程序员社区,交流生活,兴趣的板块比较活跃
稀土掘金
只搜索不看推荐,水文,标题党居多
博客园
一个面向开发者的知识分享社区
电鸭
国内最早的远程办公,自由职业社区
🎙️名人博客
冴羽
技术写作 8 年,知名技术博客作者,全网千万阅读。GitHub 中国区 Top 30,GitHub Blog 28k Star,技术社区掘金签约作者、2022 年人气作者 No.4、37k 关注,小册《Next.js 开发指南》作者。
张鑫旭
就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》
司徒正美
著有《javascript框架设计》
大漠
常用昵称“大漠”,W3CPlus创始人,曾就职于淘宝。对HTML、CSS和A11Y等领域有一定的认识和丰富的实践经验。现在主要从事智能UI领域的探讨和学习!。CSS和Drupal中国布道者。
CSS魔法
AI 应用研发工程师,产品经理。前百姓网前端架构师,图灵畅销书《CSS 揭秘》译者,QCon 等技术大会讲师。拥有十余年的网站开发与架构经验,自称“披着工程师外衣的设计师”。
周爱民
国内软件开发界资深软件工程师,著有《大道至简——软件工程实践者的思想》、《大道至易——实践者的思想》、《Delphi 源代码分析》、《JavaScript 语言精髓与编程实践》
汤姆大叔
翻译了《Java Script编程精解》、《Javascript启示录》、《编写可测试的JavaScript代码》、《Backbone.js应用程序开发》、《JavaScript忍者秘籍》、《JavaScript设计模式》等多本JavaScript方面的
Anthony Fu
Vue和NuxtLabs的核心成员,多个顶级开源项目的作者和贡献者
阮一峰
知名博主,就职于支付宝的前端团队体验技术部,每周周刊必看
🎨CSS UI组件/模板/样式
Mojo CSS
下一代 Atomic CSS 框架
Page UI
只收集落地页组件,Tailwind 编写
Float UI
Tailwind CSS 组件,无需安装直接copy即可
bg.ibelick
漂亮,现代化的背景代码片段,使用 Tailwind CSS制作
COLOR4BG
收集各种抽象艺术风彩色背景 ,并且都是动态的
🎨CSS在线工具
Grid Garden
通过给植物浇水学习使用CSS Grid布局
Flexbox Froggy
与Grid Garden类似,通过游戏学习CSS Flex布局
CSS Diner
练习 CSS 选择器技巧
CSS Grid Generator
在线生成CSS Grid代码
Flexbox Patterns
通过实例学习Flex布局
Smooth Shadow
生成漂亮的分层阴影
Specificity Calculator
理解CSS选择器权重
💪🏻在线挑战
Vue.js 挑战
Vue.js在线挑战,帮助你更好地了解Vue.js API
React Challenges
React在线挑战,帮助你更好地了解React API
Type Challenges
Collection of TypeScript type challenges with online judge
JS Challenger
提供了各种JS API的练习题,完成练习检验你的JS水平
BigDevSoon
通过真实项目学习HTML+CSS,主要提升静态页面编写能力
codier
超过2w前端开发人员的在线挑战平台,由社区成员出题
BFE.dev
前端的LeetCode,提升前端开发实力的练习场
100daycss
CSS 100天编码挑战,使用CodePen编写代码
💡在线编程
CodePen
最流行的轻型编辑器,社区中有大量的优质Pen可以参考学习
Web Maker
支持离线使用,没网络下编辑后支持一键导入到CodePen
CodeSandbox
基于VS Code,支持本地和云端环境,云端环境可以运行大型前端项目
StackBlitz
类似CodeSandbox,支持WebContainers,本地环境性能优于CodeSandBox
GitHub Codespaces
与Github,VS Code深度绑定,纯远程环境,使用体验受网络环境影响较大
Cloud Studio
腾讯云coding平台孵化的产品,纯远程环境,按量计费
JSRUN
国产的的在线编辑器,支持的语言较多
笔.COOL
国内个人开发者出品,目前仅支持本地环境下H5和vue3环境
🌐SaaS/PaaS
CloudFlare
全球顶尖的CDN提供商,使用Pages建站可以免费部署到全球
Vercel
部署任意前端项目,HTTPS、持续集成、运行监控、日志、各种性能优化开箱即用。
Netlify
类似Vercel,但没有Vercel流行,后端生态更完善
Sealos
以 K8s 为内核的云操作系统,也可以部署前端项目,按量计费
WebP Cloud Services
这是一项CDN图片代理服务,可以让图片体积减少,还提供了缓存、添加水印、图片滤镜等更多实用的功能
CodeFun
UI 设计稿智能生成前端源代码,8 小时工作量,10 分钟完成
🌐API 接口相关
Apifox
国内最好用的API管理平台,公网 SasS 版本免费使用
Apipost
与Apifox定位相同,功能也类似。我更偏向使用Apifox
YApi
开源的API管理平台,功能齐全,插件众多
Mokku
浏览器插件,mock接口,修改响应非常方便
Mock Service Worker
通过Service Worker拦截HTTP请求Mock数据,也可以用于接口测试
✒️UI/UX
AI Colors
使用自然语言生成页面配色的 AI 工具,无需梯子
UI Notes
收集了大量优秀 App 的完整 UI 截图,用于探索 UI 设计趋势、浏览竞品设计
Yesicon
整合了一大批高质量的图标
🖥️客户端工具
UTools
新一代效率工具平台,呼之即来,即用即走,打造你的个人效率助理
PowerToys
Microsoft PowerToys 是一组实用工具,可帮助高级用户调整和简化其 Windows 体验,从而提高工作效率。
Snipaste
一个简单但强大的截图工具,可以让你将截图贴回到屏幕上
Slidepad
给mac电脑添加一个放置网页的滑动窗口,即用即走
🕵️♂️抓包工具
Reqable
Flutter编写的全平台国产抓包测试工具,Reqable = Fiddler + Charles + Postman
Whistle
基于Node实现的跨平台web调试代理工具,采用类似配置系统hosts的方式,一切操作都可以通过配置实现
Wireshark
经典抓包工具