adobe · pthiess · Sep 10, 2012 · Sep 6, 2012 · Sep 6, 2012 · Sep 6, 2012
diff --git a/samples/de/Erste Schritte/index.html b/samples/de/Erste Schritte/index.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html>
+
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>ERSTE SCHRITTE MIT BRACKETS</title>
+        <meta name="description" content="Ein interaktiver Wegweiser für die ersten Schritte mit Brackets.">
+        <link rel="stylesheet" href="main.css">
+    </head>
+    <body>
+
+<h1>ERSTE SCHRITTE MIT BRACKETS</h1>
+<h2>Dies ist Ihre Anleitung!</h2>
+
+<!--
+    GEMACHT MIT <3 UND JAVASCRIPT
+-->
+
+<p>
+    Willkommen zu einer super-frühen Vorschau von Brackets, einem neuen Open-Source-Editor für die 
+    nächste Generation des Webs. Wir sind große Fans von Standards und wollen bessere Tools für 
+    JavaScript, HTML und CSS sowie verwandte offene Web-Technologien bauen. Dies ist unser demütiger 
+    Anfang.
+</p>
+
+<!--
+    WAS IST BRACKETS?
+-->
+<p>
+    <em>Sie sehen sich eine frühe Version von Brackets an.</em>
+    Auf vielerlei Weise ist Brackets eine andere Art Editor. Ein namhafter Unterschied ist, dass
+    dieser Editor in JavaScript geschrieben ist. Während Brackets also noch nicht ganz bereit für 
+    den tagtäglichen Einsatz sein mag, verwenden wir es jeden Tag, um Brackets zu bauen.
+</p>
+
+
+<h2>Wir probieren ein paar neue Dinge aus</h2>
+
+<!--
+    DIE BEZIEHUNG VON HTML, CSS UND JAVASCRIPT
+-->
+<h3>Schnelles Bearbeiten für CSS und JavaScript</h3>
+<p>
+    Beim Bearbeiten von HTML verwenden Sie das Tastenkürzel <kbd>Cmd/Strg + E</kbd>, um einen schnellen
+    Inline-Editor zu öffnen, der alles relevante CSS anzeigt. Ändern Sie eine Kleinigkeit in Ihrem CSS,
+    drücken Sie <kbd>ESC</kbd> und Sie sind zurück im HTML-Editor. Oder lassen Sie die CSS-Regeln offen
+    und sie werden Teil Ihres HTML-Editors. Falls Sie <kbd>ESC</kbd> außerhalb eines Schnell-Editors
+    drücken, schließen sich alle. Kein Umschalten mehr zwischen Dokumenten – so verlieren Sie nie den
+    Überblick.
+</p>
+
+<samp>
+    Sie wollen es in Aktion sehen? Setzen Sie Ihren Cursor auf den <!-- <samp> -->-Tag oben und drücken
+    Sie <kbd>Cmd/Strg + E</kbd>. Sie sollten oben einen CSS-Schnell-Editor erscheinen sehen. Rechts sehen
+    Sie eine Liste der CSS-Regeln, die sich auf diesen Tag beziehen. Scrollen Sie einfach mit
+    <kbd>Alt + Oben/Unten</kbd> durch die Regeln, um die zu finden, die Sie bearbeiten wollen.
+</samp>
+
+<a href="screenshots/brackets-quick-edit.png">
+    <img alt="Ein Screenshot, der schnelles Bearbeiten von CSS zeigt" src="screenshots/brackets-quick-edit.png" />
+</a>
+
+<!--
+    LIVE-VORSCHAU
+-->
+<h3>Vorschau auf CSS-Änderungen live im Browser anzeigen</h3>
+<p>
+    Sie kennen den „Speichern/Neu laden“-Tanz, den wir seit Jahren aufführen? Der, in dem Sie
+    Änderungen in Ihrem Editor machen, Speichern drücken, zum Browser schalten und dann neu laden,
+    um schließlich das Ergebnis zu sehen? Mit Brackets müssen Sie diesen Tanz nicht aufführen.
+</p>
+<p>
+    Brackets öffnet eine <em>Live-Verbindung</em> zu Ihrem lokalen Browser und sendet CSS-Updates,
+    während Sie tippen! Eventuell tun Sie etwas Ähnliches bereits heute mit browserbasierten Tools,
+    doch mit Brackets ist kein Kopieren und Einfügen des endgültigen CSS-Codes im Editor mehr nötig.
+    Ihr Code läuft im Browser, aber lebt in Ihrem Editor!
+</p>
+
+<samp>
+    Falls Sie Google Chrome installiert haben, können Sie das selbst ausprobieren. Klicken Sie auf
+    das Blitz-Symbol oben rechts oder drücken Sie <kbd>Cmd/Strg + Alt + P</kbd>. Wenn die Live-Vorschau
+    für ein HTML-Dokument eingeschaltet ist, können alle verknüpften CSS-Dokumente in Echtzeit bearbeitet
+    werden. Das Symbol ändert sich von grau nach golden, wenn Brackets eine Verbindung zu Ihrem Browser
+    herstellt.
+
+    Platzieren Sie Ihren Cursor jetzt auf den <!-- <img> -->-Tag oben und verwenden Sie
+    <kbd>Cmd/Strg + E</kbd>, um die definierten CSS-Regeln zu öffnen. Versuchen Sie die Stärke des
+    Rahmens von 1px auf 10px zu ändern, oder die Hintergrundfarbe von "dimgray" auf "hotpink".
+    Falls Sie Brackets und Ihren Browser nebeneinander laufen haben, sehen Sie die Änderungen sofort 
+    in Ihrem Browser umgesetzt. Cool, was?
+</samp>
+
+<p class="note">
+    Derzeit unterstützt Brackets die Live-Vorschau nur für CSS. Wir werden Unterstützung der Live-Vorschau
+    für HTML und JavaScript in einer künftigen Ausgabe hinzufügen. Live-Vorschauen sind heute nur mit
+    Google Chrome möglich. Wir möchten diese Funktionalität zu allen wichtigen Browsern hinzufügen,
+    und wir freuen uns darauf, mit den Herstellern zusammenzuarbeiten.
+</p>
+
+<!--
+    LASSEN SIE UNS WISSEN, WAS SIE DENKEN
+-->
+<h2>Machen Sie mit</h2>
+<p>
+    Brackets ist ein Open-Source-Projekt. Web-Entwickler rund um die Welt helfen mit, einen besseren
+    Code-Editor zu bauen. Lassen Sie uns wissen, was Sie denken, teilen Sie Ihre Ideen oder tragen
+    Sie direkt zu dem Projekt bei.
+</p>
+<ul>
+    <li><a href="http://brackets.io">Brackets.io</a></li>
+    <li><a href="http://blog.brackets.io">Brackets Team-Blog</a></li>
+    <li><a href="http://github.com/adobe/brackets">Brackets auf GitHub</a></li>
+    <li><a href="http://github.com/adobe/brackets/wiki">Brackets Wiki</a></li>
+    <li><a href="http://groups.google.com/group/brackets-dev">Brackets Developer-Mailingliste</a></li>
+    <li><a href="https://twitter.com/#!/brackets">@Brackets auf Twitter</a></li>
+    <li>Mit Brackets-Entwicklern per IRC in #brackets auf Freenode chatten</li>
+</ul>
+
+    </body>
+</html>
+<!--
+
+    [[[[[[[[[[[[[[[     ]]]]]]]]]]]]]]]
+    [::::::::::::::     ::::::::::::::]
+    [::::::::::::::     ::::::::::::::]
+    [::::::[[[[[[[:     :]]]]]]]::::::]
+    [:::::[                     ]:::::]
+    [:::::[                     ]:::::]
+    [:::::[                     ]:::::]
+    [:::::[                     ]:::::]
+    [:::::[    CODE THE WEB     ]:::::]
+    [:::::[  http://brackets.io ]:::::]
+    [:::::[                     ]:::::]
+    [:::::[                     ]:::::]
+    [:::::[                     ]:::::]
+    [:::::[                     ]:::::]
+    [::::::[[[[[[[:     :]]]]]]]::::::]
+    [::::::::::::::     ::::::::::::::]
+    [::::::::::::::     ::::::::::::::]
+    [[[[[[[[[[[[[[[     ]]]]]]]]]]]]]]]
+
+-->
diff --git a/samples/de/Erste Schritte/main.css b/samples/de/Erste Schritte/main.css
@@ -0,0 +1,36 @@
+html {
+    background-color: #eeeeee;
+}
+
+body {
+    margin: 0 auto;
+    padding: 2em;
+    max-width: 800px;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.5em;
+    color: #333333;
+    background-color: #ffffff;
+    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
+    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
+    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
+}
+
+h1, h2, h3, h4, h5, h6 {
+    line-height: 1.3em;
+}
+
+samp
+{
+    /* hide <samp> from the browser so we can show cool features in Edge Code */
+    display: none;
+}
+
+img
+{
+    border: 1px solid black;
+    background-color: dimgray;
+    padding: 10px;
+    margin: 10px 0;
+    max-width: 95%;
+}
diff --git a/samples/de/Erste Schritte/screenshots/brackets-quick-edit.png b/samples/de/Erste Schritte/screenshots/brackets-quick-edit.png
diff --git a/src/command/KeyBindingManager.js b/src/command/KeyBindingManager.js
@@ -33,7 +33,8 @@ define(function (require, exports, module) {
 
     require("utils/Global");
 
-    var CommandManager = require("command/CommandManager");
+    var CommandManager = require("command/CommandManager"),
+        Strings        = require("strings");
 
     /**
      * Maps normalized shortcut descriptor to key binding info.
@@ -260,7 +261,10 @@ define(function (require, exports, module) {
             displayStr = displayStr.replace("Shift", "\u21E7"); // Shift > shift symbol
             displayStr = displayStr.replace("Alt", "\u2325");   // Alt > option symbol
         } else {
-            displayStr = descriptor.replace(/-/g, "+");
+            displayStr = descriptor.replace("Ctrl", Strings.KEYBOARD_CTRL);   // Ctrl
+            displayStr = displayStr.replace("Shift", Strings.KEYBOARD_SHIFT); // Shift > shift symbol
+            displayStr = displayStr.replace("Space", Strings.KEYBOARD_SPACE); // Alt > option symbol
+            displayStr = displayStr.replace(/-/g, "+");
         }
 
         return displayStr;

diff --git a/src/htmlContent/main-view.html b/src/htmlContent/main-view.html
@@ -78,7 +78,7 @@
 
                     <a href="#" id="toolbar-go-live"></a> <!-- tooltip for this is set in JS -->
 
-                    <span id="gold-star" title="No JSLint errors - good job!">
+                    <span id="gold-star" title="{{JSLINT_NO_ERRORS}}">
                         &#9733;
                     </span>
                 </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -78,7 +78,7 @@ @@
                         <a href="#" id="toolbar-go-live"></a> <!-- tooltip for this is set in JS -->
-                        <span id="gold-star" title="No JSLint errors - good job!">
+                        <span id="gold-star" title="{{JSLINT_NO_ERRORS}}">
                             &#9733;
                         </span>
                     </div>
@@ Expand Down @@