苹果电脑用什么免费软件开发前端 Web开发、前端设计有哪些优质资源?

[更新]
·
·
分类:互联网
3751 阅读

苹果电脑用什么免费软件开发前端

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

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

做前端设计、网页设计的,素材永远很重要。因为素材的美观程度往往直接决定了网页页面的风格、整洁度、色调等等。
我大学时候,在一家非常小型的创业公司实习。公司人员只有几个,所以在那时我基本上算是独立开发了一个旅游酒店订购平台,前端设计、后端开发、公众号开发等等都涉及,那段时间基本是我最全能的时候了。
所以当时我也收集了许多的前端素材,在这里一并分享给大家。
一、图标类
每一个Web开发者,尤其是前端开发人员一定都会需要icon图标来为项目增色。
Font Awesome IconsFont Awesome提供可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
Icon Monster特点:免费,高质量,。非常简洁的icon图标库。
IconFinder这是一个比较有设计感的Icon图库,并且已经打包分类好,缺点是只有部分是免费的。个人觉得里面免费的图库也已经够用了。
附上圣诞特辑!
Iconfont-Alibaba阿里巴巴UX部门推出的矢量图标管理网站,也是国内首家推广Webfont形式图标的平台。这个相信大家都用过!
二、图片素材
无版权限制的图片素材
PEXELSPexels可以说是图片素材界的超级网红了,说到图片肯定哪里都有它,我自己都推荐好几次了。可以免费下载各种各样的分辨率,包括原图尺寸。
网址:()
例如搜索:圣诞节(Christamas)
PNGimg这个主要用作素材,是不同种类的无背景素材图片!直接可以免费用。注意它是全部都是无背景图片,非常适合那些需要PNG透明底配图的。
()
例如搜索:Birds
KaboomPicsKaboomPics是以生活化免费高质量图片素材为主的图片素材库。里面的图片都是摄影爱好者摄影后通过审核上传的。并且可以应用于任何项目,没有版权限制。
自媒体可以从中找封面图,摄影爱好者也可以从中欣赏或着学习。
Unsplash()
先这样~希望这些资源对你有帮助,下次还会更新一些web开发的常用工具。
如果有帮助,欢迎关注我以示支持,也以防错过下一波干货!~

Mac下大家都用什么工具开发HTML5?


免费的终端神器, 然后安装好zsh和oh-my-zsh开启你的程序员之路吧,前端也可以用

是incident57开发的一套前端开发助理工具,能够自动编译Less, Sass等前端代码,可以对js文件进行合并
,压缩
,语法检查
工作,支持Compass
(Sass
),对 格式图片进行压缩优化,代码编辑过程中可自动刷新浏览器查看效果

用来追踪请求,查看返回数据,还可以看各种请求地址里的文件,前端必备
4.homebrew
用来安装各种插件和软件包
5.dash
各种api文档,配合alfred
查找效果更佳哦
6.vscode
编辑器配合插件,前端写代码必备,插件基本上满足日常需求,还能配合zsh和iterm2使用,虽然是微软开发的,感觉比windows上好用,,当然也会有人推荐sublime和coda2
插件-cutterman
一键切图简单高效

方便截图,然后保留在一个区域,随时取用
9.hype3
快速设计html5特效

快速查各软件快捷键,提高效率

mac上比较好的svn软件
12.WeFlow
是一个 GUI 的前端工具,其功能和用法可以参考市面上比较出名的一款软件:CodeKit

颜色拾取,方便快捷,还可以存储历史值和配色
14.pixelmator
比ps小但功能满足需求的软件,偏设计的前端可以使用
-----------------------------------我是分割线,不算是Mac专属的插件-----------------------------------
插件anywhere
简单安装简单操作,搭建简单服务器,仅需兩步 npm install anywhere -g
在项目目录下 anywhere 8080
2.vscode插件,
live html边改边看页面效果,chrome也有类似插件live
插件,browserstack,
在云端测试各种浏览器,比如ierestlet Client
,调试接口;animation
,开发工具调试css3动画
---------------------------------------------------------------------------------------------------------------
等等还有许多小软件和chrome插件配合开发使用,美哉
--------2017.07.15新增---------------------------------------------
paw
:前端请求数据,调试API工具,功能比postman更强大
legoflow
:前端构建化软件,可搭配vue,webpack使用
snippetslab
:存储代码片段,快捷指令输出
panel
:复制粘贴神器,合理保存历史记录
textexpander
:高效的输出指令工具,帮助提高输入
sketch
:偏向设计的前端必备设计软件
password2
:记录密码,帮助快捷登录
codekit
:代码构建工具
--------2019.01.16新增---------------------------------------------
compresser:
前端万能压缩
regex101:
正则可视化工具
snippetsLab
:代码片段收集管理
switchHosts!:
切换host