Skip to content
This repository was archived by the owner on Sep 6, 2021. It is now read-only.

Commit 3d28b5b

Browse files
MiguelCastilloMiguelCastillo
committed
Merge branch 'master' into themes-8409
2 parents 1c166d0 + 0270081 commit 3d28b5b

11 files changed

Lines changed: 906 additions & 4 deletions

File tree

‎samples/zh-tw/Getting Started/index.html‎

Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7+
<title>BRACKETS 入門</title>
8+
<meta name="description" content="Brackets 互動式入門指引。">
9+
<link rel="stylesheet" href="main.css">
10+
</head>
11+
<body>
12+
13+
<h1>BRACKETS 入門</h1>
14+
<h2>為您而寫的指引!</h2>
15+
16+
<!--
17+
用 <3 跟 JAVASCRIPT 寫出來的
18+
-->
19+
20+
<p>
21+
歡迎使用先行版的 Brackets，這是個專為次世代網頁開發所設計的開放原始碼編輯器。
22+
我們是標準規範的狂熱分子，致力於打造更適合編寫 JavaScript, HTML, CSS 及其他相關開放式網頁技術的工具。
23+
而這只是我們的一小步。
24+
</p>
25+
26+
<!--
27+
BRACKETS 是什麼?
28+
-->
29+
<p>
30+
<em>Brackets 與眾不同。</em>
31+
其中一項值得拿來說嘴的地方，就是這個編輯器是用 JavaScript, HTML 及 CSS 寫出來的。
32+
這意味著大多數使用 Brackets 的人都有能力修改並擴充它。事實上，我們每天都用 Brackets 來打造 Brackets。
33+
此外，Brackets 還有「快速編輯」、「即時預覽」等別人沒有的功能。
34+
如果您想學會如何使用這些功能，請繼續看下去。
35+
</p>
36+
37+
38+
<h2>我們正在玩一些新東西</h2>
39+
40+
<!--
41+
HTML, CSS 跟 JAVASCRIPT 的三角關係
42+
-->
43+
<h3>CSS 及 JavaScript 快速編輯</h3>
44+
<p>
45+
別再因為不斷切換檔案而一直分神失焦了。編輯 HTML 時，按下 <kbd>Cmd/Ctrl + E</kbd>
46+
快速鍵就地開啟編輯器，秀出所有相關的 CSS 規則。
47+
調好 CSS 後按 <kbd>ESC</kbd> 馬上就回到 HTML 繼續編輯。
48+
此外，也可以就讓那些 CSS 規則一直開著，成為 HTML 編輯器的一部分。
49+
如果您在快速編輯器的範圍外按下 <kbd>ESC</kbd> 鍵，所有快速編輯器都會收合起來。
50+
</p>
51+
52+
<samp>
53+
想親身體驗嗎? 把游標移到上面的 <!-- <samp> --> 標籤中，按下 <kbd>Cmd/Ctrl + E</kbd>。
54+
您應該就會看到 CSS 快速編輯器出現在上方，馬上就能看到並修改套用在該標籤上的 CSS 規則。
55+
快速編輯功能也支援 class 及 id 屬性喔!
56+
57+
您也可以透過這個方式新增規則。在上方隨便一個 <!-- <p> --> 標籤上點一下，按 <kbd>Cmd/Ctrl + E</kbd>。
58+
可以看到它上面並沒有任何 CSS　規則，但您可以按一下「新增規則」按鈕，就會新增 <!-- <p> --> 規則。
59+
</samp>
60+
61+
<a href="screenshots/quick-edit.png">
62+
<img alt="用到 CSS 快速編輯的畫面擷圖" src="screenshots/quick-edit.png" />
63+
</a>
64+
65+
<p>
66+
您也能使用相同的快速鍵編輯其他東西，例如 JavaScript 函式、CSS 色彩、CSS 動畫計時函式等，且持續增加中。
67+
目前還不能在快速編輯器中巢狀開啟其他快速編輯器，只有游標在主編輯器時才能開快速編輯功能。
68+
</p>
69+
70+
<!--
71+
即時預覽
72+
-->
73+
<h3>在瀏覽器裡即時預覽 HTML 及 CSS 變更</h3>
74+
<p>
75+
有一種舞叫做「存檔再重新載入探戈」，我們跳了好多年，您聽過嗎?
76+
就是在編輯器裡改一改東西，儲存好，馬上再切過去瀏覽器，按「重新整理」後才能真正的看到結果這鳥事?
77+
用 Brackets，您永遠不必再這麼「跳」。
78+
</p>
79+
<p>
80+
Brackets 會跟您本機的瀏覽器<em>即時連線</em>，在您輸入的同時將 HTML 及 CSS 內容更新過去!
81+
說不定活在 21 世紀的您已經用瀏覽器提供的工具做過類似的事了，但是用 Brackets
82+
您不用再把最後終於會動的程式複製貼回編輯器。
83+
您的程式雖然身在瀏覽器上，但靈魂可還一直活在編輯器裡啊!
84+
</p>
85+
86+
<h3>即時強調顯示 HTML 元素及 CSS 規則</h3>
87+
<p>
88+
Brackets 讓您更容易看到 HTML 及 CSS 的修改會對頁面造成什麼影響。
89+
當游標停在 CSS 規則上時，Brackets 會在瀏覽器裡將所有會受影響的元素強調出來。
90+
編輯 HTML 檔案時，Brackets 也會在瀏覽器中強調顯示對應的 HTML 元素。
91+
</p>
92+
93+
<samp>
94+
如果您安裝了 Google Chrome，馬上就可以試看看。
95+
按一下 Brackets 視窗右上角的閃電圖示，或是按 <kbd>Cmd/Ctrl + Alt + P</kbd>。
96+
當即時預覽功能在 HTML 檔案上啟用後，所有連結到的 CSS 檔案也都可以馬上編輯馬上生效。
97+
Brackets 與您的瀏覽器建立連線時，圖示會由灰轉金。
98+
99+
就是現在，把游標移到上面的 <!-- <img> --> 標籤。注意看 Chrome 在圖片上顯示的藍色框。
100+
接下來，按 <kbd>Cmd/Ctrl + E</kbd> 開啟相關的 CSS 規則定義。
101+
試著將框線 (border) 值由 10px 改成 20px，或將背景色由透明 "transparent" 改成 "hotpink"。
102+
如果您把 Brackets 跟瀏覽器並排放好，就能看到所有異動馬上就反應到瀏覽器上了。酷吧?!
103+
</samp>
104+
105+
<p class="note">
106+
目前 Brackets 只能即時預覽 HTML 及 CSS。不過修改 JavaScript 檔案時，一儲存就會自動將頁面重新載入。
107+
我們正在努力讓即時預覽功能支援 JavaScript。
108+
此外，即時預覽現在只能在 Google Chrome 上執行，我們希望將來能支援所有主流的瀏覽器。
109+
</p>
110+
111+
<h3>快速檢視</h3>
112+
<p>
113+
為了那些記不得色彩十六進位值或是 RGB 值的人，Brackets 能快速又簡單的讓您看見色彩的真相。
114+
不管在 CSS 或 HTML 中，只要將滑鼠游標移到任何色彩值或是漸變色上，Brackets 就會自動顯示預覽。
115+
對圖片也同樣有用，在 Brackets 裡將滑鼠游標移到圖片連結上，就會自動顯示預覽縮圖。
116+
</p>
117+
118+
<samp>
119+
自已試試快速檢視，只要將游標移到這份文件最上方的 <!-- <body> --> 標籤上，按下 <kbd>Cmd/Ctrl + E</kbd>
120+
開啟 CSS 快速編輯器，將滑鼠游標移到 CSS 上的任何一個色彩值上就能看到。
121+
想要預覽漸變色，您也可以在 <!-- <html> --> 標籤上開啟 CSS 快速編輯器，移到隨便一個背景圖片 (background-image) 值就能看到。
122+
要試圖片預覽，則是將游標移到這個檔案前幾段提到的畫面擷圖上就能看到。
123+
</samp>
124+
125+
<h3>還欠什麼嗎? 安裝擴充功能吧!</h3>
126+
<p>
127+
除了 Brackets 內建的這些好東西外，我們那已具規模，且日益狀大的開發者社群已經寫了上百種擴充功能。
128+
如果您覺得 Brackets 少了些什麼，說不定早就有人寫出擴充功能了。
129+
點一下 <strong>檔案 &gt; 擴充功能管理員</strong>，再點一下「可使用」頁籤，就能瀏覽或搜尋擴充功能清單。
130+
一旦找到想要的擴充功能，按一下後面的「安裝」按鈕就可以了。
131+
</p>
132+
133+
<h3>Brackets 中的「專案」</h3>
134+
<p>
135+
為了讓 Brackets 能編輯您的程式，請開啟包含所有相關檔案的資料夾。
136+
Brackets 會將當下開啟的資料夾視為一個「專案」，程式提示、即時預覽及快速編輯等功能都只會參考到專案裡的檔案。
137+
</p>
138+
139+
<samp>
140+
要是您已經準備好關掉這個範例專案，開始編輯自已的程式，可以使用左邊側欄的下拉式選單切換資料夾。
141+
現在應該是選到「Getting Started」，也就是您現在看到的這份文件所在的資料夾。
142+
按一下下拉式選單，點選「開啟資料夾…」選項，就能開啟您自已的資料夾。
143+
144+
之後您也可以透過同樣的下拉式選單切回開啟過的資料夾，包含這個範例專案。
145+
</samp>
146+
147+
<!--
148+
跟我們說說您的想法
149+
-->
150+
<h2>一起參與</h2>
151+
<p>
152+
Brackets 專案是開放原始碼的。世界各地的網頁開發者貢獻一己之力，只為打造出更好的程式編輯器。
153+
也有不少人正在開發擴充功能，讓 Brackets 越有能耐。
154+
告訴我們您的想法，分享您的 ieda，或是直接為本專案做點事吧。
155+
</p>
156+
<ul>
157+
<li><a href="http://brackets.io">Brackets.io</a></li>
158+
<li><a href="http://blog.brackets.io">Brackets 開發團隊網誌</a></li>
159+
<li><a href="http://github.com/adobe/brackets">GitHub 上的 Brackets</a></li>
160+
<li><a href="https://brackets-registry.aboutweb.com">Brackets 擴充功能登錄庫</a></li>
161+
<li><a href="http://github.com/adobe/brackets/wiki">Brackets 維基</a></li>
162+
<li><a href="http://groups.google.com/group/brackets-dev">Brackets 開發者郵寄清單</a></li>
163+
<li><a href="https://twitter.com/#!/brackets">Twitter 上的 @brackets</a></li>
164+
<li>在 Freenode 的 #brackets IRC 頻道上與 Brackets 開發者聊天</li>
165+
</ul>
166+
167+
</body>
168+
</html>
169+
<!--
170+
171+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
172+
[:::::::::::::: ::::::::::::::]
173+
[:::::::::::::: ::::::::::::::]
174+
[::::::[[[[[[[: :]]]]]]]::::::]
175+
[:::::[ ]:::::]
176+
[:::::[ ]:::::]
177+
[:::::[ ]:::::]
178+
[:::::[ ]:::::]
179+
[:::::[ CODE THE WEB ]:::::]
180+
[:::::[ http://brackets.io ]:::::]
181+
[:::::[ ]:::::]
182+
[:::::[ ]:::::]
183+
[:::::[ ]:::::]
184+
[:::::[ ]:::::]
185+
[::::::[[[[[[[: :]]]]]]]::::::]
186+
[:::::::::::::: ::::::::::::::]
187+
[:::::::::::::: ::::::::::::::]
188+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
189+
190+
-->
191+
192+
<!-- Last translated for 0fa50d0e19bb5f7abd6fdf3963f57cae225ed2b3 -->

‎samples/zh-tw/Getting Started/main.css‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
html {
2+
background-color: #e6e9e9;
3+
background-image: -webkit-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
4+
background-image: linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
5+
-webkit-font-smoothing: antialiased;
6+
}
7+
8+
body {
9+
margin: 0 auto;
10+
padding: 2em 2em 4em;
11+
max-width: 800px;
12+
font-family: "Heiti TC", "LiHei Pro", "Microsoft JhengHei", "WenQuanYi Micro Hei", "Droid Sans Fallback", "Arial Unicode MS", sans-serif;
13+
font-size: 16px;
14+
line-height: 1.5em;
15+
color: #545454;
16+
background-color: #ffffff;
17+
box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
18+
}
19+
20+
h1, h2, h3, h4, h5, h6 {
21+
color: #222;
22+
font-weight: 700;
23+
line-height: 1.3em;
24+
}
25+
26+
h2 {
27+
margin-top: 1.3em;
28+
}
29+
30+
a {
31+
color: #0083e8;
32+
}
33+
34+
b, strong {
35+
font-weight: 700;
36+
}
37+
38+
samp {
39+
display: none;
40+
}
41+
42+
img {
43+
-webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
44+
animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
45+
background: transparent;
46+
border: 10px solid rgba(0, 0, 0, 0.12);
47+
border-radius: 4px;
48+
display: block;
49+
margin: 1.3em auto;
50+
max-width: 95%;
51+
}
52+
53+
em {
54+
font-style: normal;
55+
font-weight: 700;
56+
}
57+
58+
@-webkit-keyframes colorize {
59+
0% {
60+
-webkit-filter: grayscale(100%);
61+
}
62+
100% {
63+
-webkit-filter: grayscale(0%);
64+
}
65+
}
66+
67+
@keyframes colorize {
68+
0% {
69+
filter: grayscale(100%);
70+
}
71+
100% {
72+
filter: grayscale(0%);
73+
}
74+
}
75+
76+
/* Last localized for a77e108a2950fb3676b20224f50cef0e3cb2e58a */

‎samples/zh-tw/Getting Started/screenshots/quick-edit.png‎

416 KB
Loading

‎src/extensions/default/CSSCodeHints/CSSProperties.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
"backface-visibility": {"values": ["hidden", "visible"]},
1515
"background": {"values": []},
1616
"background-attachment": {"values": ["fixed", "local", "scroll", "inherit"]},
17+
"background-blend-mode": {"values": ["color", "color-burn", "color-dodge", "darken", "difference", "exclusion", "hard-light", "hue", "lighten", "luminosity", "normal", "multiply", "overlay", "saturation", "screen", "soft-light"]},
1718
"background-clip": {"values": ["border-box", "content-box", "padding-box", "inherit"]},
1819
"background-color": {"values": ["currentColor", "transparent", "inherit"]},
1920
"background-image": {"values": ["image()", "linear-gradient()", "radial-gradient()", "repeating-linear-gradient()", "repeating-radial-gradient()", "url()"]},
@@ -184,6 +185,7 @@
184185
"text-indent": {"values": ["inherit"]},
185186
"text-overflow": {"values": ["clip", "ellipsis", "inherit"]},
186187
"text-shadow": {"values": []},
188+
"text-rendering": {"values": ["auto", "geometricPrecision", "optimizeLegibility", "optimizeSpeed"]},
187189
"text-transform": {"values": ["capitalize", "full-width", "lowercase", "none", "uppercase", "inherit"]},
188190
"text-underline-position": {"values": ["alphabetic", "auto", "below", "left", "right"]},
189191
"top": {"values": ["auto", "inherit"]},

‎src/language/languages.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@
109109
"cpp": {
110110
"name": "C++",
111111
"mode": ["clike", "text/x-c++src"],
112-
"fileExtensions": ["cc", "cp", "cpp", "c++", "cxx", "hh", "hpp", "hxx", "h++", "ii"],
112+
"fileExtensions": ["cc", "cp", "cpp", "c++", "cxx", "hh", "hpp", "hxx", "h++", "ii", "ino"],
113113
"blockComment": ["/*", "*/"],
114114
"lineComment": ["//"]
115115
},
@@ -229,7 +229,7 @@
229229
"bash": {
230230
"name": "Bash",
231231
"mode": ["shell", "text/x-sh"],
232-
"fileExtensions": ["sh", "command"],
232+
"fileExtensions": ["sh", "command", "bash"],
233233
"lineComment": ["#"]
234234
},
235235

‎src/nls/fr/strings.js‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -354,6 +354,7 @@ define({
354354
"CMD_SORT_WORKINGSET_BY_NAME": "Trier par nom",
355355
"CMD_SORT_WORKINGSET_BY_TYPE": "Trier par type",
356356
"CMD_SORT_WORKINGSET_AUTO": "Tri automatique",
357+
"CMD_THEMES": "Themes\u2026",
357358

358359
// Navigate menu Commands
359360
"NAVIGATE_MENU": "Naviguer",
@@ -416,6 +417,14 @@ define({
416417
"BASEURL_ERROR_INVALID_CHAR": "Les caractères spéciaux tels que '{0}' doivent être codés en %.",
417418
"BASEURL_ERROR_UNKNOWN_ERROR": "Erreur inconnue lors de l’analyse de l’URL de base",
418419

420+
// Strings for themes-settings.html and themes-general.html
421+
"CURRENT_THEME": "Current Theme",
422+
"CUSTOM_SCROLLBARS": "Custom Scrollbars",
423+
"FONT_SIZE": "Font Size",
424+
"FONT_FAMILY": "Font Family",
425+
"LINE_HEIGHT": "Line Height",
426+
"GENERAL": "General",
427+
419428
// CSS Quick Edit
420429
"BUTTON_NEW_RULE": "Nouvelle règle",
421430

‎src/nls/ja/strings.js‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -354,6 +354,7 @@ define({
354354
"CMD_SORT_WORKINGSET_BY_NAME": "名前順",
355355
"CMD_SORT_WORKINGSET_BY_TYPE": "種類順",
356356
"CMD_SORT_WORKINGSET_AUTO": "自動ソート",
357+
"CMD_THEMES": "Themes\u2026",
357358

358359
// Navigate menu Commands
359360
"NAVIGATE_MENU": "ナビゲート",
@@ -416,6 +417,14 @@ define({
416417
"BASEURL_ERROR_INVALID_CHAR": "「{0}」のような特殊文字は、パーセントエンコーディングする必要があります。",
417418
"BASEURL_ERROR_UNKNOWN_ERROR": "ベース URL の解析中に不明なエラーが発生しました",
418419

420+
// Strings for themes-settings.html and themes-general.html
421+
"CURRENT_THEME": "Current Theme",
422+
"CUSTOM_SCROLLBARS": "Custom Scrollbars",
423+
"FONT_SIZE": "Font Size",
424+
"FONT_FAMILY": "Font Family",
425+
"LINE_HEIGHT": "Line Height",
426+
"GENERAL": "General",
427+
419428
// CSS Quick Edit
420429
"BUTTON_NEW_RULE": "新規ルール",
421430

‎src/nls/root/strings-app.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,5 +57,6 @@ define({
5757
"LOCALE_SR" : "Српски",
5858
"LOCALE_SV" : "svenska",
5959
"LOCALE_TR" : "Türkçe",
60-
"LOCALE_ZH_CN" : "简体中文"
60+
"LOCALE_ZH_CN" : "简体中文",
61+
"LOCALE_ZH_TW" : "繁體中文"
6162
});

‎src/nls/strings.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,7 @@ define(function (require, exports, module) {
6464
"sr": true,
6565
"sv": true,
6666
"tr": true,
67-
"zh-cn": true
67+
"zh-cn": true,
68+
"zh-tw": true
6869
};
6970
});

0 commit comments

Comments
 (0)
⚡