前端工程师必备的17个实用网站

news/2024/5/13 0:16:38/文章来源:https://blog.csdn.net/weixin_46007404/article/details/118669325

前端框架、素材网站

目录

一、配色类网站

二、图标类网站

三、插件类网站

四、素材类网站

五、字体类网站

六、工具类

        七、UI框架


UI框架:

  1. http://element-cn.eleme.io/#/zh-CN/component/typography
  2. https://muse-ui.org/#/zh-CN
  3. https://youzan.github.io/vant/#/zh-CN/intro
  4. http://amazeui.org/
  5. http://sui.taobao.org/sui/docs/
  6. https://github.com/iview/iview-admin

图标类网站:

  1. http://www.iconfont.cn/plus
  2. http://www.easyicon.net/iconsearch/ios/
  3. http://www.thinkcmf.com/font/search.html

素材类网站:

  1. http://588ku.com/
  2. https://unsplash.com/

配色类网站:

  1. http://colorhunt.co
  2. https://webgradients.com/
  3. https://color.adobe.com/zh/create/color-wheel
  4. http://www.colorhunter.com/
  5. http://www.bootcss.com/p/websafecolors/
  6. http://www.sioe.cn/yingyong/yanse-rgb-16/

插件类网站:

  1. http://www.jq22.com/
  2. http://www.htmleaf.com/
  3. http://www.layui.com/
  4. http://www.h-ui.net/index.shtml

字体类网站:

  1. http://www.youziku.com/onlinefont/index
  2. http://www.psjia.com/pssc/fontxz/list_18_3.html

工具类:

  1. http://tool.lu/
  2. http://www.xueui.cn/design/online-tools
  3. https://tinypng.com/
  4. http://www.css88.com/

一、配色类网站

http://colorhunt.co

图片
图片

https://webgradients.com/

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

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

图片
图片

http://www.colorhunter.com/

图片图片

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

图片
图片

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

图片
图片

二、图标类网站

http://www.iconfont.cn/plus

图片
图片

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

图片
图片

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

图片图片

三、插件类网站

http://www.jq22.com/

图片图片

http://www.htmleaf.com/

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

http://www.layui.com/

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

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

图片图片

四、素材类网站

http://588ku.com/

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

https://unsplash.com/

图片图片

五、字体类网站

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/

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

http://www.css88.com/

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

七、UI框架

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

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

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

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

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

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

http://amazeui.org/

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

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

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

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

iView admin是基于Vue.js,搭配使用iView UI组件库形成的一套后台集成解决方案
更多详情 https://github.com/poetries/mywiki

原文出处:https://mp.weixin.qq.com/s/UVbSY2SiSqnmrFN1JJyK6A

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

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

相关文章

搭建网站必不可少的知识5

域名的解析和绑定方法解析就是将网站的IP地址翻译为域名,方便记忆。我们在域名和网站空间购买后就要进行解析了,那么怎么解析呢?在域名中选择要进行解析的域名,点击“解析” 点击“添加解析”记录类型是A记录,主机记录…

html一个页面中切换多个页面_一个页面多个重复链接,对SEO有作用吗?

在以往的SEO工作中,我们经常会发现一个问题,很多SEO人员,为了提高目标页面的关键词排名,经常是在同一页面,发布大量重复指向目标页面的链接。 那么,一个页面,多个重复链接,对SEO有作…

大型网站技术架构

最近我在阅读 2 本关于大型网站架构的书:《大型网站技术架构——核心原理与案例分析》李智慧、《大型网站系统与 Java 中间件实践》曾宪杰。 我期望从这些书中学习到大型网站是如何做架构的,这个过程会遇到什么问题。当看完这 2 本书后,我总结…

云服务器 ECS 搭建WordPress网站:安装 WordPress

云服务器 ECS 搭建WordPress网站:安装 WordPress 安装 WordPress请先下载最新版的 WordPress,网址: https://cn.wordpress.org/ 。也可直接到阿里云市场选择WordPress镜像完成一键部署 操作步骤 1.将下载的安装包解压缩。 2.打开 Xshell&…

我的网站搭建 (第九天) 博客统计排行

2019独角兽企业重金招聘Python工程师标准>>> 在阅读计数功能之后,就可以可根据每篇博客的阅读量来对博客进行热门统计排行了,如阅读周榜,月榜,总榜。基本上只要实现其中一个,其他两个也能照着做出来&#x…

网站服务器去掉小尾巴,新浪微博来自360浏览器怎么取消 更改网页版小尾巴方法...

当大家使用电脑登录新浪微博发微博时,会发现微博下方会有来自360安全浏览器的文字,看上去很坑爹有木有!其实这也算是微博的小尾巴,去掉的方法并不是在微博里设置,而是在大家使用360浏览器上进行更改,小编将…

