前端工程师必备实用网站

news/2024/5/13 13:18:50/文章来源:https://blog.csdn.net/qq_40126542/article/details/85231714

小编推荐:Fundebug专注于JavaScript、微信小程序、微信小游戏,Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务,众多大佬公司都在使用。

一、配色类网站

http://colorhunt.co

这个网站给我们提供了很多的配色方案,我们直接使用就OK了。使用方法也很简单,鼠标移动到对应的颜色上,我们就可以看到颜色的十六进制码,复制这个颜色到工具里就可以使用了。

 

 

https://webgradients.com/

180种渐变方案供你选择,还可以直接复制CSS样式应用到网页中

 

https://color.adobe.com/zh/create/color-wheel

这个是Adobe公司出的,他提供了多种配色方案。我们点击圆盘中间的点,就可以调整出我们想要的配色方案。

 

 

http://www.colorhunter.com/

这是一个提取现有图片配色方案的工具。我们上传一张图片,它就会帮我们把图片的配色提取出来供我们使用。

 

 

http://www.bootcss.com/p/websafecolors/

这个网站是为WEB设计,开发中经常用到的安全色。网站内列出了颜色的十六进制码和RGB码,复制粘贴就可以了。

 

 

http://www.sioe.cn/yingyong/yanse-rgb-16/

这是一个在线RGB和十六进制颜色码转换工具。在对应的位置填入十六进制代码,点击转换,我们就可以获取到RGB颜色的代码了。

 

 

二、图标类网站

http://www.iconfont.cn/plus

这是阿里巴巴旗下的图标库网站,直接搜索关键词就可以找到大批的图标。下载图标的时候我们还可以选择颜色、大小、格式,根据自己的需要下载就好了。

 

 

http://www.easyicon.net/iconsearch/ios/

这也是一个非常有名的图标库,与上面那个不同的是,这里的图标不是单一颜色的,而是设计好的颜色。下载图标也很简单,直接点击对应图标上面的格式就可以下载。

 

 

http://www.thinkcmf.com/font/search.html

奥森图标(Font Awesome)提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ,颜色,阴影。

 

 

三、插件类网站

http://www.jq22.com/

这个网站分享jQuery插件和提供各种jQuery特效的详细使用方法,在线预览,jQuery插件下载及教程

 

 

http://www.htmleaf.com/

这个网站与上一个网站类似,也提供了大量的jQuery插件

 

http://www.layui.com/

这是一个强大的模块化前端框架

 

 

 

 

http://www.h-ui.net/index.shtml

H-ui前端框架,一个轻量级前端框架,简单免费,兼容性好,服务中国网站。

 

 

四、素材类网站

http://588ku.com/

千库网,一个免费下载图片素材的网站

 

 

https://unsplash.com/

Unsplash是一个分享免费高质量照片的网站,照片分辨率都挺大,而且都是真实的摄影师作品,图片多是风景和静物。

 

五、字体类网站

http://www.youziku.com/onlinefont/index

有字库,一个免下载字体,直接在线引用字体的网站。

 

 

 

http://www.psjia.com/pssc/fontxz/list_18_3.html

PS字体库,包含了几乎所有类型的字体,下载好安装,PS中就可以使用了。

 

六、工具类

http://tool.lu/

一个在线工具网站,包含大量在线工具

 

http://www.xueui.cn/design/online-tools

方便好用的UI设计工具合集

 

https://tinypng.com/

一个在线图片压缩工具,可以批量使用

yasuo.png

http://www.css88.com/

各种前端类工具和技术文章

css88.png

七、UI框架

http://element-cn.eleme.io/#/zh-CN/component/typography

Element UI 是一套为开发者、设计师和产品经理准备的开源组件库。

 

WX20181024-131814.png

https://muse-ui.org/#/zh-CN

基于 Vue 2.0 优雅的 Material Design UI 组件库

 

WX20181024-132214.png

https://youzan.github.io/vant/#/zh-CN/intro

轻量、可靠的移动端 Vue 组件库

WX20181024-132635.png

http://amazeui.org/

中国首个开源 HTML5 跨屏前端框架

 

 

http://sui.taobao.org/sui/docs/

SUI 是一套基于bootstrap开发的前端组件库

 

 

https://github.com/iview/iview-admin

iView admin是基于Vue.js,搭配使用iView UI组件库形成的一套后台集成解决方案

【强力推荐】


作者:IT青年
链接:https://www.jianshu.com/p/53a7da454057
 

关于Fundebug

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了9亿+错误事件,得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_876846.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

去掉 JavaScript 后,亚马逊这些网站会变成这样

小编推荐:Fundebug提供JS错误监控、微信小程序错误监控、微信小游戏错误监控,Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务,众多大佬公司都在使用。 为什么我们应该重视“noscript”这个话题? 首先要澄清一下…

如何通过域名直接访问你的网站

喜欢你已经超过两分钟了,你说还能撤回吗? 每次进入自己的网站都要输入端口号,很不舒服。于是今天查了一下,怎么用域名直接访问自己的网站。 带端口和项目名称的访问方式如下: 例如:www.xxx.com:8080/项目…

建站模板推荐

今天终于把个人网站部署好了,有想做 个人网站可以参考一下 朱乐乐的网站 建站步骤: 下面给大家看一下阿里官方的网页模板。要收费,欣赏欣赏 阿里云提供企业案例,可直接选择心仪的,直接建站 点击此链接即可观看上方…

