web前端开发干货 Web开发、前端设计有哪些优质资源？

今天我爱编程网小编整理了web前端开发干货 Web开发、前端设计有哪些优质资源？相关信息，希望在这方面能够更好的大家。

Web开发、前端设计有哪些优质资源？

做前端设计、网页设计的，素材永远很重要。因为素材的美观程度往往直接决定了网页页面的风格、整洁度、色调等等。

我大学时候，在一家非常小型的创业公司实习。公司人员只有几个，所以在那时我基本上算是独立开发了一个旅游酒店订购平台，前端设计、后端开发、公众号开发等等都涉及，那段时间基本是我最全能的时候了。

所以当时我也收集了许多的前端素材，在这里一并分享给大家。

一、图标类

每一个Web开发者，尤其是前端开发人员一定都会需要icon图标来为项目增色。

FontAwesomeIcons

FontAwesome提供可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。

IconMonster

特点：免费，高质量,。非常简洁的icon图标库。

IconFinder

这是一个比较有设计感的Icon图库，并且已经打包分类好，缺点是只有部分是免费的。个人觉得里面免费的图库也已经够用了。

附上圣诞特辑！

Iconfont-Alibaba

阿里巴巴UX部门推出的矢量图标管理网站，也是国内首家推广Webfont形式图标的平台。这个相信大家都用过！

二、图片素材

无版权限制的图片素材

PEXELS

Pexels可以说是图片素材界的超级网红了，说到图片肯定哪里都有它，我自己都推荐好几次了。可以免费下载各种各样的分辨率，包括原图尺寸。

例如搜索：圣诞节（Christamas）

PNGimg

这个主要用作素材，是不同种类的无背景素材图片！直接可以免费用。注意它是全部都是无背景图片，非常适合那些需要PNG透明底配图的。

例如搜索：Birds 我爱编程网

KaboomPics

KaboomPics是以生活化免费高质量图片素材为主的图片素材库。里面的图片都是摄影爱好者摄影后通过审核上传的。并且可以应用于任何项目，没有版权限制。

自媒体可以从中找封面图，摄影爱好者也可以从中欣赏或着学习。

Unsplash

先这样~希望这些资源对你有帮助，下次还会更新一些web开发的常用工具。

如果有帮助，欢迎关注我以示支持，也以防错过下一波干货！~

干货分享！Web前端开发工具有哪些？

1、EnjoyCSS

EnjoyCSS 是一款非常简单的工具，尤其对于不擅长使用CSS的前端开发者来讲。它为用户提供了简单的 UI，让用户可以设计元素，并提供对应的 CSS 输出。

2、Postman

在前端开发的过程中，Postman可以说是必备的开发工具之一。它能在后端检查端点，而且非常好用。它的出色表现让我把它放到了这里。它包含的端点包括 GET、POST、DELETE、OPTIONS 和 PUT 之类。可以称之为绝对不能错过的一款工具。

3、Bit.dev

软件开发的一项基本原则是代码可重用性。这可以减少你的开发工作，因为你无需从头开始构建每个组件。这正是 Bit.dev 所做的。它使你可以共享可重用的代码组件和代码片段，从而减少开销并加快开发流程。它还允许在团队之间共享组件，这使你的团队可以与其他团队更好地协作。

4、StackBlitz

这是所有用户都比较喜欢的在线 IDE 工具。究其原因主要是它将我们最喜欢和最常用的 IDE引入了 Web 端。这个工具允许你一键设置 Angular、React、Ionic、TypeScript、RxJS、Svelte 和其他 JavaScript 框架。一键设置这个功能意味着开发者可以在极短的时间内开始编码。有了StackBlitz，你只需不到几分钟的时间就可以试用新的 NPM 软件包，而无需从头开始在本地创建项目，这就是他的优势所在。

以上就是青藤小编关于Web前端开发工具的全部推荐，大家要是想提高自己的工作效率，现在就赶紧用起来吧!

干货帖，Web前端开发框架有哪些

如果是纯移动端的话，zepto加frozenui加seajs挺好的。感觉bootstrap的响应式不适合纯移动端开发，因为太重了，对移动端载入速度影响很大，纯移动端还是小快灵比较好。
如果是做H5那种活动页，推荐用motion.js，挺好用的，效果赞赞的。
PC端的话，jq+bootstrap是个挺好的组合，或者用backbone也是挺普遍的，但是如果是开发企业管理系统那种的web页面可以考虑extjs，现在改名叫sencha了，组件多。相反，个人感觉react就不是很适合用来开发企业管理系统。
react现在很火，发展也很快，可以先学习学习，不过react只是View这一层，是个库，并不是一个完整的框架。而Angular可以说是个大而全的框架，但是载入速度相对比较慢，还有就是Angular 2.0和1.0有很大不同，几乎是个推翻重做的感觉，所以现在如果用1.x的话，感觉会比较尴尬。
另外，模块化的话，用seajs的也挺多。
还有就是可以多关注一下打包工具，grunt，gulp和百度开发的FIS。

以上就是我爱编程网小编给大家带来的web前端开发干货 Web开发、前端设计有哪些优质资源？全部内容，希望对大家有所帮助！