百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

再来一次,新 10 个“哇塞”的 web 资源,收藏等于学会

zhezhongyun 2024-12-03 06:25 32 浏览

上一篇《推荐 10 个很“哇塞”的Web“资源”给前端工友,收藏等于学会~》 各位工友响应积极,看来大家对于好的资源从不手软哈! 哇哈哈!

放一张数据统计:

啊?点赞数和收藏数差这么多???让我康康是哪些个工友这么没礼貌,只收藏,不点赞??? 不许再这样了哈~~ 本篇一定!!(暗示)

闲言少叙,本篇带来新 10 个“哇塞”的 web 资源,冲了!!! (??????)??

1.responsively

responsively 是干嘛吃的?一张图你就懂了:

你可以在上面输入你的 web 网站,一次性查看它在各个设备下的响应式布局表现~

并且支持自定义选择设备、导出为图片等;响应式布局,一个界面尽收眼底! 再也不用在搁控制台那儿拉来拉去了~~

UI 妹纸看到了都直呼 !!github star 13k+

2.figlet

想在控制台上玩点花样,figlet 就不容错过了~~

在项目中 npm install figlet (分清环境:node/Vue/Browser);

还有更多配置项可以去探究;

该库的周下载量稳定在 800k 左右,太猛了!还不快点在你的项目中用起来,产品经理忍不住夸一句:“细节!”

3.readme.so

顾名思义,readme.so 这个用来快捷生成标准 README 的~

在左侧编辑,在右侧预览,README 必备的各个要素一应俱全;规范!标准!好看!

还支持下载到本地;有了这个,还有人不会写 README 嘛?

4.smalldev

这类开发辅助工具还算是挺常见的,不过 smalldev 的优势就是 功能全、颜值高、没广告

代码分享床、JSON 格式化、base64 加解密、HTML/JS/CSS 格式化、压缩 SQL、生成占位图、生成测试数据等等;

5.smartmockups

据说 smartmockups 是:最好的产品模板生成工具,能创建令人惊艳的产品模板!

除了放置图片,还可以放置网页(自动捕获内容);

把我的主页放上去,嗯,效果不错,应该是这样用的!(妈妈,我上电视了~)

6.pfpmaker

头像处理神器!效果可百变!

本瓜给好基友阿詹做做头像:

实际产生的处理结果比截图上的多得多,还支持自定义,全凭你的奇葩色彩搭配喜好~~ (? ω ?)

7.storytale

高级插图,百看不厌;

各种画风,妙趣横生;

就不再一一截图了,open the link 试一试便知;

不过就是下载要收费。。。。。。但是也可以 alt+A 或者 PrtSc 啊

8.type-scale

type-scale 这个网站用于把不同字体大小,rem 和 em 值的差异进行可视化展现,支持实时预览;

适合细扣像素级的前端仔们,或者适合想和 UI 妹纸一起看字体效果的前端仔们;

9.remove-bg

本瓜的第一条沸点就是推荐这个网站,此去已经 2 年;

网站都已经改版了,但是效果是依旧的好!

扣背景图,认准 remove-bg !

10.metatags

你可以在这个网站上预览自己的站点在其它平台的展示效果;

虽然它目前支持的都是国外的社交 App,但是也为我们提供了一个好的思路:“可以把它抄过来呀!”

绝对是一个很好的工具,把开发者的链接在其它平台的表现进行预览展示,妥妥的 刚需!


好啦,以上便是本次分享,针不戳~ 希望你也能用这些工具用的开心 o( ̄▽ ̄)ブ

我是掘金安东尼:

一名人气前端技术博主(文章 100w+ 阅读量)

终身写作者(INFP 写作人格)???

坚持与热爱(简书打卡 1000 日)

陪你一起度过漫长技术岁月吧(以梦为马)

觉得不错,点个赞吧(您的三连,我最大的动力 )

相关推荐

JPA实体类注解,看这篇就全会了

基本注解@Entity标注于实体类声明语句之前,指出该Java类为实体类,将映射到指定的数据库表。name(可选):实体名称。缺省为实体类的非限定名称。该名称用于引用查询中的实体。不与@Tab...

