美化
1.Carbon
carbon的功能就是可以把代码生成为非常优美的图片形式,便于展示和分享。导出时还可以选择图片的大小和类型等等。也就是网站所说的:Create and share beautiful images of your source code. Start typing or drop a file into the text area to get started.
网址:Carbon
2.Markdown Nice
md nice网站可以称之为排版神器了。有非常多的Markdown主题可以选择,还可以选择代码的显示风格,而且在最右边可以选择直接复制到微信公共号或者知乎等,新媒体工作者再也不用担心排版太乱被老板骂了。
3.XMind ZEN
大家对XMind应该都很熟悉了,不过今天推荐的是一款更加轻量级的思维导图工具,属于XMind旗下后推出的产品叫XMind ZEN。我自己使用快一年了,对比XMind来说,我觉得ZEN的特点一句话概括就是流畅又简洁、轻量且强大。内置的一些导图模板很不错,UI非常简洁和美观。我个人比较喜欢的一个功能叫ZEN模式,打开ZEN模式会切换到全屏并计时,方便我自己专注地复习和回顾导图知识。
与XMind pro版本的区别:
不知道为什么在官网没有找到下载链接,不过倒是在官网发现了一个东西哈哈哈哈哈哈。😄965。
学习&&效率
这一块分享一下学习和效率相关,主要是和前端有关。
1.在线工具
在线工具是一个在线的工具箱网站,什么都有,类似于站长之家吧。
2.Sprite Cow
Sprite Cow是一个针对前端开发中精灵图里各部分尺寸比较难确定的情况。将精灵图导入后选中你需要的部分,网页下方会自动生成相关的数据,非常方便快捷。
3.Frontend Masters
Frontend Masters是一个国外的前端培训网站,不需要墙也能打开。虽然是培训网站不过和国内培训网站不一样的地方在于,国内的培训网站都是中国Python之父廖雪峰、Java之父马士兵(狗头,但是Frontend Masters的授课老师很少有语言创始人讲课(不是。
Frontend Masters的JavaScript系列课程是《你不知道的JavaScript》系列作者Kyle Simpson讲授;React系列课程是微软的Principal Program Manager Brian Holt讲授;尤雨溪也有在Frontend Masters录制过一小段讲授Vue设计思想的课程,不过那个课程比较高阶,小白一般都看不太懂。
总之,如果英文水平ok的话,我是建议在这上面学习前端相关知识的。这个网站相关的学习路径也比较科学,基础课程第一课不是HTML,是这门课:
但是这个网站需要充值会员才可以听课,一年390刀对于学生来说有点略贵。
这里推荐给大家的意思就是我有白嫖的方法——学生用学校的邮箱可以去Github申请到一个传言价值$4.5W刀的Github Student Developer Pack,里面包含大量课程和工具。在这个包里就可以领到Frontend Masters网站的六个月免费会员。
申请网址:github education。我现在已经是身价$4.5W刀的程序媛了哈哈哈哈。
4. Hello Github
Hello Github是一个每天都会分享GitHub上比较有趣、热门的开源项目的网站,开始作者定位是分享JavaScript相关的项目,但是现在不局限于这个了,可以在右侧选择你感兴趣的语言来选择展示相关的项目。
4.JakeArchibald的Blog
Jake Archibald是谷歌浏览器的主要开发人员。他的博客属于写得比较清晰和权威的技术博客,会放一些动态图片和代码解释原理,比较有名的就是他的一篇解释事件循环机制的文章: