精选20个最新的开发者工具

如果你是自由职业者总是要在一定的期限内完成客户的要求和需要的挑战。做工作和客户沟通是不容易的,但有无数的在线工具,在这种情况下可以帮助你。

在这个"我们已经收集了20新鲜和挑选的工具为我们的观众,使他们的工作更容易一些。以下工具都是在线和目标利基,每个自由职业者都是找。

2015年7月,我们是突出新的工具和资源,会促进你的任务,范围从Web应用程序框架和JavaScript库移动应用本文包括一些真正有用的资源,将帮助设计师和开发者实现他们的Web开发任务。

1. Spot.IM


spot.im是第一个"无处不在"的社会网络的创造者,让网站所有者和出版商把他们的网站成为一个社会网络,通过自己的内容驱动。现货。IM的技术使出版商收回所有权的谈话围绕其内容,释放他们不得不依靠较大,外部社会网络提供社区内容衔接的社会空间。

2. ExpandJS


ExpandJS 是一个80 + 350 +自定义元素和实用功能来启动你的Web应用程序模块库。该元素是建立在聚合物和遵循谷歌的材料设计准则,使美丽和响应接口。本图书馆是lodash扩展,添加更多的功能,并引入意想不到的参数检查。它是在bsd-3-clause许可证发布。

3. Outline


Outline 是一个简单的CSS模板启动响应任何新的Web项目,由Matt Harris创建。这是一个模块化的,移动的第一个框架,其中包括今天的最佳实践的响应性设计和核心组件,我使用的每一个项目。大纲设计是一个起点。一个坚实的基础,为您的项目,把创意留给你。

4. Startup Launch List


Startup Launch List 包含你需要发射前启动读aarticles。他们是由创始人,设计师,投资者和思想领袖。确保你读了所有保罗Graham的文章。"这个小应用程序类如下思想。这是一个地方,你可以阅读从受人尊敬的人喜欢杰森,德里克Sivers,Brad Feld,马克Suster,山姆奥特曼的必备用品,弗莱德威尔逊等。

5. Bounce


Bounce 是一个脚本,允许你在你的网站上发布漂亮的横幅,没有编码要求。目标酒吧基于他们是从哪里来的用户,他们在什么页面是否影响了你的广告,你可以给那些adblocker安装用户酒吧。请用户关闭Adblock或促进另一种方式来支持你的网站。

6. Coverr