程序员实用的网站

福利 今天总结了很实用的一些网站,安利给大家: 我把这些网站书签已导出: 获取书签: 链接:https://pan.baidu.com/s/16COgtPnqGc8X__wlvgoXSQ 提取码:s9ih 下载好之后,打开浏览器导入书签。 …

免费主机,免费二级域名分发,免费建临时网站,免费扒网

给大家分享一点,没钱,没钱,没钱,新手喜欢的东西! 废话不多,安排! 免费主机 网址:彩虹云主机(免备案) 在这里可以填久一点,最好就90年&#xff…

全程追踪入侵JSP网站服务器

小 中 大 前段时间,应朋友之邀,我对他们托管的三台 服务器 的主机进行了测试,发现了JSP网站存在的几个问题。 入侵测试第一步:扫描扫描是入侵的第一步,它可以让你对即将入侵的目标有一个全面的了解。同时扫描还有可…

21天转型容器实战营(二十一基于AOS模板完成电商网站创建)

应用编排->交付->运维->治理全生命周期应用编排AOS:图形化编排,一键式部署实现企业业务快速上云和迁移AOS主要概念 云上的应用编排服务(Application Orchestration Service),可以通过设计复杂应用拓扑,实现复 杂应用的一键式部署。 模板:遵循AOS语法规范定…

流媒体之老黄谈流媒体服务与视频网站研发

今天应公司领导的要求做完了来公司的第三个项目流媒体服务与视频网站开发,接近年终,博客停更了好久,心里一直不甘,上周六和北理工的好兄弟安老板定下誓言,每天保证五篇技术博客的更新量,年终上线三大社区。…

大学四年因为知道了这32个网站,我成了别人眼中的大神!

转载于:https://blog.csdn.net/sinat_33921105/article/details/103899234 依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦😂,嗯&…

常用网站记录

代码复制粘贴 网址:https://paste.ubuntu.com/ 说明:在编程中,经常需要把代码复制粘贴到其他地方,使用该网站能很好的保持原格式,不出现乱码 如下图所示: 使用说明 Poster 此段代码名字(可随…

免费论文翻译网站——通天塔

本网站是一个开源的学术论文翻译网站,论文链接如下: http://tongtianta.site/ 一般可以先查看自己的论文是否在网站上已有翻译,如果没有再进行“添加翻译” 该网站有两个功能 第一:免费翻译 可以免费翻译论文,论文页…

中小型网站架构分析及优化

以上网站架构广泛运用中大型网站中,本文从架构每一层分析所用主流技术和解决手段,有助于初入网站运维朋友们,进一步对网站架构认识,从而自己形成一套架构概念。 第一层:CDN 国内网络分布主要南电信北联通,造…

网站打开速度优化-前端篇

今天我的www.phpsong.com的博客上线了,但是第一天上线就被人攻击,我直接吐血,强烈吐槽这个黑 减少http请求 具体的方式为 1.多个小图片合成一个大的图片然后又定位的方式取图片,专业点的叫法CSS sprites 2.多个css合并减少个数&am…

大型网站架构演变和知识体系

1、架构演变第一步:物理分离webserver和数据库 2、架构演变第二步:增加页面缓存 如用squid做页面缓存,或生产静态页面,不使用jsp 3、架构演变第三步:增加页面片段缓存 页面缓存失效情况比较多,因此可以使用…

bat脚本重启IIS中的网站

bat脚本实现重启IIS中的网站 echo off %1 mshta vbscript:CreateObject("Shell.Application").ShellExecute("cmd.exe","/c %~s0 ::","","runas",1)(window.close)&&exit cd /d C:\Windows\System32\inetsrv\ tas…

如何下载自己在浏览一些网站中喜欢的图片

如何下载自己在浏览一些网站中喜欢的图片 1.点击图片右键图片另存为相应位置即可 2.按F12,点击Element 点击最左上角选择 紧接着点击网站中想要的图片 会自动对应到相应图片代码中 如果出现了img信息,只需要右键open in new tap 如果没有img信息,则需…

设计师升职加薪必须知道的10个设计网站

设计行业经过几年的发展,已经进入到了相对成熟的时期。这无疑会对设计师有更高的要求和挑战。 随着AI的发展,设计甚至从有形的设计,转变为无形的设计。这就需要你对设计有更深刻的理解,理解设计的本质是沟通,设计源于人…

新手如何搭建淘宝客网站,实用教程

今天来聊聊如何快速搭建淘宝客网站,关于这类网站如何变现,如何转化,就不详细的说明了,今日主要聊聊网站的如何搭建教程,并且能够正常访问,简单学会这类方法之后,方便你以后可以搭建企业网站&…

免费自学编程的12个网站,不用再花钱啦

很多人包括一些企业家,和市场营销人员都认为学习编程对一个人走向成功十分有帮助。在过去的一年里,我一直在学习编程。它有助我成为一个更好的创业者,我甚至可以提供一些帮助,当我的团队需要解决一些bug的时候。 现在&#xff0c…

MySQL在大型网站的应用架构演变

可扩展性 架构的可扩展性往往和并发是息息相关,没有并发的增长,也就没有必要做高可扩展性的架构,这里对可扩展性进行简单介绍一下, 常用的扩展手段有以下两种: Scale-up : 纵向扩展,通过替换为更好的机器和…