<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>图设 | 热门资源汇总</title><description/><link>http://shenzjd.com</link><item><title>#FreeForAI #图像生成 #FLUX #TGAgentFreeForAI 是一个基于 FLUX.1-Dev 模型的在线图像生成与编辑工具</title><link>http://shenzjd.com/posts/5458</link><guid isPermaLink="true">http://shenzjd.com/posts/5458</guid><pubDate>Sat, 13 Jun 2026 19:06:06 GMT</pubDate><content:encoded>&lt;a href=&quot;/search/result?q=%23FreeForAI&quot; title=&quot;#FreeForAI&quot;&gt;#FreeForAI&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%9B%BE%E5%83%8F%E7%94%9F%E6%88%90&quot; title=&quot;#图像生成&quot;&gt;#图像生成&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23FLUX&quot; title=&quot;#FLUX&quot;&gt;#FLUX&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23TGAgent&quot; title=&quot;#TGAgent&quot;&gt;#TGAgent&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;FreeForAI 是一个基于 FLUX.1-Dev 模型的在线图像生成与编辑工具。其主要特点是无需注册登录即可免费且无限次生成图片，生成的图像支持商业使用，并内置了电影、赛博朋克、产品摄影等多种预设风格场景。&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://draw.freeforai.com/zh&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://draw.freeforai.com/zh&quot;&gt;https://draw.freeforai.com/zh&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;i class=&quot;emoji&quot;&gt;&lt;b&gt;📡&lt;/b&gt;&lt;/i&gt; 来源：&lt;a href=&quot;https://t.me/shenzjd_com&quot; target=&quot;_blank&quot; title=&quot;@shenzjd_com&quot;&gt;@shenzjd_com&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://draw.freeforai.com/zh/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;FreeForAI，完全免费且无限制的AI图像生成器，基于FLUX.1-Dev,FLUX.2-Dev,FLUX.1-Kontext、FLUX.1 Kontext模型。无需注册，图像质量卓越。&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;Freeforai&lt;/div&gt;
  
  &lt;div class=&quot;link_preview_title&quot;&gt;FreeForAI - 免费无限AI图像生成器、图片编辑器&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;FreeForAI，完全免费且无限制的AI图像生成器，基于FLUX.1-Dev,FLUX.2-Dev,FLUX.1-Kontext、FLUX.1 Kontext模型。无需注册，图像质量卓越。&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>#AI #图设 #在线创作 #TelegramDigestTAVAFA塔瓦法上线，AI大模型与Photoshop结合的在线创作工具</title><link>http://shenzjd.com/posts/5053</link><guid isPermaLink="true">http://shenzjd.com/posts/5053</guid><pubDate>Fri, 29 May 2026 02:16:37 GMT</pubDate><content:encoded>&lt;a href=&quot;/search/result?q=%23AI&quot; title=&quot;#AI&quot;&gt;#AI&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%9B%BE%E8%AE%BE&quot; title=&quot;#图设&quot;&gt;#图设&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%9C%A8%E7%BA%BF%E5%88%9B%E4%BD%9C&quot; title=&quot;#在线创作&quot;&gt;#在线创作&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23TelegramDigest&quot; title=&quot;#TelegramDigest&quot;&gt;#TelegramDigest&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;TAVAFA塔瓦法上线，AI大模型与Photoshop结合的在线创作工具&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://www.tavafa.com/sign.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://www.tavafa.com/sign.html&quot;&gt;https://www.tavafa.com/sign.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;i class=&quot;emoji&quot;&gt;&lt;b&gt;📡&lt;/b&gt;&lt;/i&gt; 来源：&lt;a href=&quot;https://t.me/shenzjd_com&quot; target=&quot;_blank&quot; title=&quot;@shenzjd_com&quot;&gt;@shenzjd_com&lt;/a&gt;</content:encoded></item><item><title>#图标 #LOGO The Thiings Collection 一套拟物风格的图标集，设计非常精美，可用来做图标或者 LOGO，下载格式为 PNG，且背景为透明，方便作为素材使用，可用于个人和商用，完全免费，无需注册</title><link>http://shenzjd.com/posts/3862</link><guid isPermaLink="true">http://shenzjd.com/posts/3862</guid><pubDate>Fri, 13 Jun 2025 12:43:24 GMT</pubDate><content:encoded>&lt;div class=&quot;image-list-container image-list-odd&quot;&gt;
      &lt;button type=&quot;button&quot; class=&quot;image-preview-button image-preview-wrap&quot; popovertarget=&quot;modal-3862-0&quot; popovertargetaction=&quot;show&quot; aria-label=&quot;Open image preview: #图标 #LOGO The Thiings Collection 一套拟物风格的图标集，设计非常精美，可用来做图标或者 LOGO，下载格式为 PNG，且背景为透明，方便作为素材使用，可用于个人和商用，完全免费，无需注册&quot;&gt;
        &lt;img src=&quot;/static/https://cdn5.telesco.pe/file/XoUagy0JRf2qRFgTQe6rIl6fvGe17yjyIUlpGpU729Hi3rRBuiaj6LuGoboZiNGYHHHxxIq_w8K_Dx8MfyPA65qTJt21CyoEji8OjIp7-KXIdX6LL8FsxY0YbQ_l71zza-Ic2u5_y7BCXbIZJKrHaQV_P5lISG8ZE2q02KXne1pDwMIjgVnT1Wtr4vlnFHQcaA-jnrqgjst-9ncA0oemltBeOV6QhwV1OX9MvDn_FsVLe1XsjdgabDK9oE_118u8v9tmE-cQIP0G9aA1PtRvwTs030K7Og8SFWIfHAUuzU9YFHX9jbpTVZHDKcX_5YrK2YncLvbP2a6IZBPKd-7zMA.jpg&quot; alt=&quot;#图标 #LOGO The Thiings Collection 一套拟物风格的图标集，设计非常精美，可用来做图标或者 LOGO，下载格式为 PNG，且背景为透明，方便作为素材使用，可用于个人和商用，完全免费，无需注册&quot; width=&quot;800&quot; height=&quot;379&quot; loading=&quot;eager&quot; /&gt;
      &lt;/button&gt;
      &lt;div class=&quot;modal&quot; id=&quot;modal-3862-0&quot; popover=&quot;auto&quot; aria-label=&quot;Image preview&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;modal__backdrop&quot; popovertarget=&quot;modal-3862-0&quot; popovertargetaction=&quot;hide&quot; aria-label=&quot;Close image preview&quot;&gt;&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;modal__close&quot; popovertarget=&quot;modal-3862-0&quot; popovertargetaction=&quot;hide&quot; aria-label=&quot;Close image preview&quot;&gt;×&lt;/button&gt;
        &lt;div class=&quot;modal__surface&quot;&gt;
          
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;&lt;a href=&quot;/search/result?q=%23%E5%9B%BE%E6%A0%87&quot; title=&quot;#图标&quot;&gt;#图标&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23LOGO&quot; title=&quot;#LOGO&quot;&gt;#LOGO&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://www.thiings.co/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;The Thiings Collection&quot;&gt;&lt;b&gt;&lt;u&gt;The Thiings Collection&lt;/u&gt;&lt;/b&gt;&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;&lt;b&gt;一套拟物风格的图标集&lt;/b&gt;，设计非常精美，可用来做图标或者 LOGO，下载格式为 PNG，且背景为透明，方便作为素材使用，可用于个人和商用，完全免费，无需注册。&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://www.thiings.co/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://www.thiings.co&quot;&gt;https://www.thiings.co&lt;/a&gt;</content:encoded></item><item><title>#图片 #压缩 #开源 MAZANOKE 图片压缩工具，适用于 jpg、png、webp、heic、avif、gif、svg 格式，支持批量上传、格式转换、移除元数据、自定义压缩质量、尺寸设置等，浏览器本地运行，完全免费，无需注册</title><link>http://shenzjd.com/posts/3760</link><guid isPermaLink="true">http://shenzjd.com/posts/3760</guid><pubDate>Wed, 07 May 2025 09:40:52 GMT</pubDate><content:encoded>&lt;div class=&quot;image-list-container image-list-odd&quot;&gt;
      &lt;button type=&quot;button&quot; class=&quot;image-preview-button image-preview-wrap&quot; popovertarget=&quot;modal-3760-0&quot; popovertargetaction=&quot;show&quot; aria-label=&quot;Open image preview: #图片 #压缩 #开源 MAZANOKE 图片压缩工具，适用于 jpg、png、webp、heic、avif、gif、svg 格式，支持批量上传、格式转换、移除元数据、自定义压缩质量、尺寸设置等，浏览器本地运行，完全免费，无需注册&quot;&gt;
        &lt;img src=&quot;/static/https://cdn5.telesco.pe/file/uCn2BkKD9XbiXp9soGRfhiYD3FWNDGYthES3Wy2KHvWMRCjj285L1tabOZXk4-V3qqvXqOlq53mdY0Jm912kV8EJyn_Hxxbjr-AJSEK2GW7q2BLcEHOoQkEGmgXqMZdH6Hxs-K0fSpzO8OPTTXT1NtTtOw-eRD1f28qPVzFvu2QGikjW02nQrM8tfDE_qTLNBqnYQ531VF2cd5YGcFPSlUZWt_tPRPWiMOYQmUldE-okKLk8q-eb7hgwiZaJAArEMFSrMa2sRvIlx047dkCGcWtUzDuiaWsFHDC6UpNzBk_9roKkxF83zq1XXkfKHUAQrPpri0ldi93v8TYHnNa17Q.jpg&quot; alt=&quot;#图片 #压缩 #开源 MAZANOKE 图片压缩工具，适用于 jpg、png、webp、heic、avif、gif、svg 格式，支持批量上传、格式转换、移除元数据、自定义压缩质量、尺寸设置等，浏览器本地运行，完全免费，无需注册&quot; width=&quot;800&quot; height=&quot;608&quot; loading=&quot;eager&quot; /&gt;
      &lt;/button&gt;
      &lt;div class=&quot;modal&quot; id=&quot;modal-3760-0&quot; popover=&quot;auto&quot; aria-label=&quot;Image preview&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;modal__backdrop&quot; popovertarget=&quot;modal-3760-0&quot; popovertargetaction=&quot;hide&quot; aria-label=&quot;Close image preview&quot;&gt;&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;modal__close&quot; popovertarget=&quot;modal-3760-0&quot; popovertargetaction=&quot;hide&quot; aria-label=&quot;Close image preview&quot;&gt;×&lt;/button&gt;
        &lt;div class=&quot;modal__surface&quot;&gt;
          
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;&lt;a target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;#图片&quot;&gt;#图片&lt;/a&gt; &lt;a target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;#压缩&quot;&gt;#压缩&lt;/a&gt; &lt;a target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;#开源&quot;&gt;#开源&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://github.com/civilblur/mazanoke&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;MAZANOKE&quot;&gt;&lt;b&gt;&lt;u&gt;MAZANOKE&lt;/u&gt;&lt;/b&gt;&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;&lt;b&gt;图片压缩工具&lt;/b&gt;，适用于 jpg、png、webp、heic、avif、gif、svg 格式，支持批量上传、格式转换、移除元数据、自定义压缩质量、尺寸设置等，浏览器本地运行，完全免费，无需注册。&lt;br /&gt;&lt;br /&gt;&lt;i class=&quot;emoji&quot;&gt;&lt;b&gt;🌐&lt;/b&gt;&lt;/i&gt; &lt;a href=&quot;https://mazanoke.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;演示地址&quot;&gt;&lt;u&gt;演示地址&lt;/u&gt;&lt;/a&gt;      &lt;i class=&quot;emoji&quot;&gt;&lt;b&gt;🐙&lt;/b&gt;&lt;/i&gt; &lt;a href=&quot;https://github.com/civilblur/mazanoke&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;项目地址&quot;&gt;&lt;u&gt;项目地址&lt;/u&gt;&lt;/a&gt;</content:encoded></item><item><title>#图片 #处理 TrimSpace 图片流水线处理工具，这个很有意思，有去除透明、去水印、旋转、滤镜、背景色、边框等操作选项，选择完成后上传图片，即可按顺序进行处理，并可设置导出的格式，免费使用，无需注册</title><link>http://shenzjd.com/posts/3468</link><guid isPermaLink="true">http://shenzjd.com/posts/3468</guid><pubDate>Sat, 22 Mar 2025 11:52:25 GMT</pubDate><content:encoded>&lt;div class=&quot;image-list-container image-list-odd&quot;&gt;
      &lt;button type=&quot;button&quot; class=&quot;image-preview-button image-preview-wrap&quot; popovertarget=&quot;modal-3468-0&quot; popovertargetaction=&quot;show&quot; aria-label=&quot;Open image preview: #图片 #处理 TrimSpace 图片流水线处理工具，这个很有意思，有去除透明、去水印、旋转、滤镜、背景色、边框等操作选项，选择完成后上传图片，即可按顺序进行处理，并可设置导出的格式，免费使用，无需注册&quot;&gt;
        &lt;img src=&quot;/static/https://cdn5.telesco.pe/file/EL1XH1CO8tmGgN-Xl96fvM7FGfPI3ZSAOTAv8ym7jonGy_e5UaNJTDeUCr7yvh1KfQOZpboxcb77UTr0OIZ3kzQ4qQXxw2nUp1iebR3dwmXtN-tcLNZ1K4R2n-u7uoGmXXq_Af6g6zvcp6_vGEDFqFa88WGlmn-2dSJGsO4zSNcaLSEdKzQgTvSkJxtCBTpkPtL45b7OnKvELoDZ7aKOWs21_YsVvYY3wTE0mqpQ1ie13U5YhFEUDAZvUYOA_q9eRZyMpN-8o_X1iRUqo_DpjmtBIjgiQL4plp7ZcQX4zC1Haky-DZPOmIf6dE45bdK0V7y52y-NbsQdIQFefyPSQg.jpg&quot; alt=&quot;#图片 #处理 TrimSpace 图片流水线处理工具，这个很有意思，有去除透明、去水印、旋转、滤镜、背景色、边框等操作选项，选择完成后上传图片，即可按顺序进行处理，并可设置导出的格式，免费使用，无需注册&quot; width=&quot;800&quot; height=&quot;362&quot; loading=&quot;eager&quot; /&gt;
      &lt;/button&gt;
      &lt;div class=&quot;modal&quot; id=&quot;modal-3468-0&quot; popover=&quot;auto&quot; aria-label=&quot;Image preview&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;modal__backdrop&quot; popovertarget=&quot;modal-3468-0&quot; popovertargetaction=&quot;hide&quot; aria-label=&quot;Close image preview&quot;&gt;&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;modal__close&quot; popovertarget=&quot;modal-3468-0&quot; popovertargetaction=&quot;hide&quot; aria-label=&quot;Close image preview&quot;&gt;×&lt;/button&gt;
        &lt;div class=&quot;modal__surface&quot;&gt;
          
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;&lt;a href=&quot;/search/result?q=%23%E5%9B%BE%E7%89%87&quot; title=&quot;#图片&quot;&gt;#图片&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%A4%84%E7%90%86&quot; title=&quot;#处理&quot;&gt;#处理&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://trimspace.online/zh&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;TrimSpace&quot;&gt;&lt;b&gt;&lt;u&gt;TrimSpace&lt;/u&gt;&lt;/b&gt;&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;&lt;b&gt;图片流水线处理工具&lt;/b&gt;，这个很有意思，有去除透明、去水印、旋转、滤镜、背景色、边框等操作选项，选择完成后上传图片，即可按顺序进行处理，并可设置导出的格式，免费使用，无需注册。&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://trimspace.online/zh&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://trimspace.online/zh&quot;&gt;https://trimspace.online/zh&lt;/a&gt;</content:encoded></item><item><title>一个动画图标库，让你的图标动起来</title><link>http://shenzjd.com/posts/2038</link><guid isPermaLink="true">http://shenzjd.com/posts/2038</guid><pubDate>Sat, 12 Nov 2022 00:52:00 GMT</pubDate><content:encoded>&lt;div class=&quot;tgme_widget_message_forwarded_from accent_color&quot;&gt;Forwarded from &lt;a class=&quot;tgme_widget_message_forwarded_from_name&quot; href=&quot;https://t.me/piracy6/21507&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;span&gt;黑洞资源笔记&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;image-list-container image-list-odd&quot;&gt;
      &lt;button type=&quot;button&quot; class=&quot;image-preview-button image-preview-wrap&quot; popovertarget=&quot;modal-2038-0&quot; popovertargetaction=&quot;show&quot; aria-label=&quot;Open image preview: 一个动画图标库，让你的图标动起来&quot;&gt;
        &lt;img src=&quot;/static/https://cdn5.telesco.pe/file/aqC51p81bPIMQabQ1-gHoCiMv-lmNjtgr_UayHSgDuKdeGHGOtt7Z7RL04XH1nwyPXoCuwZ3qLy9CaEtbtbxqWe1ue4h-dl6yYZOGBsnY6X1tJn3ChnUES51D9CfEY41LgZWK7L-kiUc_zgCiMD4W4kv-PUqb2fUJDyRIFOAClRJuUWkKoM2Id3EirishIxKQdXk0XqxjTBsScvPXZvm0XnGljEOzEaWM6B6zXj-UT9L3qOhOZkYR0ibpOzI57sFIZeJhX_cOzhUBBzGZzit_o68VDneLE_9Cs45sXlK512hHz1y61ntqCcU-36I9dc0lGXabEpMgN5efBPTySx74w.jpg&quot; alt=&quot;一个动画图标库，让你的图标动起来&quot; width=&quot;800&quot; height=&quot;778&quot; loading=&quot;eager&quot; /&gt;
      &lt;/button&gt;
      &lt;div class=&quot;modal&quot; id=&quot;modal-2038-0&quot; popover=&quot;auto&quot; aria-label=&quot;Image preview&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;modal__backdrop&quot; popovertarget=&quot;modal-2038-0&quot; popovertargetaction=&quot;hide&quot; aria-label=&quot;Close image preview&quot;&gt;&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;modal__close&quot; popovertarget=&quot;modal-2038-0&quot; popovertargetaction=&quot;hide&quot; aria-label=&quot;Close image preview&quot;&gt;×&lt;/button&gt;
        &lt;div class=&quot;modal__surface&quot;&gt;
          
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;一个动画图标库，让你的图标动起来。&lt;br /&gt;&lt;br /&gt;多平台：支持所有设备、网站、安卓和 iOS。&lt;br /&gt;响应式设计：各种尺寸的设备中的动画无损质量。&lt;br /&gt;基于32px网格：可编辑的 Lottie .json 文件。整个图标是完全响应的。&lt;br /&gt;SVG &amp;amp; Lottie：动画包包括SVG和Lottie中的文件格式&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://useanimations.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;主页&quot;&gt;主页&lt;/a&gt; | &lt;a href=&quot;/search/result?q=%23%E5%9B%BE%E6%A0%87&quot; title=&quot;#图标&quot;&gt;#图标&lt;/a&gt;</content:encoded></item><item><title>前端挑战或技能CodePen  -使用我们的在线代码编辑器构建，共享和学习JavaScript，CSS和HTMLFrontend Mentor -通过构建真实的项目来提高您的前端技能</title><link>http://shenzjd.com/posts/61</link><guid isPermaLink="true">http://shenzjd.com/posts/61</guid><pubDate>Thu, 09 Sep 2021 00:01:29 GMT</pubDate><content:encoded>&lt;div class=&quot;tgme_widget_message_forwarded_from accent_color&quot;&gt;Forwarded from &lt;a class=&quot;tgme_widget_message_forwarded_from_name&quot; href=&quot;https://t.me/piracy6/12998&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;span&gt;黑洞资源笔记&lt;/span&gt;&lt;/a&gt; (&lt;span class=&quot;tgme_widget_message_forwarded_from_author&quot;&gt;tieliu1998&lt;/span&gt;)&lt;/div&gt;前端挑战或技能&lt;br /&gt;&lt;a href=&quot;https://codepen.io/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;CodePen&quot;&gt;CodePen&lt;/a&gt;  -使用我们的在线代码编辑器构建，共享和学习JavaScript，CSS和HTML&lt;br /&gt;&lt;a href=&quot;https://www.frontendmentor.io/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Frontend Mentor&quot;&gt;Frontend Mentor&lt;/a&gt; -通过构建真实的项目来提高您的前端技能。解决现实世界中的HTML，CSS和JavaScript难题，同时致力于专业设计。&lt;br /&gt;&lt;a href=&quot;https://moeminm.github.io/goodcode/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Good Code&quot;&gt;Good Code&lt;/a&gt; -浏览数十种前端编码挑战，并附带Adobe XD文件和样式指南。&lt;br /&gt;&lt;a href=&quot;https://codier.io/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;codier&quot;&gt;codier&lt;/a&gt; -探索并尝试前端编码挑战。&lt;br /&gt;&lt;a href=&quot;https://cssbattle.dev/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;CSS之战&quot;&gt;CSS之战&lt;/a&gt; -CSS代码查询在这里！使用您的CSS技能以尽可能小的代码复制目标。随时检查以下目标，并测试您的CSS技能。&lt;br /&gt;&lt;br /&gt;字体和印刷术&lt;br /&gt;&lt;a href=&quot;https://fonts.google.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Google字体&quot;&gt;Google字体&lt;/a&gt; -免费和易于使用的Webfonts的第一大资源。&lt;br /&gt;&lt;a href=&quot;https://fontsarena.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Fonts Arena&quot;&gt;Fonts Arena&lt;/a&gt;- 免费字体，高级字体的免费替代品，针对您的研究需要的文章。&lt;br /&gt;&lt;a href=&quot;https://fontjoy.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Fontjoy&quot;&gt;Fontjoy&lt;/a&gt; -Fontjoy帮助设计师选择最佳的字体组合。混合并匹配不同的字体以实现完美的配对。&lt;br /&gt;&lt;a href=&quot;https://fontpair.co/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;FontPair&quot;&gt;FontPair&lt;/a&gt; -字体对可帮助设计师将Google字体配对在一起。漂亮的Google字体组合和对。&lt;br /&gt;颜色和工具&lt;br /&gt;&lt;a href=&quot;https://coolors.co/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Coolors&quot;&gt;Coolors&lt;/a&gt; -为您的设计生成或浏览漂亮的色彩组合。&lt;br /&gt;&lt;a href=&quot;https://www.0to255.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;0to255&quot;&gt;0to255&lt;/a&gt;- 一种颜色工具，可轻松使颜色变浅和变暗。&lt;br /&gt;&lt;a href=&quot;https://colorcolor.in/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;color x color&quot;&gt;color x color&lt;/a&gt;- 一种为UI创建可访问的颜色系统的工具&lt;br /&gt;&lt;a href=&quot;https://www.colorsandfonts.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;颜色和字体&quot;&gt;颜色和字体&lt;/a&gt; -查找颜色和版式组合，随时可以一键复制粘贴。&lt;br /&gt;&lt;a href=&quot;https://mycolor.space/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;ColorSpace&quot;&gt;ColorSpace&lt;/a&gt;- 生成漂亮的调色板。&lt;br /&gt;&lt;a href=&quot;https://cssgradient.io/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;CSS Gradient&quot;&gt;CSS Gradient&lt;/a&gt;- 免费的CSS渐变生成器工具。&lt;br /&gt;&lt;a href=&quot;https://github.com/iamismile/web-dev-resources/blob/main/uigradients.com&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;uiGradients &quot;&gt;uiGradients &lt;/a&gt;-为设计人员和开发人员精心挑选的一组美丽的颜色渐变。&lt;br /&gt;&lt;br /&gt;图像资源区&lt;br /&gt;&lt;a href=&quot;https://unsplash.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Unsplash&quot;&gt;Unsplash&lt;/a&gt;  - Free images and photos.&lt;br /&gt;&lt;a href=&quot;https://www.pexels.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Pexels&quot;&gt;Pexels&lt;/a&gt;  - Free stock photos.&lt;br /&gt;&lt;a href=&quot;https://pixabay.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Pixabay&quot;&gt;Pixabay&lt;/a&gt; - Free image or video.&lt;br /&gt;&lt;a href=&quot;https://loading.io/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;LOADING.IO&quot;&gt;LOADING.IO&lt;/a&gt; - 针对项目的免费微调器&lt;br /&gt;&lt;a href=&quot;https://lottiefiles.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;LottieFiles&quot;&gt;LottieFiles&lt;/a&gt; -lottifiles是一个为Lottie设计的动画集合——给开发者调试的日子已经一去不复返了&lt;br /&gt;&lt;a href=&quot;https://www.remove.bg/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;removebg&quot;&gt;removebg&lt;/a&gt; - 去除图像背景&lt;br /&gt;&lt;a href=&quot;https://github.com/iamismile/web-dev-resources/blob/main/removephotodata.com&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Remove Photo Data&quot;&gt;Remove Photo Data&lt;/a&gt; 2 - 在网上分享照片之前，请先删除照片上的个人资料&lt;br /&gt;&lt;a href=&quot;https://www.befunky.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;befunky&quot;&gt;befunky&lt;/a&gt; - BeFunky的一体化在线创意平台有您需要的一切轻松编辑照片，创建图形设计，并使照片拼贴&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;/search/result?q=%23%E6%8F%92%E5%9B%BE&quot; title=&quot;#插图&quot;&gt;#插图&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://undraw.co/illustrations&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;unDraw&quot;&gt;unDraw&lt;/a&gt; - 浏览以找到适合您需要的插图，并单击下载&lt;br /&gt;&lt;a href=&quot;https://www.manypixels.co/gallery/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;manypixels&quot;&gt;manypixels&lt;/a&gt;，免费插图，为您的项目提供动力。以商业或非商业的方式使用它们，用于登陆页面、博客帖子、电子邮件通讯、社交媒体图形等&lt;br /&gt;&lt;a href=&quot;https://www.drawkit.io/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;DrawKit&quot;&gt;DrawKit&lt;/a&gt;  - 为您的下一个完美项目手绘矢量插图和图标资源。&lt;br /&gt;&lt;a href=&quot;https://www.freepik.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;freepik&quot;&gt;freepik&lt;/a&gt; - 免费的图形资源&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;/search/result?q=%23%E5%9B%BE%E6%A0%87&quot; title=&quot;#图标&quot;&gt;#图标&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://ionicons.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Ionicons&quot;&gt;Ionicons&lt;/a&gt; - 开源的MIT许可图标包.&lt;br /&gt;&lt;a href=&quot;https://fontawesome.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Font Awesome&quot;&gt;Font Awesome&lt;/a&gt; - 矢量图标和社会标志&lt;br /&gt;&lt;a href=&quot;https://material.io/resources/icons/?style=baseline&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Material Icons&quot;&gt;Material Icons&lt;/a&gt; - 材质图标是常见动作和物品的精美精美设计符号。在桌面上下载可在Android，iOS和Web的数字产品中使用它们&lt;br /&gt;&lt;a href=&quot;https://icons8.com/icons&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;icons8&quot;&gt;icons8&lt;/a&gt; - 下载PNG和SVG中的免费图标&lt;br /&gt;&lt;a href=&quot;https://www.flaticon.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;flaticon &quot;&gt;flaticon &lt;/a&gt;- SVG，PSD，PNG，EPS格式或图标字体的免费矢量图标。&lt;br /&gt;&lt;a href=&quot;https://tablericons.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Tabler Icons&quot;&gt;Tabler Icons&lt;/a&gt; - 完全可定制的免费SVG图标&lt;br /&gt;&lt;a href=&quot;https://icofont.com/icons&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;icofont&quot;&gt;icofont&lt;/a&gt; - 2100多种免费图标，为您的创意设计增添趣味&lt;br /&gt;&lt;a href=&quot;https://simpleicons.org/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Simple Icons&quot;&gt;Simple Icons&lt;/a&gt; - 1463个流行品牌的免费SVG图标</content:encoded></item></channel></rss>