前端工程师必备实用网站

news/2024/5/10 0:31:31/文章来源:https://blog.csdn.net/weixin_30666401/article/details/95771001

一、配色类网站

http://colorhunt.co

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

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://588ku.com/

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

https://unsplash.com/

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

五、字体类网站

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

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

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

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

 

转载于:https://www.cnblogs.com/baidaye/p/6053474.html

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

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

相关文章

Chrome 清除某个特定网站下的缓存

打开开发者工具(F12),选择 Network——Disable cache 即可。需要清除某网站缓存时 F12 打开开发者工具就会自动清除这个网站的缓存,而不必清除所有网站的缓存了。

如何使用云虚拟主机建设网站?

1. 购买云虚拟主机。 我选择的是阿里云虚拟主机,所以首先进入阿里云虚拟主机产品页面。根据自己的业务需要,选择购买主机产品。 共享版虚拟主机和独享版虚拟主机的主要区别: 共享版云虚拟主机:资源共享,空间较大&#…

寿力:能为企业创造价值的网站才值得投资

为回馈阿里云新老客户,空谷长期在阿里云市场提供的服务—高端定制网站建设现已加入云市场双十一大促活动。11月6日至11月12日,下单立返3000现金红包,送3000元SEO优化方案—让网站被更多的人看到,更有华为Mate 20X/小米笔记本/Ipad…

使用drupal8架设网站

为什么80%的码农都做不了架构师?>>> 首先安装qampp,包括apache、php、mysql、tomcat、perl等组件。 请将mvn目录下的dll全部复制到apache下面,不然会报错。 将php.ini中的max_exe设置为120秒以上,不然会报错。 将iis占…

网站主题包怎么上传到服务器,WordPress网站主题(模板)上传安装

日期:2020年3月1日01:31:43观看: 1.8K看WordPress网站主题(模板)上传安装WordPress网站主题(模板)上传安装目录WordPress主题模板上传安装注意事项WordPress模板上传安装视频教程WordPress模板哪里有WordPress模板上传WordPress模板安装WordPress模板说明…

大型网站架构原理理解

1.大型网站架构分析 网站在大流量的访问时通过负载均衡将流量分发到各地区、不同性能的服务器上进行处理,有效解决大流量的并发的请求。 架构图: 原理 客户端访问时,通过CDN和DNS加速访问得到回源信息,通过信息将会访问到服务器…

组件化模块化建站系统,用户无需懂程序,像搭积木一样就能构建自己的网站!

一年多没有更新自己的博客了,其实早在两年前就萌生了自己做一套方便做网站的工具,因为这套工具的核心是组件,所以停更了博客,专注组件的制作,目前整个建站的工具已经开发完毕,在这里简单介绍下使用方法&…

支持多语言网站实现方案

为什么80%的码农都做不了架构师?>>> 一、每一种语言建设一套网站。 静态:就是为每种语言分别准备一套页面文件,通过子目录来区分不同语言。用户选择了需要的语言后,自动跳转到相应的页面。 优点:页面直接输…

十大在线编程学习网站

目前的教育领域,受移动互联网的冲击,MOOC的理念正在风行,但事实却稍显疲软,不尽如人意。相比美国式的全民热衷,国内的线上教育却还流于形式。其他教育尚且如此,移动开发教育更不用谈。在这种情况下&#xf…

亿级流量网站架构核心技术【笔记】(一)

一、交易型系统设计的一些原则1.在设计系统时,应该多思考墨菲定律:* 任何事情都没有表面看起来那么简单* 所有的事都会比你预计的时间长* 可能出错的事总会出错* 如果你担心某种情况发生,那么它就更有可能发生2.系统划分时,要思考…

亿级流量网站架构核心技术【笔记】(二)

九、应用级缓存A.缓存简介1.先从缓存中读取数据,如果没有,再从慢速设备上读取实际数据并同步到缓存2.经常读取的数据、频繁访问的数据、热点数据、I/O瓶颈数据、计算昂贵的数据、符合5分钟法则和局部性原理的数据都可以缓存B.缓存命中率1.缓存命中率从缓…

php教育网站设计案例_酒店室内设计,酒店装修网站,酒店空间设计案例

酒店选址可行性评估酒店日后的运营来说至关重要,它也是将来酒店能否实现盈利的重要保障,所以一定要选择商业集中、经济发达、交通便利的地方进行投资,这样才能为酒店提供大量的顾客群,当然除了选址,酒店内部的经营管理…

你的第一个网站

现在的你,看完了我的上一篇博客,我相信你已经学会了如何安装软件包以及如何创建骨架项目目录。 现在的我,将教你创建你的第一个网站。 安装的软件包是lpthw.web,这是你要安装的"Web框架"。 在命令符中安装,输…

移动电子商务网站可用性-首页和导航

转载说明:Get Elastic是关注于电子商务的设计网站,访问速度有点慢,有些经典文章转载到这里,方便查阅原文链接: http://www.getelastic.com/mobile-home-page-navigation/While most retailers have enough challenge optimizing f…

移动电子商务网站可用性-搜索结果和分类页

原文链接: http://www.getelastic.com/mobile-search-category-pages/This is the second installment of a 4 part series on mobile commerce design and usability: Part 1: Home Pages and Navigation Part 2: Search and Category Pages Part 3: Product Pages and Cart S…

移动电子商务网站可用性-商品页面和购物车

原文链接: http://www.getelastic.com/mobile-commerce-usability-product-pages-and-cart-summary/This is the third installment of a 4 part series on mobile commerce design and usability: Part 1: Home Pages and Navigation Part 2: Search and Category …

移动电子商务网站可用性-表单和支付流程

原文链接: http://www.getelastic.com/mobile-forms-checkout/This is the final installment of a 4 part series on mobile commerce design and usability… Part 1: Home Pages and Navigation Part 2: Search and Category Pages Part 3: Product Pages and Ca…

页面设计:响应式设计电子商务网站案例学习

响应式设计技术已经比3年前更加成熟而且有了更多的设计、测试工具和设计框架和样式。 不过这些设计大部分用在一些阅读、Blog、简单门户网站中,在电子商务领域少有涉及。 国内大中型电子商务网站基本上没有使用响应式设计的技术。 不过,今天看到一个国外…

3个优秀响应式设计网站推荐:电子商务、主题活动、科技资讯

分享3个设计简洁优雅、配色干净利落、技术细腻的响应式设计网站: Cloggs,电子商务类 https://www.cloggs.co.uk/,移动端为其带来30%的流量增长。Canvas大会,主题页面 http://2013.canvasconf.co.uk/,蓝宝石背景风格&am…

手机端整张显示出来_手机网站建设要遵循的原则

随着移动互联网的发展,通过手机来浏览网站的用户越来越多了,而且移动互联网的应用也越来越广泛,因此手机网站对企业的发展有很重要的影响。因为手机网站可以让用户随时随地浏览网站,那么企业做手机网站要注意些什么呢?…