未加星标

The 12 most exciting open source projects on the web

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二04 | 时间 2016 | 作者 红领巾 ] 0人收藏点击收藏

We're constantly amazed by all the cool new open source projects; if you look around there's almost always a blinding open source alternative to whatever pro software you need for web design work. Here are 12 great examples of the superb work being done to make the web a better place.

01. Pattern Lab
The 12 most exciting open source projects on the web
A suite of tools for working according to atomic design principles

Pattern Lab is a suite of tools designed to help you build sites using the principles of atomic design, which means breaking interfaces down into smaller parts, and operating within a UI design system that you've built to suit your purposes.

02. Visual Studio Code
The 12 most exciting open source projects on the web
An open source project from Microsoft

This free, open source code editor from Microsoft has a slew of great features that make coding quicker. There’s a function called IntelliSense that provides smart completions; built-in Git commands; debugging from within the editor and much more.

03. Font Awesome
The 12 most exciting open source projects on the web
Awesome indeed

Font Awesome is indeed awesome: 634 (at the time of writing) icons contained within a single font, constituting "a pictographic language of web-related actions". Icons are scalable, so they look the same at any size, and you can style them with CSS. It works well with all frameworks and screenreaders and doesn't require javascript.

04. Bootstrap
The 12 most exciting open source projects on the web
Makes front end web development faster and easier

Since it was launched by Twitter in 2011, web building framework Bootstrap has become one of the most popular project on GitHub. As Bootstrap grew, its creators Mark Otto and Jacob Thornton decided to move it to its own open source organisation, and the project separated from Twitter.

Bootstrap has a small footprint, LESS integration and compelling visual design. There is a web-based customiser that you can use to tailor it to your open source project: components and jQuery plug-ins can be added or removed by ticking checkboxes, and variables can be customised using a web form. There's a 12-column responsive grid, typography, form controls and it uses responsive CSS to work with mobile browsers.

Expo is a showcase of the most "beautiful and inspiring" projects built with the toolkit.

05. Brackets
The 12 most exciting open source projects on the web
A modern text editor for designing in the browser

An open source project begun atAdobe, Brackets is a lightweight and modern code editor focused on web technologies, with a collection of innovative features.

06. Conditionizr
The 12 most exciting open source projects on the web
Detecting front end environments

Conditionizr is a brilliant tool for browser detection; it recognises the browser in use and delivers suitable content. For example, an IE7 user will receive either HTML classes for CSS overrides, or load an ie7.css and ie7.js file; useful for browser patching.

Conditionizr isn't limited to legacy, it also aims to help users fix modern browser quirks by detecting modern browsers too. It has evolved to include not just legacy content serving, but it also detects retina and touch devices and again allows developers to cater for the entire frontend. All this functionality comes inside a 1KB API.

07. The Accessibility Project
The 12 most exciting open source projects on the web
Making accessibility more approachable

The Accessibility Project is a community-driven effort to make web accessibility easier for frontend designers and developers to understand and adopt into a daily workflow.

The project started in mid-January 2013 amid developer sentiment that core accessibility concepts, features and code examples are overly difficult to extract.

Today 75 people have contributed to The Accessibility Project and it has become an invaluable resource for any developer looking to improve their knowledge.

08. Laravel
The 12 most exciting open source projects on the web
Make beautiful code with Laravel

Laravel has revolutionisedphp development. It pitches itself as the framework for web artisans who value code that's elegant, simple and readable, and it helps teams and individuals build well-made applications quickly.

There's a big community and collection of resources around Laravel (for example, the Laracast screencasts) and it's one of the most popular PHP frameworks in use today.

09. Grunt
The 12 most exciting open source projects on the web
Grunt, the JavaScript task runner

Grunt allows you to automate common tasks using JavaScript. You can perform mundane, repetitive tasks like minification, compilation, unit testing and linting with almost zero effort. And because Grunt is extensible, if someone hasn't already built what you need, you can easily author and publish your own Grunt plug-in.

Grunt has dramatically lowered the barrier to entry for web developers by providing a common interface for the tasks in their build process. The extensive plug-in ecosystem and easy configuration format makes it possible for anyone on the team to create a modern build process - designers included.

10. Ember.js
The 12 most exciting open source projects on the web
Make ambitious apps with Ember

Ember.js bills itself as "a framework for creating ambitious web applications". One of the biggest features is its data binding; obejcts in Ember can bind properties to each other, so when a property changes in one object, the other is kept in sync.

Another is the ability to define functions on an object that you can then treat as properties. Hence, if a model has a first and last name, you could create a function to define a person's full name, and have it treated as if the model has a fullname property.

The feature most likely to draw you in is that Ember automatically updates its views when data changes - saving you a lot of work.

11. AngularJS
The 12 most exciting open source projects on the web
AngularJS: HTML enhances for web apps AngularJS extends the vocabulary of HTML for declaring dynamic views in web apps. It takes a slightly

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: GruntLaravelBootstrapAngularJSJavaScriptHTMLCSSJavaPHPGit
分页:12
转载请注明
本文标题:The 12 most exciting open source projects on the web
本站链接:http://www.codesec.net/view/481756.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(24)