http://shenzjd.comhttp://shenzjd.com/posts/5006http://shenzjd.com/posts/5006Fri, 29 May 2026 02:12:29 GMT<a href="/search/result?q=%23%E5%9B%BE%E6%A0%87%E5%AD%97%E4%BD%93" title="#图标字体">#图标字体</a> <a href="/search/result?q=%23%E6%8E%A2%E7%B4%A2%E5%8F%91%E7%8E%B0" title="#探索发现">#探索发现</a> <a href="/search/result?q=%23TelegramDigest" title="#TelegramDigest">#TelegramDigest</a><br /><br />XG-icons-Hub 更新，图标资源站点，多类图标免费下载。<br /><br /><a href="https://icon.xiaoge.org/" target="_blank" rel="noopener" title="https://icon.xiaoge.org">https://icon.xiaoge.org</a><br /><a href="https://icon.xiaoge.org/%E5%89%8D%E5%BE%80%E5%AF%BC%E8%88%AA" target="_blank" rel="noopener" title="https://icon.xiaoge.org/前往导航">https://icon.xiaoge.org/前往导航</a>:<br /><br /><i class="emoji"><b>📡</b></i> 来源：<a href="https://t.me/shenzjd_com" target="_blank" title="@shenzjd_com">@shenzjd_com</a><a class="tgme_widget_message_link_preview" href="https://icon.xiaoge.org/" target="_blank" rel="noopener" title="又一个图标托管项目~ 让你的 Docker 、导航站更 Nice！"> <div class="link_preview_site_name accent_color">icon.xiaoge.org</div> <div class="link_preview_title">XG-icons-Hub</div> <div class="link_preview_description">又一个图标托管项目~ 让你的 Docker 、导航站更 Nice！</div> </a>http://shenzjd.com/posts/4918http://shenzjd.com/posts/4918Fri, 29 May 2026 01:50:42 GMT<a href="/search/result?q=%23%E5%9B%BE%E6%A0%87%E5%AD%97%E4%BD%93" title="#图标字体">#图标字体</a> <a href="/search/result?q=%23%E5%A4%B4%E5%83%8F%E7%94%9F%E6%88%90%E5%99%A8" title="#头像生成器">#头像生成器</a> <a href="/search/result?q=%23TelegramDigest" title="#TelegramDigest">#TelegramDigest</a><br /><br />快速头像生成器更新，轻量开源包，风格统一，支持离线使用<br /><br /><a href="https://qa.ft07.com/" target="_blank" rel="noopener" title="https://qa.ft07.com">https://qa.ft07.com</a><br /><br /><i class="emoji"><b>📡</b></i> 来源：<a href="https://t.me/shenzjd_com" target="_blank" title="@shenzjd_com">@shenzjd_com</a><a class="tgme_widget_message_link_preview" href="https://qa.ft07.com/" target="_blank" rel="noopener" title="Beautiful PNG avatar library for your projects. Deterministic, no API, no server. Just npm install and use."> <div class="link_preview_site_name accent_color">Ft07</div> <div class="link_preview_title">quick-avatar — Deterministic PNG Avatars</div> <div class="link_preview_description">Beautiful PNG avatar library for your projects. Deterministic, no API, no server. Just npm install and use.</div> </a>http://shenzjd.com/posts/4564http://shenzjd.com/posts/4564Fri, 29 May 2026 01:09:18 GMT<a href="/search/result?q=%23%E5%9B%BE%E6%A0%87%E5%AD%97%E4%BD%93" title="#图标字体">#图标字体</a> <a href="/search/result?q=%23TelegramDigest" title="#TelegramDigest">#TelegramDigest</a><br /><br />新发现图标字体创作站点Tegaki，支持多种前端技术渲染书写动画。<br /><br /><a href="https://gkurt.com/tegaki" target="_blank" rel="noopener" title="https://gkurt.com/tegaki">https://gkurt.com/tegaki</a><br /><br /><i class="emoji"><b>📡</b></i> 来源：<a href="https://t.me/shenzjd_com" target="_blank" title="@shenzjd_com">@shenzjd_com</a><a class="tgme_widget_message_link_preview" href="https://gkurt.com/tegaki/" target="_blank" rel="noopener" title="Animated handwriting from any font."> <div class="link_preview_site_name accent_color">Tegaki</div> <img class="link_preview_image" alt="Tegaki" src="/static/https://cdn4.telesco.pe/file/CIvmrXlZcPPbG0GDsP9SIcneB1S0fonwgcuniHc1wj4ukC_CMHxTy75MUKWHR8QXF6bOm9FBj00oNo2Gxo6iVDBnWwE-eDN3fnxKL1pqTIxOPtgVIFRaUlEC69lxsi6YCXL3yiyaDfdg_5l64B3dJ_3BiWs9gvuHqXPyLbPF4QhlWAq656dWvdBbQ9ZSsYoP_gHttFzBEHOCLFSkU9m0nTKH9TmxMVaA-0Q7zsqg7sUSerDwSbUykCwcOt9_h9561Y3lyfhpaWh9aBT6v6TwHrXyjl6pxPuvkAPuWxT0LZCNpHGQllQ0m_OKikRDAncwSRysh1_ckESZmIJUWCWLZg.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_description">Animated handwriting from any font.</div> </a>http://shenzjd.com/posts/61http://shenzjd.com/posts/61Thu, 09 Sep 2021 00:01:29 GMT<div class="tgme_widget_message_forwarded_from accent_color">Forwarded from <a class="tgme_widget_message_forwarded_from_name" href="https://t.me/piracy6/12998" target="_blank" rel="noopener"><span>黑洞资源笔记</span></a> (<span class="tgme_widget_message_forwarded_from_author">tieliu1998</span>)</div>前端挑战或技能<br /><a href="https://codepen.io/" target="_blank" rel="noopener" title="CodePen">CodePen</a> -使用我们的在线代码编辑器构建，共享和学习JavaScript，CSS和HTML<br /><a href="https://www.frontendmentor.io/" target="_blank" rel="noopener" title="Frontend Mentor">Frontend Mentor</a> -通过构建真实的项目来提高您的前端技能。解决现实世界中的HTML，CSS和JavaScript难题，同时致力于专业设计。<br /><a href="https://moeminm.github.io/goodcode/" target="_blank" rel="noopener" title="Good Code">Good Code</a> -浏览数十种前端编码挑战，并附带Adobe XD文件和样式指南。<br /><a href="https://codier.io/" target="_blank" rel="noopener" title="codier">codier</a> -探索并尝试前端编码挑战。<br /><a href="https://cssbattle.dev/" target="_blank" rel="noopener" title="CSS之战">CSS之战</a> -CSS代码查询在这里！使用您的CSS技能以尽可能小的代码复制目标。随时检查以下目标，并测试您的CSS技能。<br /><br />字体和印刷术<br /><a href="https://fonts.google.com/" target="_blank" rel="noopener" title="Google字体">Google字体</a> -免费和易于使用的Webfonts的第一大资源。<br /><a href="https://fontsarena.com/" target="_blank" rel="noopener" title="Fonts Arena">Fonts Arena</a>- 免费字体，高级字体的免费替代品，针对您的研究需要的文章。<br /><a href="https://fontjoy.com/" target="_blank" rel="noopener" title="Fontjoy">Fontjoy</a> -Fontjoy帮助设计师选择最佳的字体组合。混合并匹配不同的字体以实现完美的配对。<br /><a href="https://fontpair.co/" target="_blank" rel="noopener" title="FontPair">FontPair</a> -字体对可帮助设计师将Google字体配对在一起。漂亮的Google字体组合和对。<br />颜色和工具<br /><a href="https://coolors.co/" target="_blank" rel="noopener" title="Coolors">Coolors</a> -为您的设计生成或浏览漂亮的色彩组合。<br /><a href="https://www.0to255.com/" target="_blank" rel="noopener" title="0to255">0to255</a>- 一种颜色工具，可轻松使颜色变浅和变暗。<br /><a href="https://colorcolor.in/" target="_blank" rel="noopener" title="color x color">color x color</a>- 一种为UI创建可访问的颜色系统的工具<br /><a href="https://www.colorsandfonts.com/" target="_blank" rel="noopener" title="颜色和字体">颜色和字体</a> -查找颜色和版式组合，随时可以一键复制粘贴。<br /><a href="https://mycolor.space/" target="_blank" rel="noopener" title="ColorSpace">ColorSpace</a>- 生成漂亮的调色板。<br /><a href="https://cssgradient.io/" target="_blank" rel="noopener" title="CSS Gradient">CSS Gradient</a>- 免费的CSS渐变生成器工具。<br /><a href="https://github.com/iamismile/web-dev-resources/blob/main/uigradients.com" target="_blank" rel="noopener" title="uiGradients ">uiGradients </a>-为设计人员和开发人员精心挑选的一组美丽的颜色渐变。<br /><br />图像资源区<br /><a href="https://unsplash.com/" target="_blank" rel="noopener" title="Unsplash">Unsplash</a> - Free images and photos.<br /><a href="https://www.pexels.com/" target="_blank" rel="noopener" title="Pexels">Pexels</a> - Free stock photos.<br /><a href="https://pixabay.com/" target="_blank" rel="noopener" title="Pixabay">Pixabay</a> - Free image or video.<br /><a href="https://loading.io/" target="_blank" rel="noopener" title="LOADING.IO">LOADING.IO</a> - 针对项目的免费微调器<br /><a href="https://lottiefiles.com/" target="_blank" rel="noopener" title="LottieFiles">LottieFiles</a> -lottifiles是一个为Lottie设计的动画集合——给开发者调试的日子已经一去不复返了<br /><a href="https://www.remove.bg/" target="_blank" rel="noopener" title="removebg">removebg</a> - 去除图像背景<br /><a href="https://github.com/iamismile/web-dev-resources/blob/main/removephotodata.com" target="_blank" rel="noopener" title="Remove Photo Data">Remove Photo Data</a> 2 - 在网上分享照片之前，请先删除照片上的个人资料<br /><a href="https://www.befunky.com/" target="_blank" rel="noopener" title="befunky">befunky</a> - BeFunky的一体化在线创意平台有您需要的一切轻松编辑照片，创建图形设计，并使照片拼贴<br /><br /><a href="/search/result?q=%23%E6%8F%92%E5%9B%BE" title="#插图">#插图</a><br /><a href="https://undraw.co/illustrations" target="_blank" rel="noopener" title="unDraw">unDraw</a> - 浏览以找到适合您需要的插图，并单击下载<br /><a href="https://www.manypixels.co/gallery/" target="_blank" rel="noopener" title="manypixels">manypixels</a>，免费插图，为您的项目提供动力。以商业或非商业的方式使用它们，用于登陆页面、博客帖子、电子邮件通讯、社交媒体图形等<br /><a href="https://www.drawkit.io/" target="_blank" rel="noopener" title="DrawKit">DrawKit</a> - 为您的下一个完美项目手绘矢量插图和图标资源。<br /><a href="https://www.freepik.com/" target="_blank" rel="noopener" title="freepik">freepik</a> - 免费的图形资源<br /><br /><a href="/search/result?q=%23%E5%9B%BE%E6%A0%87" title="#图标">#图标</a><br /><a href="https://ionicons.com/" target="_blank" rel="noopener" title="Ionicons">Ionicons</a> - 开源的MIT许可图标包.<br /><a href="https://fontawesome.com/" target="_blank" rel="noopener" title="Font Awesome">Font Awesome</a> - 矢量图标和社会标志<br /><a href="https://material.io/resources/icons/?style=baseline" target="_blank" rel="noopener" title="Material Icons">Material Icons</a> - 材质图标是常见动作和物品的精美精美设计符号。在桌面上下载可在Android，iOS和Web的数字产品中使用它们<br /><a href="https://icons8.com/icons" target="_blank" rel="noopener" title="icons8">icons8</a> - 下载PNG和SVG中的免费图标<br /><a href="https://www.flaticon.com/" target="_blank" rel="noopener" title="flaticon ">flaticon </a>- SVG，PSD，PNG，EPS格式或图标字体的免费矢量图标。<br /><a href="https://tablericons.com/" target="_blank" rel="noopener" title="Tabler Icons">Tabler Icons</a> - 完全可定制的免费SVG图标<br /><a href="https://icofont.com/icons" target="_blank" rel="noopener" title="icofont">icofont</a> - 2100多种免费图标，为您的创意设计增添趣味<br /><a href="https://simpleicons.org/" target="_blank" rel="noopener" title="Simple Icons">Simple Icons</a> - 1463个流行品牌的免费SVG图标