跳到主要内容

网上13个最激动人心的开源项目

我们一直对所有酷炫的新开源项目感到惊讶;如果您知道在哪里寻找,那么几乎总是有一个令人眼花缭乱的开源替代品,无论您的网页设计工作需要什么专业软件。

+$With so many exciting projects out there, we had our work cut out trying to decide on our favourites. From the+$best Code Editors+$to JavaScript app builders,网络字体工具等等,这里有13个很棒的例子,说明为使网络变得更好而所做的出色工作。

01. 原子

Atom landing page

使用Atom构建您梦想的文本编辑器

Atom是编码员中最受欢迎的文本编辑器之一,因为它的核心是它的核心 - 作为一个开源项目,用户可以根据自己的特定需求进行自定义。

如果您想添加新功能或更改某些内容,您可能不必自己编写代码,因为已有数千个其他用户创建的开源软件包可用于添加新功能。浏览它们这里找到你从未意识到的伟大功能。

02. 反应原生

React Native

React Native与React类似,但适用于原生移动应用

React Native使用户能够仅使用JavaScript构建本机移动应用程序,并且在GitHub上非常受欢迎。它类似于应对(用于构建用户界面的流行JavaScript库),除了它的构建块是本机组件而不是Web组件。

有了它,用户可以创造丰富的移动设备用户界面与使用Objective-C,Java或Swift构建的应用程序无法区分。但是,它确实与这三者完美结合,所以如果你想下拉到本机代码来优化某些组件,那也没关系。

您可能还想查看我们的10个专家ReactJS提示,您今天需要知道还有这些20个JavaScript工具让你大吃一惊

03.

Yarn landing page

纱线是新的NPM吗?

提供“超快速,超级安全,超级可靠”的依赖管理,开源项目Yarn是其竞争对手节点包管理器

功能包括无需互联网连接即可重新安装软件包的功能,承诺最大化网络使用的高效请求队列,以及可帮助您避免重复依赖的平面模式。

04. 模式实验室

Pattern lab open source projects

一套根据原子设计原则工作的工具

Pattern Lab是一套工具,旨在帮助您使用原则构建网站原子设计

这意味着将界面分解为更小的部分,并在您为满足您的目的而构建的UI设计系统中运行。原子设计和模式实验室都是布拉德弗罗斯特的创意,并且自推出以来蓬勃发展。

05. Visual Studio代码

visual studio code

Microsoft的一个开源项目

这个来自Microsoft的免费开源代码编辑器具有一系列强大的功能,可以更快地编写代码。有一个名为IntelliSense的功能,提供智能完成功能;内置Git命令;在编辑器中进行调试等等。

06. 字体很棒

open source projects

太棒了

Font Awesome确实很棒:单个字体中包含大约1,500个免费字体图标,构成“与Web相关的动作的象形语言”。图标具有无限可扩展性,因此它们在任何大小上看起来都相同,您可以使用CSS设置它们的样式。

它适用于所有框架和屏幕阅读器,不需要JavaScript。

(你可能也喜欢这些41个顶级免费网页字体

07. 引导

bootstrap

使前端Web开发更快更容易

Bootstrap是一个前端组件库,可帮助您使用HTML,CSS和JavaScript构建响应式移动优先项目,以及GitHub上最受欢迎的开源项目之一。 Bootstrap于2011年由Twitter推出,但随着它的发展,其创建者Mark Otto和Jacob Thornton决定将其转移到自己的开源组织,该项目与Twitter分离。

Bootstrap占地面积小,集成度低,视觉设计引人注目。有一个基于Web的自定义程序,您可以使用它来定制它到您的开源项目:组件和JQuery插件可以通过勾选复选框来添加或删除,并且可以使用Web表单自定义变量。

它有一个12列的响应式网格,排版,表单控件,它使用响应式CSS与移动浏览器配合使用。我们之一16个很棒的免费Bootstrap主题也可能在这里派上用场。

08. 括号

brackets open source project

用于在浏览器中进行设计的现代文本编辑器

Brackets是一个在Adobe开始生活的开源项目,是一个专注于Web技术的轻量级现代代码编辑器。

专为网页设计师和前端开发人员精心打造,它拥有一系列创新功能,包括内联编辑器,可让您打开窗口进入您正在处理的代码,而不是在文件选项卡之间跳转,以及实时预览提供的实时连接用你的浏览器。

09. 辅助功能项目

open source projects

A11y使可访问性更加平易近人

Accessibility Project是一个致力于制作的开源项目网络辅助功能前端设计人员和开发人员更容易理解并采用日常工作流程。该项目于2013年1月中旬开始,以回应开发人员普遍感觉核心可访问性概念,功能和代码示例过于难以提取。

该项目有三个核心原则。它旨在消化(提供简短易懂的内容),最新(符合最新标准)和宽恕(因为人们犯错误,网络可访问性很棘手)。

在撰写本文时,已有100人参与了无障碍项目,它已成为任何希望让所有人都能访问其网站的开发人员的宝贵资源。

10. Laravel

open source projects

使用Laravel制作漂亮的代码

Laravel彻底改变了PHP开发。这是一个免费的开源项目,它将自己作为网络工匠的框架 - 换句话说,那些重视优雅,简单和可读代码的人 - 它可以帮助团队和个人快速构建制作精良的应用程序。

Laravel周围有一个庞大的社区和资源集合(例如,Laracasts截屏)它是当今最流行的PHP框架之一。

11. 咕噜

open source projects

Grunt,JavaScript任务运行器

Grunt允许您使用JavaScript自动执行常见任务。您可以几乎不费力地执行平凡,重复的任务,例如缩小,编译,单元测试和linting。因为Grunt是可扩展的,如果有人还没有构建你需要的东西,你可以轻松地创作和发布你自己的Grunt插件。

Grunt通过为构建过程中的任务提供通用接口,大大降低了Web开发人员的入门门槛。广泛的插件生态系统和简单的配置格式使团队中的任何人都可以创建一个现代的构建过程 - 包括设计人员。

12. Ember.js

open source projects

使用Ember制作雄心勃勃的应用程序

Ember.js将自己称为“创建雄心勃勃的Web应用程序的框架”。其中一个最大的特点是它的数据绑定; Ember中的对象可以将属性彼此绑定,因此当一个对象中的属性发生更改时,另一个对象保持同步。

另一个有趣的特性是Ember能够在对象上定义函数,然后可以将其视为属性。因此,如果模型具有名字和姓氏,您可以创建一个函数来定义一个人的全名,并将其视为模型具有全名属性。

最有可能吸引你的功能是,当数据发生变化时,Ember会自动更新其视图 - 为您节省大量工作。

13.

Ghost open source projects

Ghost,一个开源博客平台

博客平台Ghost在通过Kickstarter获得成功资助后超过其最初的25,000英镑的要求,并最终带来超过196,000英镑的资金。开源项目现在由非营利组织Ghost Foundation和一些独立贡献者维护。

Ghost的独特之处在于为博主提供了一个简单的界面,允许他们编写和发布他们的内容,而无需处理传统平台的复杂性。它是免费的,你可以下载并安装到你自己的网络服务器,但如果这太麻烦你愿意支付,有专业托管版本。

阅读更多:



翻译字数超限