Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

241 lines (213 sloc) 12.359 kB
---
layout: nil
---
<!DOCTYPE html>
<html lang="en">
<!--
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ CODE THE WEB ]:::::]
[:::::[ http://brackets.io ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
-->
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<meta property="og:image" content="http://brackets.io/images/brackets_256.png"/>
<meta property="og:image:secure_url" content="https://raw.github.com/adobe/brackets/gh-pages/images/brackets_256.png" />
<title>Brackets</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- 3rd-party stylesheets -->
<link rel="stylesheet" type="text/css" href="css/zocial/zocial.css" />
<!-- responsive -->
<link rel="stylesheet" media="screen and (max-width: 960px)" href="css/tablet.css" />
<link rel="stylesheet" media="screen and (max-width: 710px)" href="css/phone.css" />
<link rel="stylesheet" type="text/css" href="fonts/source-sans/stylesheet.css" />
</head>
<body>
<a class="scroll-point pt-top" name="top"></a>
<header>
<!-- fork us on github -->
<a href="https://github.com/adobe/brackets"><img id="fork-us" style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
<a class="scroll-point pt-top" name="top"></a>
<div class="site">
<hgroup>
<h1><a href="#top">Brackets</a></h1>
<h2><a href="#top">open-source code editor<br> built <em>with</em> the web <em>for</em> the web</a></h2>
</hgroup>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#checkit">Try It</a></li>
<li><a href="#contribute">Contribute</a></li>
<li><a href="#mailing-list">Stay Informed</a></li>
</ul>
<!--
<form class="menu-dropdown">
<select onchange="location = this.options[this.selectedIndex].value;">
<option value="#about">About</option>
<option value="#checkit">Check It Out</option>
<option value="#contribute">Contribute</option>
<option value="#mailing-list">Stay Informed</option>
</select>
</form>
-->
</nav>
</div>
<div class="shadow"></div>
</header>
<div id="hero">
<div class="indicator"></div>
<div class="site">
<div class="slides">
<div id="innovative" class="slide selected">
<img src="images/slide_innovative.png" />
<h3>Helpful without taking over</h3>
<p>With features like Live Preview and Quick Edit, Brackets streamlines development
without getting in your way.</p>
</div>
<div id="standards-based" class="slide after">
<a href="https://github.com/adobe/brackets"><img src="images/slide_open.svg" /></a>
<h3>Built <strong>with</strong> the web<br><strong>for</strong> the web.</h3>
<p>Made with <span style="color:darkred;">&#9829;</span> and JavaScript. Brackets is an open-source project, with an active and
growing developer community.</p>
</div>
<div id="web-focused" class="slide after">
<img src="images/slide_web-focused.svg" />
<h3>A code editor<br>for the web</h3>
<p>Focus on one thing, and do it really well. Brackets is built from the ground up with a focus on web development.</p>
</div>
<div id="extensible" class="slide after">
<img src="images/slide_extensible.svg" />
<h3>You complete me</h3>
<p>Brackets is built with HTML, CSS and JavaScript, which means it is easy to contribute to the project and extend its functionality. <a href="http://www.youtube.com/watch?v=-dJolYw8tnk">You have the power!</a></p>
</div>
</div>
<nav>
<ul>
<li class="selected"><a href="#innovative">innovative</a></li>
<li><a href="#standards-based">open</a></li>
<li><a href="#web-focused">focused</a></li>
<li><a href="#extensible">extensible</a></li>
</ul>
</nav>
</div>
<div class="shadow"></div>
</div>
<a class="scroll-point pt-about" name="about"></a>
<section id="about" class="wrap">
<h2 class="icon icon-about">About Brackets</h2>
<p>Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript. The project was created and is maintained by <a href="http://html.adobe.com">Adobe</a>, and is released under an <a href="https://github.com/adobe/brackets/blob/master/LICENSE">MIT License</a>.</p>
<h3>Guiding Ideas</h3>
<p><strong>For the web, by the web</strong><br />Brackets is built using HTML, CSS and JavaScript. If you can code <em>in</em> Brackets, you can code <em>on</em> Brackets.</p>
<p><strong>Open development works</strong><br />Brackets, is a fully open-source, community-driven project. Want to influence its direction? Join the <a href="http://groups.google.com/group/brackets-dev">developer list</a> and start contributing.</p>
<p><strong>Tools shouldn't get in your way</strong><br />Rather than clutter your workspace with floating panels, toolbars and icons, Brackets focuses on providing “Quick Edit” in-line views that provide context-sensitive access to your content, without taking you away from your code.</p>
<p><strong>Works with your browser</strong><br />The browser is your design view. Brackets hooks up directly to the browser, allowing you to design and develop in the same environment that you deploy.</p>
</section>
<a class="scroll-point pt-about" name="checkit"></a>
<section id="check-it-out" class="wrap">
<h2 class="icon icon-download">Try It</h2>
<p>Brackets is still in the oven and needs to bake a little longer before it's a full-featured code editor. The <a href="http://download.brackets.io">milestone builds available on download.brackets.io</a> are there for contributors and those special kind of crazy designers and developers who like to live on the edge. Performance, stability and features are all in flux. Use at your own risk.</p>
<p>However, if you like living on the bleeding edge, just view the <a href="https://github.com/adobe/brackets/wiki/How-to-Use-Brackets">wiki</a> for info on how to download and run Brackets.</p>
</section>
<a class="scroll-point" name="contribute"></a>
<section id="contribute" class="wrap">
<h2 class="icon icon-contribute">Contribute</h2>
<p>If you have an idea for a feature, want to fix a bug, or contribute in other ways, then fork the project and start hacking.</p>
<ul>
<li><a href="https://github.com/adobe/brackets/wiki/How-to-Hack-on-Brackets">How To Hack on Brackets</a></li>
<li><a href="http://groups.google.com/group/brackets-dev">Developer List</a></li>
<li><a href="https://github.com/adobe/brackets/issues">Current Issues</a></li>
<li><a href="http://bit.ly/BracketsBacklog">Development Roadmap</a></li>
</ul>
</section>
<a class="scroll-point" name="mailing-list"></a>
<section id="stay-informed" class="wrap">
<h2 class="icon icon-mailing-list">Stay Informed</h2>
<div class="list-header">
<p>You can find the latest news and information around Brackets on the <a href="http://blog.brackets.io">project's weblog</a>, as well as by checking out the resources below.</p>
<strong>Contributors</strong>
</div>
<ul class="list mailing-list">
<li><strong>Source Code</strong> <a href="http://www.github.com/adobe/brackets"><button class="zocial github">Fork us on github</button></a></li>
<li><strong>Mailing List</strong> <a href="http://groups.google.com/group/brackets-dev"><button class="zocial email">Join the discussion</button></a></li>
<li><strong>IRC</strong> <a href="http://webchat.freenode.net/?channels=brackets"><button class="zocial guest">#brackets on freenode.net</button></a></li>
</ul>
<div class="list-header">
<strong>Everyone</strong>
</div>
<ul class="list mailing-list">
<li><strong>Twitter</strong> <a href="http://twitter.com/brackets"><button class="zocial twitter">Follow us @brackets</button></a></li>
<li><strong>Google+</strong> <a href="https://plus.google.com/b/115365194873502050036/"><button class="zocial googleplus">Add us to your circles</button></a></li>
<li><strong>Facebook</strong> <a href="http://www.facebook.com/CodeBrackets"><button class="zocial facebook">Let's be friends</button></a></li>
<li><strong>YouTube</strong> <a href="http://www.youtube.com/codebrackets"><button class="zocial googleplay">Subscribe to our channel</button></a></li>
</ul>
</section>
<section id="quick-links" class="wrap quick-links-pane">
<h2 class="icon icon-quick-links">Quick Links</h2>
<div class="list-container quick-links">
<div class="title">General</div>
<ul class="list">
<li><a href="http://html.adobe.com">Adobe &amp; HTML</a></li>
<li><a href="http://blog.brackets.io">Blog</a></li>
<li><a href="https://github.com/adobe/brackets/wiki/Brackets-Screenshots">Screenshots</a></li>
<li><a href="http://brackets.io/artwork.html">Artwork</a></li>
</ul>
</div>
<div class="list-container quick-links">
<div class="title">Development</div>
<ul class="list">
<li><a href="https://github.com/adobe/brackets">Source Code</a></li>
<li><a href="http://download.brackets.io">Downloads</a></li>
<li><a href="https://github.com/adobe/brackets/issues">Issue Tracker</a></li>
<li><a href="https://github.com/adobe/brackets/wiki">Wiki</a></li>
<li><a href="http://bit.ly/BracketsBacklog">Feature Backlog</a></li>
</ul>
</div>
</section>
<footer>
<div class="language-switcher">
<ul>
<li data-lang="en">English</li>
<li data-lang="de">Deutsch</li>
</ul>
<button></button>
</div>
<p class="license">Project source code is licensed under the <a href="https://github.com/adobe/brackets/blob/master/LICENSE">MIT License</a>.</p>
<a class="closing" href="#top"></a>
</footer>
</body>
<!-- 3rd-party scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/smooth.pack.js" type="text/javascript"></script>
<script src="js/app.js"></script>
<script src="js/language-switcher.js"></script>
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32881640-1']);
_gaq.push(['_setDomainName', 'brackets.io']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</html>
Jump to Line
Something went wrong with that request. Please try again.