Dify教程02 - Dify+Deepseek零代码赋能,普通人也能开发AI应用

开始今天的教程之前,先解决昨天遇到的一个问题,docker安装Dify的时候有个报错,进入Dify面板的时候会出现“InternalServerError”的提示,log日志报错:S3_USE_A...

用离散标记重塑人体姿态:VQ-VAE实现关键点组合关系编码

在人体姿态估计领域,传统方法通常将关键点作为基本处理单元,这些关键点在人体骨架结构上代表关节位置(如肘部、膝盖和头部)的空间坐标。现有模型对这些关键点的预测主要采用两种范式:直接通过坐标回归或间接通过...

B 客户端流RPC (clientstream Client Stream)

客户端编写一系列消息并将其发送到服务器,同样使用提供的流。一旦客户端写完消息,它就等待服务器读取消息并返回响应gRPC再次保证了单个RPC调用中的消息排序在客户端流RPC模式中,客户端会发送多个请...

我的模型我做主02——训练自己的大模型:简易入门指南

模型训练往往需要较高的配置,为了满足友友们的好奇心,这里我们不要内存,不要gpu,用最简单的方式,让大家感受一下什么是模型训练。基于你的硬件配置,我们可以设计一个完全在CPU上运行的简易模型训练方案。...

开源项目MessageNest打造个性化消息推送平台多种通知方式

今天介绍一个开源项目,MessageNest-可以打造个性化消息推送平台,整合邮件、钉钉、企业微信等多种通知方式。定制你的消息,让通知方式更灵活多样。开源地址:https://github.c...

使用投机规则API加快页面加载速度

当今的网络用户要求快速导航,从一个页面移动到另一个页面时应尽量减少延迟。投机规则应用程序接口(SpeculationRulesAPI)的出现改变了网络应用程序接口(WebAPI)领域的游戏规则。...

JSONP安全攻防技术

关于JSONPJSONP全称是JSONwithPadding,是基于JSON格式的为解决跨域请求资源而产生的解决方案。它的基本原理是利用HTML的元素标签,远程调用JSON文件来实现数据传递。如果...

大数据Doris(六):编译 Doris遇到的问题

编译Doris遇到的问题一、js_generator.cc:(.text+0xfc3c):undefinedreferenceto`well_known_types_js’查找Doris...

网页内嵌PDF获取的办法

最近女王大人为了通过某认证考试,交了2000RMB,官方居然没有给线下教材资料,直接给的是在线教材,教材是PDF的但是是内嵌在网页内,可惜却没有给具体的PDF地址,无法下载,看到女王大人一点点的截图保...

印度女孩被邻居家客人性骚扰,父亲上门警告,反被围殴致死

微信的规则进行了调整希望大家看完故事多点“在看”,喜欢的话也点个分享和赞这样事儿君的推送才能继续出现在你的订阅列表里才能继续跟大家分享每个开怀大笑或拍案惊奇的好故事啦~话说只要稍微关注新闻的人,应该...

下周重要财经数据日程一览 (1229-0103)

下周焦点全球制造业PMI美国消费者信心指数美国首申失业救济人数值得注意的是,下周一希腊还将举行第三轮总统选举需要谷歌日历同步及部分智能手机(安卓,iPhone)同步日历功能的朋友请点击此链接,数据公布...

PyTorch 深度学习实战(38):注意力机制全面解析

在上一篇文章中,我们探讨了分布式训练实战。本文将深入解析注意力机制的完整发展历程,从最初的Seq2Seq模型到革命性的Transformer架构。我们将使用PyTorch实现2个关键阶段的注意力机制变...

聊聊Spring AI的EmbeddingModel

序本文主要研究一下SpringAI的EmbeddingModelEmbeddingModelspring-ai-core/src/main/java/org/springframework/ai/e...

前端分享-少年了解过iframe么

iframe就像是HTML的「内嵌画布」,允许在页面中加载独立网页,如同在画布上叠加另一幅动态画卷。核心特性包括:独立上下文:每个iframe都拥有独立的DOM/CSS/JS环境(类似浏...