`

Coverr 建立"veed两家公司之间的联合倡议。我"和"codersclan"。因为他们经历了从双方的网页背景视频的需要,视频和代码,他们决定建立一些将给这些,免费-到社区。基本上,coverr让你下载你想要的任何视频(MP4 + WebM +图像),它也给你的代码片段来帮助你实现它们(HTML,CSS,JavaScript)。它的版权,并一直将。他们会上传新7 12-15秒每星期一视频。

7. JavaScript.com


JavaScript.com 是一个资源的JavaScript代码学校社区建队。现在,它将永远是免费的。因为JavaScript是初学者的杰出的编码语言,他们已经收集了一些最好的免费学习资源,建立了一个JavaScript课程帮助新开发商启动和运行。

8. Sitecake


Sitecake 是一个易于使用的CMS(内容管理系统)的小网站,有一个所见即所得,拖放编辑。一个标准的Web托管包(Web服务器和PHP 5.4 +)是所有你需要安装和使用。sitecake读取,修改和保存HTML文件的变化规律。没有PHP或模板语言知识的要求。所有的改变都是直接保存在HTML页面中的所有图片,文件系统。一旦你完成编辑,你仍然有一个静态的网站。

9. Gradify


Gradify 是一个模块,发现最突出的颜色在任何图像,并产生一个可扩展的,响应的CSS渐变。这可以提供一个更和谐的经验作为图像占位符。

10. Inker


Inker 是一个开放源码的前端架构和交付服务,将改变你认为你的公司在一对一的电子邮件。墨带你从编码发送,保持集中,你的团队停止浪费时间在邮件,可以专注于更重要的事情。保持你的电子邮件程序清洁剂给你的工具来测试速度。事务性邮件的免费模板(忘记密码、收据、帐号创建)。

11. CamanJS


CamanJS 是(CA)评分(人)操控JavaScript。这是一个简单的使用界面,先进的和有效的图像/画布编辑技术的组合。camanjs是新的过滤器和插件扩展非常方便,它配备了一个广泛的图像编辑功能,并继续增长。这完全是图书馆独立作品无论是在Nodejs和浏览器。两camanjs和这个网站是完全开源的,接受的请求。

12. The Slides


The Slides 可在线编辑,在您的浏览器中。不同于传统的演示软件,如PowerPoint,无需下载任何东西。所有的工作都安全地存储在我们的服务器上,无论你在哪里都可以访问。无论你是在一个会议上发言,主持一次会议,还是通过电子邮件发送你的甲板,你的故事被传达的美丽,它是制作。你还可以导出PDF和共享或打印你的观众。

13. Rocket Chat


Rocket.Chat 是一个网络聊天服务器,使用JavaScript开发,使用流星fullstack框架。这是一个伟大的解决方案,社区和公司想要私下举办自己的聊天服务或开发人员期待建立和发展自己的聊天平台。你可以拥有一个像聊天一样的开放源代码。注意火箭,在麻省理工学院的许可下分发。

14. Tota11y


Tota11y 是一个可访问的可视化工具,用于查看您的网站如何使用辅助技术进行执行。这使得对可访问性的测试通常是繁琐且容易混淆的,对于那些不习惯于使用该技术的开发人员来说是容易的。

15. Unyson


Unyson 是一个快速和容易使用的WordPress主题框架开发费。它提供了大量的定制选项和广泛的文档和支持。

16. Thao


The Thao Framework 是一个最小的更容易的Web开发CSS框架。它的编写和编译少,重量轻,且缺乏任何JavaScript代码。涛是编写的少。它与上一个浏览器完全兼容。不幸的是,8的响应速度是不完全兼容的。

17. GitHub Updater


这个插件允许用户安装和自动更新的WordPress插件托管在GitHub。尽管名称,插件还支持bitbucket和gitlab,其中包括在一个私人仓库。

18. Sassy Exists


Sassy-exists 是一个存在检查SASS微库。它为变量的存在提供了可供选择的语法,功能存在,特征存在,以及更多。

19. Famous Engine


FamousEngine 是建筑动画和界面的一个js库。它概括了DOM和WebGL,允许你自定义的绘制和布局。

20. Bootcards


Bootcards 是一个基于卡的用户界面框架。它是建立在顶部的引导和使用它的响应特性。与大多数其他的用户界面框架,它包括一个双窗格界面的平板电脑用户。bootcards包括样式表给你的应用程序的本地看,无论是在iOS,Android或桌面。

时间: 2024-10-12 19:59:31

精选20个最新的开发者工具的相关文章

20 个势头最猛的开发者工具

近年来风险投资和天使投资人似乎非常偏爱开发者工具,根据最新的报告,2012年投资者在开发工具上投入了6.46亿美元,这使得开发工具成立最热门的创业领域之一. 在资本的趋势下大批公司投身开发开发者工具,很多新产品非常优秀也卖得不错,但是也有不少产品噱头大过功能,很快被用户束之高阁.随之而来的问题是,面对如雨后春笋般冒出来的新开发工具,除非你是技术专家并花费大把时间试用新产品,否则你很难区分这些开发工具的优劣. 最近,帮助投资人筛选创业公司的投资研究机构Mattermark,分析了各开发工具的用户增

What's New In DevTools (Chrome 59)来看看最新Chrome 59的开发者工具又有哪些新功能

原文:https://developers.google.com/web/updates/2017/04/devtools-release-notes#command-menu 参考:https://developers.google.com/web/tools/chrome-devtools/ui#command-menu 1.css.js代码覆盖率:就是找到哪些未使用的css.js代码,这个对于使用模板的前端工作者进行前端优化很有帮助 命令行打开Coverage界面:command+shif

2014 年 20 款最好的 CSS 工具

说到 WEB 设计,不得不介绍介绍 CSS 工具,CSS 工具在这里面扮演很重要的角色,可以简化无数开发者和设计师的工作,写出更好的 CSS 代码. 而网上有非常多的 CSS 工具,帮助设计师和开发者高效的工作和进行更多创新的创作,设计师和 web 开发者也把越来越多的 CSS 工具收入为自身的开发和设计利器. 在这篇文章中,我们罗列了 2014 年最好的 20 款 CSS 工具,希望能帮助大家简化自己的开发工作,创作出更多更好的创新作品.Enjoy! 1. Enjoy CSS 2. Keyfr

20个为前端开发者准备的文档和指南

20个为前端开发者准备的文档和指南 来源:codeceo 发布时间:2016-07-27 阅读次数:358 0 是时候重新学习了!和以前一样,我收集了很多不同的学习资源,包括学习指南,学习文档,和其他有用的网站来帮助你在前端开发的不同领域里快速地进入状态. 所以请尽情享受我们的文档和指南系列的第九部分,并且不要忘了在评论区让我知道任何我没有找到的. 1. JavaScript Standard Style(JavaScript标准样式) 链接:http://standardjs.com Java

微信web开发者工具

概述 为帮助开发者更方便.更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具.它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作.立即下载体验 你可以: 使用自己的微信号来调试微信网页授权 调试.检验页面的 JS-SDK 相关功能与权限,模拟大部分 SDK 的输入和输出 使用基于 weinre 的移动调试功能 利用集成的 Chrome DevTools 协助开发 该工具界面主要由几大部分组成,如下图所示: 顶部菜

Chrome 开发者工具使用技巧

最近我花了较多的时间使用 Chrome 的开发者工具.我发现了很多之前没用过的好功能 (或还不是特别需要用到的功能,例如 blackboxing 和 asynchronous stacktraces) .因此我想对我非常喜欢的几个功能做个总结. 小小的放大镜图标告诉你有哪些 CSS 类/选择器 位于哪个 CSS 文件,决定了某个特殊元素的样式和 CSS 的属性.例如,在任意 DOM 元素上右击选择 “审查元素”,切换到 “Computed” 子菜单,可以查找你感兴趣的 CSS 属性并且点击放大镜

Chrome开发者工具指南:(三、性能篇)

卤煮在前面已经向大家介绍了Chrome开发者工具的一些功能面板,其中包括Elements.Network.Resources基础功能部分和Sources进阶功能部分,对于一般的网站项目来说,其实就是需要这几个面板功能就可以了(再加上console面板这个万精油).它们的作用大多数情况下是帮助你进行功能开发的.然而在你开发应用级别的网站项目的时候,随着代码的增加,功能的增加,性能会逐渐成为你需要关注的部分.那么网站的性能问题具体是指什么呢?在卤煮看来,一个网站的性能主要关乎两项,一是加载性能.二是

mac版微信web开发者工具(小程序开发工具)无法显示二维码 解决方案

微信小程序概念的提出,绝对可以算得上中国IT界惊天动地的一件大事,这可能意味着一场新的开发热潮即将到来, 我也怀着激动的心情准备全身心投入其中,不过截止目前,在官方网站上下载的最新版本都无法使用,打开小程序 开发工具后,只见一块白板赫然映入眼帘,不向你问好,不向你抱怨,它就是在那里静静地待着,就是迟迟看不到 传说中的二维码.系统是最新的macOS Sierra,也装了node.js之类的东西,想了一切可能的原因,网络.环境, Google了若干小时,最终甚至有些想放弃了.之前安装过低版本的破解版

Chrome开发者工具不完全指南:(三、性能篇)

转载于(卖烧烤夫斯基) 卤煮在前面已经向大家介绍了Chrome开发者工具的一些功能面板,其中包括Elements.Network.Resources基础功能部分和Sources进阶功能部分,对于一般的网站项目来说,其实就是需要这几个面板功能就可以了(再加上console面板这个万精油).它们的作用大多数情况下是帮助你进行功能开发的.然而在你开发应用级别的网站项目的时候,随着代码的增加,功能的增加,性能会逐渐成为你需要关注的部分.那么网站的性能问题具体是指什么呢?在卤煮看来,一个网站的性能主要关乎