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

Commit c76533c

Browse files
RaymondLimRaymondLim
committed
Merge pull request #10062 from datamweb/master
For Farsi | Persian |فارسی l Language.
2 parents e04815d + 9b31590 commit c76533c

File tree

5 files changed

+509
-253
lines changed

5 files changed

+509
-253
lines changed

‎samples/fa-ir/Getting Started/index.html‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6+
<title>شروع به کار با براکتس</title>
7+
<meta name="description" content="تعاملی برای شروع به کار با براکتس.">
8+
<link rel="stylesheet" href="main.css">
9+
</head>
10+
<body class="rtl">
11+
<h1> شروع به کار با براکتس </h1>
12+
<h2>این راهنمایی برای شماست!</h2>
13+
<!--
14+
MADE WITH <3 AND JAVASCRIPT
15+
-->
16+
<p>
17+
به براکتس، ویرایشگر کد منبع باز پیشرفته که طراحی وب را درک می کند، خوش آمدید. آن یک چیز سبک و در عین حال قدرتمند است .ویرایشگر کد که ابزارهای بصری را در درون ویرایش گر ترکیب میکند تا به اندازه کافی کمک دریافت کنید زمانی که آن را می خواهید.
18+
</p>
19+
<!--
20+
WHAT IS BRACKETS?
21+
-->
22+
<p>
23+
<em>براکتس یک نوع متفاوت از ویرایشگر می باشد.</em>
24+
براکتس برخی ویژگی های منحصر به فردی دارد مانند ویرایش سریع ،پیشنمایش زنده،و چیزها دیگری که ممکن است شما آن را در ویرایشگر های دیگر پیدا نکنید. و براکتس با جاوا اسکریپت ،اچ تی ام ال و سی اس اس نوشته شده است. به این معنا که اکثر کاربران براکتس مهارت های لازم برای توسعه و گسترش ویرایشگر را دارند. در حقیقت ما هر روز از براکتس استفاده می کنیم تا براکتس را درست کنیم. برای یادگیری بیشتر درباره اینکه چطور از ویژه گی های کلیدی استفاده کنید بر روی آن مطالعه داشته باشید.
25+
</p>
26+
<!--
27+
GET STARTED WITH YOUR OWN FILES
28+
-->
29+
<h3>پروژه ها در براکتس</h3>
30+
<p>
31+
به منظور ویرایش کد با استفاده از براکتس،شما می توانید فقط پوشه ای که شامل فایلها یتان می باشد را باز کنید. براکتس با پوشه جاری باز شده به عنوان یک "پروژه" رفتار می کند; ویژه گی نکات کد،پیشنمایش زنده و ویرایش سریع فقط در پوشه جاری باز شده قابل استفاده است.
32+
</p>
33+
<samp>
34+
هنگامی که شما قصد خارج شدن از پروژه را دارید و کد را ویرایش می کنید، شما می توانید از منوی باز شوند در نوار کناری سمت چپ جهت تغییر پوشه ها استفاده کنید. اکنون،منوی باز شونده نشان می دهد "Getting Started" - پوشه ای است که فایلهای که اکنون در حال مشاهده آن هستید را شامل می شود. کلیک کنید بر روی منوی باز شونده و انتخاب کنید "باز کردن پوشه"را.
35+
برای باز کردن پوشه خودتان.شما می توانید همچنین بعداً استفاده کنید جهت برگشتن به پوشه های که قبلا باز کرده اید شامل همین پروژه نمونه نیز می شود.
36+
</samp>
37+
<!--
38+
THE RELATIONSHIP BETWEEN HTML, CSS AND JAVASCRIPT
39+
-->
40+
<h3>ویرایش سریع برای سی اس اس و جاوا اسکریپت</h3>
41+
<p>
42+
تعویض نه چندان زیاد بین اسناد و از دست دادن متن محتوا وقتی در حال ویرایش "اچ تی ام ال" هستید از کلید میانبر <kbd>Cmd/Ctrl + E</kbd> استفاده کنید تا یک ویرایشگر سطری سریع باز شود که تمام سی اس اس مربوطه را نشان دهد.
43+
یک کنترل برای سی اس اس تان بسازید و کلید <kbd>ESC</kbd> را فشار دهید تا به ویرایش اچ تی ام ال تان برگردید، یا فقط قواعد باز شده ی سی اس اس را ترک کنید در نتیجه آنها به بخشی از ویرایشگر اچ تی ام ال تان وارد خواهند شد.
44+
اگر شما کلید <kbd>ESC</kbd> کناری از یک ویرایشگر سطری سریع را فشار دهید آنها از بین می رود. ویرایش سریع همچنین قوانین تعریف شده در فایلهای LESS وSCSS که شامل قوانین تو در تو می باشند پیدا خواهد کرد.
45+
</p>
46+
47+
48+
<samp>
49+
Want to see it in action? Place your cursor on the <!-- <samp> --> tag above and press
50+
<kbd>Cmd/Ctrl + E</kbd>. You should see a CSS quick editor appear above, showing the CSS rule that
51+
applies to it. Quick Edit works in class and id attributes as well. You can use it with your
52+
LESS and SCSS files also.
53+
You can create new rules the same way. Click in one of the <!-- <p> --> tags above and press
54+
<kbd>Cmd/Ctrl + E</kbd>. There are no rules for it right now, but you can click the New Rule
55+
button to add a new rule for <!-- <p> -->.
56+
</samp>
57+
58+
59+
<a href="screenshots/farsiquick-edit.png">
60+
<img alt="A screenshot showing CSS Quick Edit" src="screenshots/farsiquick-edit.png" />
61+
</a>
62+
<p>
63+
شما می توانید استفاده کنید از میانبر ثابتی تا چیزهای دیگری را، همچنین ویرایش کنید مثل توابع در جاوااسکریپت، رنگها و توابع زمانی انیمیشن و بیش از هر زمانی استفاده می کنید.
64+
</p>
65+
<p>
66+
در حال حاضر ویرایشگر های سطری نمی توانند تودرتو باشند بنابراین شما می توانید تنها ویرایشگر سریع را استفاده کنید زمانی که مکان نما در یک ویرایش تمام صفحه است.
67+
</p>
68+
<!--
69+
LIVE PREVIEW
70+
-->
71+
<h3>پیش نمایش تغیرات اچ تی ام ال و سی اس اس به صورت زنده در مرورگر</h3>
72+
<p>
73+
شما میدانید که ما فرآیند ذخیره /بازنگری را سالهاست انجام می دهیم در ویرایشتان جای را که تغیری ایجاد می کنید ذخیره می کنید و به مرورگر می روید و سپس نو سازی، سرانجام نتیجه را مشاهده کنید؟ با براکتس شما نیازی به آن کار ندارید.
74+
</p>
75+
<p>
76+
براکتس یک ارتباط زنده با مرورگر محلی تان ایجاد می کند و یک نوع بروز رسانی اچ تی ام ال و سی اس اس را قرار می دهد در داخل آن. شما همچنین ممکن است چیزهای را که امروزه انجام می دهید با ابزار های مرورگرهای رایج، اما با براکتس شما نیازی به کپی و جایگزاری و در نهایت بازگشت به ویرایشگر کد ندارید. ویرایش کدهای تان اجرا خواهند شد در مرورگر ،اما به صورت زنده .
77+
براکتس یک <em>ارتباط زنده</em> با مرورگر محلی تان ایجاد می کند و یک نوع بروز رسانی اچ تی ام ال و سی اس اس را قرار می دهد در داخل آن. شما همچنین ممکن است چیزهای را که امروزه انجام می دهید با ابزار های مرورگرهای رایج، اما با براکتس شما نیازی به کپی و جایگزاری و در نهایت بازگشت به ویرایشگر کد ندارید. ویرایش کدهای تان اجرا خواهند شد در مرورگر ،اما به صورت زنده .
78+
79+
</p>
80+
<h3>هایلایت زنده عناصر اچ تی ام ال و قوانین سی اس اس</h3>
81+
<p>
82+
براکتس تغیرات ایجاد شده در اچ تی ام ال و سی اس اس و چگونگی تاثیر آن بر روی صفحه را به آسانی نشان می دهد. زمانی که نشانگر ماوس بر روی یک قانون سی اس اس قرار می گیرد براکتس تمام عناصر تحت تاثیر را مشخص می کند. مشابهاً زمانی که یک فایل html در حال ویرایش است براکتس عناصر مربوط به اچ تی ام ال را در مرورگر مشخص می کند. امروزه براکتس فقط از پیشنمایش زنده برای اچ تی ام ال و سی اس اس پشتیبانی می کند. اگر چه در نسخه جاری تغییرات در فایلهای جاوااسکریپت به طور خودکار، زمانی که شما ذخیره می کنید مجدّداً بار گذاری می شود. ما در حال کارکردن بر روی پیشنمایش زنده جهت پشتیبانی از جاوا اسکریپت هستیم. پیشنمایش زنده تنها با گوگل کروم ممکن هست، اما ما امیدواریم این قابلیت درآینده برای همه عمده مرورگرهای به کار گرفته شود.
83+
</p>
84+
<samp>
85+
If you have Google Chrome installed, you can try this out yourself. Click on the lightning bolt
86+
icon in the top right corner of your Brackets window or hit <kbd>Cmd/Ctrl + Alt + P</kbd>. When
87+
Live Preview is enabled on an HTML document, all linked CSS documents can be edited in real-time.
88+
The icon will change from gray to gold when Brackets establishes a connection to your browser.
89+
Now, place your cursor on the <!-- <img> --> tag above. Notice the blue highlight that appears
90+
around the image in Chrome. Next, use <kbd>Cmd/Ctrl + E</kbd> to open up the defined CSS rules.
91+
Try changing the size of the border from 10px to 20px or change the background
92+
color from "transparent" to "hotpink". If you have Brackets and your browser running side-by-side, you
93+
will see your changes instantly reflected in your browser. Cool, right?
94+
</samp>
95+
<p class="note">
96+
97+
</p>
98+
<h3>نمایش سریع</h3>
99+
<p>
100+
برای برخی از ما که هنوز رنگ معادل برچسب های HEX ,rgbرا حفظ نیستیم، براکتس آن را سریع و راحت ایجاد میکند تا ببینی که دقیقاً کدام رنگ است که استفاده می شود. در هر سی اس اس به سادگی نشانگر ماوس را روی هر مقدار رنگ یا گرادینت در براکتس ببریم، یک پیش نمایش از رنگ/ گرادینت به صورت خودکار نمایش داده خواهد شد. به صورت مشابه برای تصاویر هم بکار می رود. به سادگی زمانی که نشانگر بر روی /آدرس تصویر در ویرایشگر براکتس قرار گیرد به عنوان پیش نمایش تصویر بند انگشتی از عکس نشان خواهد داد.
101+
</p>
102+
<samp>
103+
To try out Quick View for yourself, place your cursor on the <!-- <body> --> tag at the top of this
104+
document and press <kbd>Cmd/Ctrl + E</kbd> to open a CSS quick editor. Now simply hover over any of the
105+
color values within the CSS. You can also see it in action on gradients by opening a CSS quick editor
106+
on the <!-- <html> --> tag and hovering over any of the background image values. To try out the image
107+
preview, place your cursor over the screenshot image included earlier in this document.
108+
</samp>
109+
<h3>به چیز دیگری نیاز دارید? تلاش یک افزونه!</h3>
110+
<p>
111+
علاوه بر تمام مزایای که در براکتس ایجاد شده است جامعه بزرگ و در حال رشد ما که متشکل از توسعه دهنده افزونه هاست هزاران افزونه برای اضافه شدن قابلیت های بسیار مفید ساخته شده است. اگر نیاز به موارد دیگری دارید که در براکتس ارائه نشده است به احتمال زیاد شخصی افزونه ای را برای آن ایجاد کرده است به فهرست و یا جستجو لیست افزونه های در دسترس رجوع کنید در پرونده ، مدیریت افزونه ها را انتخاب کنید و بر روی برگه در دسترس کلیک کنید. زمانی که افزونه ای را که می خواهید پیدا کردید کافیست بر روی "نصب" کلیک کنید و ادامه دهید.
112+
</p>
113+
<!--
114+
LET US KNOW WHAT YOU THINK
115+
-->
116+
<h2>درگیر شدن</h2>
117+
<p>
118+
براکتس یک پروژه منبع باز می باشد. توسعه دهندگان وب در سرتاسر جهان در حال مشارکت جهت ساخت یک ویرایشگر بهتر می باشند. بسیاری در حال ساخت افزونه های هستند که توانایی براکتس را افزایش می دهد. آنچه را که به آن فکر می کنید را به ما اطلاع دهید ،ایده های خود را به اشتراک بگزارید یا به صورت مستقیم در پروژه مشارکت کنید.
119+
</p>
120+
<ul>
121+
<li><a href="http://brackets.io">سایت اصلی براکتس</a></li>
122+
<li><a href="http://blog.brackets.io">وبلاگ تیم براکتس</a></li>
123+
<li><a href="https://github.com/adobe/brackets">براکتس در GitHub</a></li>
124+
<li><a href="https://brackets-registry.aboutweb.com">ثبت افزونه براکتس</a></li>
125+
<li><a href="https://github.com/adobe/brackets/wiki">دانشنامه براکتس</a></li>
126+
<li><a href="https://groups.google.com/forum/#!forum/brackets-dev">فهرست ایمیل توسعه دهنده براکتس</a></li>
127+
<li><a href="https://twitter.com/brackets">@براکتس در تویترr</a></li>
128+
<li>گفتگوه با توسعه دهندگان براکتس در IRC <a href="http://webchat.freenode.net/?channels=brackets&uio=d4">#براکتس در فرینود</a></li>
129+
</ul>
130+
</body>
131+
</html>
132+
<!--
133+
134+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
135+
[:::::::::::::: ::::::::::::::]
136+
[:::::::::::::: ::::::::::::::]
137+
[::::::[[[[[[[: :]]]]]]]::::::]
138+
[:::::[ ]:::::]
139+
[:::::[ ]:::::]
140+
[:::::[ ]:::::]
141+
[:::::[ ]:::::]
142+
[:::::[ CODE THE WEB ]:::::]
143+
[:::::[ http://brackets.io ]:::::]
144+
[:::::[ ]:::::]
145+
[:::::[ ]:::::]
146+
[:::::[ ]:::::]
147+
[:::::[ ]:::::]
148+
[::::::[[[[[[[: :]]]]]]]::::::]
149+
[:::::::::::::: ::::::::::::::]
150+
[:::::::::::::: ::::::::::::::]
151+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
152+
153+
-->
154+
/* Last translated for 558502495dddd25974af9f4487f00a35e47dcfec */

‎samples/fa-ir/Getting Started/main.css‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
2+
/*
3+
This is the CSS rules for the Farsi|فارسیlanguage, which is written right to left.
4+
by pooya parsa dadashi || datamweb.
5+
*/
6+
7+
html {
8+
background-color: #e6e9e9;
9+
background-image: -webkit-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
10+
background-image: linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
11+
-webkit-font-smoothing: antialiased;
12+
}
13+
14+
body {
15+
margin: 0 auto;
16+
padding: 2em 2em 4em;
17+
max-width: 800px;
18+
font-size: 16px;
19+
line-height: 1.5em;
20+
color: #545454;
21+
background-color: #fff;
22+
box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
23+
}
24+
25+
h1, h2, h3, h4, h5, h6 {
26+
color: #000;
27+
font-weight: 600;
28+
line-height: 1.3em;
29+
}
30+
31+
h2 {
32+
margin-top: 1.3em;
33+
}
34+
35+
a {
36+
color: #0083e8;
37+
}
38+
39+
b, strong {
40+
font-weight: 600;
41+
}
42+
43+
samp {
44+
display: none;
45+
}
46+
47+
img {
48+
-webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
49+
animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
50+
background: transparent;
51+
border: 10px solid rgba(0, 0, 0, 0.12);
52+
border-radius: 4px;
53+
display: block;
54+
margin: 1.3em auto;
55+
max-width: 95%;
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+
/* Starting custom rules */
77+
.rtl {
78+
direction: rtl;
79+
text-align: right;
80+
font-family: "tahoma", Helvetica, Arial, sans-serif;
81+
}

‎samples/fa-ir/Getting Started/screenshots/farsiquick-edit.png‎

68.9 KB
Loading

0 commit comments

Comments
 (0)