VS“新建网站”与“新建Asp.Net Web 应用程序”的区别

今天新建网站的时候,发现,原来新建网站有两种方法。 1.原来一直用的是直接新建---网站 然后添加后解决方案的项目名称是路径的名称 2.还有一种是新建--项目,然后选web--新建asp.net.web 项目名称是: 新建网站与新建Asp.Net Web 应…

怎样拥有一个网站?从“域名注册”到“网站成功运行”全程概况总结!

根据个人多年建站经验,总结出从“域名注册”到“网站成功运行”的建站说明,供广大朋友学习,希望大家少走弯路! 大概步骤如下: 1.注册域名; 2.开通网站主机(空间); 3.…

VS发布网站时,报错提示:“未能将文件xxx复制到xxx,未能找到文件xx”三种解决方案!

发布网站时候大家可能会遇到这样的情况,就是报错提示说:“未能将文件xxx复制到xxx,未能找到文件xx”,这个问题一般来说有三种解决方案,个人倾向第三种,如图: 解决方案如下: 方案一、…

ASP.NET网站页面加载及运行效率等多方面实战优化

网站加载内容较多,图片、Flash等文件较大、请求次数较多、页面不具有缓存性等等都会影响网站的页面加载速度和运行效率。之前做过很多网站,但是基本上都没有进行过优化,比如运用缓存等技术。最近有一个网站加载内容比较多,例如图片…

2015年个人收获-成果、经验分享(项目经理、集成资质、网站开发、服务器等)

2015年,对我来说是忙碌的一年,是幸运的一年,是收获的一年。 一、坚持写CSDN博客,将技术和遇到的问题分享给大家! 坚持写博客其目的主要有两个,一是为了自己积累知识和锻炼,而是为了和大家分享…

浏览器模式调整-网站显示问题根本解决方案(Winform和CMD程序解决)

相信大家上一些网站经常遇到网站错乱和控件显示不全的问题,那是因为很多网站对浏览器的兼容性比较差,特别是一些网上银行(中、农、工、商银行等)、公共服务网站(社保、公积金等政府网站)等,虽然…

仿“唯品会”钓鱼网站分析

引言: 昨天晚上,一个朋友找我说自己被骗了,了解到原来是打开了钓鱼网站输入了自己信息和银行卡信息,虽然到最后一步发现了猫腻,但是信息已经泄露出去了,据说是唯品会的卖家给她发的信息,说之前买…

asp.net政府企业网站前台+后台源码

最近几年比较流行这样的政府网站,一般以红色和蓝色为主,这里先展示红色的,包括前台和后台源码,后台可以增删改查前台发布的文章,管理用户,管理幻灯片,设置信息和超级链接等等,一般的…

CDN加速会影响网站排名吗?

网络环境复杂多变,为了满足业务快速发展的需要,许多企业会使用蔚可云CDN给网站、app加速,加快网站访问速度,提升用户体验。由于CDN会将网站内容分发至各个边缘节点,还会隐藏源站IP,CDN加速会不会影响网站排…

使用ThinkPHP框架快速搭建网站

使用ThinkPHP框架快速搭建网站这一周一直忙于做实验室的网站,基本功能算是完成了。比较有收获的是大概了解了ThinkPHP框架。写一些东西留作纪念吧。如果对于同样是Web方面新手的你有一丝丝帮助,那就更好了挖。 以前用PHP做过一个很蹩脚的网站&#xff0c…

如何一个人打造日PV百万的网站架构——SDCC 2013讲师曹力专访

编者按:CSDN年度技术盛宴SDCC 2013中国软件开发者大会将于2013年8月30-31日在北京新云南皇冠假日酒店举行。软件研发频道将采访一些与会讲师,谈谈他们将在会上分享的内容(报名参会)。 本期我们采访的讲师是糗事百科前联合创始人、…

电商网站,性能优化

电商网站,性能优化 问题: 1)当大型网站系统>10万人 一个小时内,会跟数据库交互10万次(国内有京东,淘宝),这就会出现数据库瓶颈,每个数据库最大连接数(socket&#xf…

java下的大型网站对图片的下载,存放,及压缩管理

大型网站对图片的下载,存放,及压缩管理 构建保存图片的路径: 1 String pathdir "/images/product/" productTypeId "/" productId "/prototype";//构建文件保存的目录 为什么要有那么多个目录,因…

网站制作的切图技巧

一般的网站制作步骤大体上为:设计效果图–》切图制作静态html模板–》嵌套至CMS,其中,切图虽然是很简单的一个步骤,但其中也有很多技巧,以下是我个人总结出来的几点。 总体上,把握一个原则,能用…