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

Commit 5a91533

Browse files
couzteaucouzteau
committed
Merge pull request #5378 from sirodoht/greek-localization
Add Greek Localization
2 parents e1e3a77 + c64497c commit 5a91533

File tree

7 files changed

+767
-0
lines changed

7 files changed

+767
-0
lines changed

‎samples/el/Ξεκίνωντας/index.html‎

Lines changed: 187 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,187 @@
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="An interactive getting started guide for Brackets.">
9+
<link rel="stylesheet" href="main.css">
10+
</head>
11+
<body>
12+
13+
<h1>ΞΕΚΙΝΩΝΤΑΣ ΜΕ ΤΟ BRACKETS</h1>
14+
<h2>Αυτός είναι ο οδηγός σας!</h2>
15+
16+
<!--
17+
MADE WITH <3 AND JAVASCRIPT
18+
-->
19+
20+
<p>
21+
Καλώς ήρθατε σε μια πρώιμη προεπισκόπηση του Brackets, ένας νέος επεξεργαστής κειμένου ανοιχτού-κώδικα για τη νέα γενιά του
22+
διαδικτύου. Είμαστε μεγάλοι οπαδοί των προτύπων και θέλουμε να φτιάξουμε καλύτερα εργαλεία για JavaScript, HTML και CSS
23+
και σχετικές ανοιχτές τεχνολογίες του διαδικτύου. Αυτό είναι το ταπεινό μας ξεκίνημα.
24+
</p>
25+
26+
<!--
27+
WHAT IS BRACKETS?
28+
-->
29+
<p>
30+
<em>Το Brackets είναι ένας διαφορετικής μορφής επεξεργαστής κειμένου.</em>
31+
Μία αξιοσημείωτη διαφορά είναι ότι αυτός ο επεξεργαστής κειμένου είναι γραμμένος σε JavaScript, HTML και CSS.
32+
Αυτό σημαίνει ότι οι περισσότεροι από εσάς που χρησιμοποιούν το Brackets έχουν τις ικανότητες να τροποποιήσουν και να επεκτείνουν τον επεξεργαστή κειμένου.
33+
Στην πραγματικότητα, χρησιμοποιούμε το Brackets κάθε μέρα για να φτιάξουμε το Brackets. Επίσης, έχει και κάποιες μοναδικές λειτουργίες όπως η Γρήγορα Επεξεργασία,
34+
το Live Preview και άλλες που μπορεί να μην βρείτε σε άλλους επεξεργαστές.
35+
Για να μάθετε περισσότερα για το πως να χρησιμοποιήσετε αυτές τις λειτουργίες, συνεχίστε το διάβασμα.
36+
</p>
37+
38+
39+
<h2>Δοκιμάζουμε μερικά νέα πράγματα</h2>
40+
41+
<!--
42+
THE RELATIONSHIP BETWEEN HTML, CSS AND JAVASCRIPT
43+
-->
44+
<h3>Γρήγορη Επεξεργασία για CSS και JavaScript</h3>
45+
<p>
46+
Όχι πια εναλλαγή μεταξύ των αρχείων και απόσπαση της προσοχής. Όταν επεξεργάζεστε HTML, χρησιμοποιήστε
47+
την συντόμευση <kbd>Cmd/Ctrl + E</kbd> για να ανοίξετε έναν γρήγορο ενσωματωμένο επεξεργαστή που εμφανίζει το σχετικό CSS κώδικα.
48+
Κάντε την αλλαγή στον κώδικα CSS, πατήστε <kbd>ESC</kbd> και είστε πίσω στην επεξεργασία HTML, ή απλά αφήστε τους
49+
CSS κανόνες ανοιχτούς και αυτοί θα γίνουν μέρος του επεξεργαστή HTML. Αν πατήσεις <kbd>ESC</kbd> έξω από
50+
έναν γρήγορο ενσωματωμένο επεξεργαστή, θα κρυφτούν όλα.
51+
</p>
52+
53+
<samp>
54+
Θέλετε να το δείτε στην πράξη; Βάλε τον κέρσορα στο <!-- <samp> --> tag από πάνω και πάτησε
55+
<kbd>Cmd/Ctrl + E</kbd>. Πρέπει να δεις ένα γρήγορο ενσωματωμένο επεξεργαστή να εμφανίζετε από πάνω, που δείχνει τον κανόνα CSS
56+
που σχετίζετε με αυτό το tag. Η Γρήγορη Επεξεργασία λειτουργεί επίσης και για class και id ιδιότητες.
57+
58+
Μπορείτε να δημιουργήσετε και νέους κανόνες με τον ίδιο τρόπο. Κάντε κλικ σε ένα από τα tags <!-- <p> --> από πάνω και πατήστε
59+
<kbd>Cmd/Ctrl + E</kbd>. Δεν υπάρχουν κανόνες για αυτό προς το παρόν, αλλά μπορείτε να πατήσετε το κουμπί Νέου Κανόνα
60+
για να εισάγετε έναν νέο κανόνα για το <!-- <p> -->.
61+
</samp>
62+
63+
<a href="screenshots/quick-edit.png">
64+
<img alt="A screenshot showing CSS Quick Edit" src="screenshots/quick-edit.png" />
65+
</a>
66+
67+
<p>
68+
Μπορείς να χρησιμοποιήσεις την ίδια συντόμευση για κώδικα JavaScript για να δεις το σώμα μιας συνάρτησης με
69+
το να τοποθετείς τον κέρσορα στο όνομα της συνάρτησης που καλείτε. Για τώρα οι γρήγοροι ενσωματωμένοι επεξεργαστές δεν μπορούν
70+
να γίνουν ένθετοι, άρα μπορείς να χρησιμοποιήσεις την Γρήγορη Επεξεργασία μόνο όταν ο κέρσορας είναι μέσα σε έναν «πλήρους μεγέθους» επεξεργαστή.
71+
</p>
72+
73+
<!--
74+
LIVE PREVIEW
75+
-->
76+
<h3>Προεπισκόπηση αλλαγών HTML και CSS ζωντανά στον browser</h3>
77+
<p>
78+
Ξέρεις αυτό το «χορό save/reload» που κάνουμε τόσα χρόνια; Αυτό που κάνεις αλλαγές στον
79+
επεξεργαστή σου, πατάς αποθήκευση, γυρνάς στον browser και μετά κάνεις ανανέωση για να δεις επιτέλους το αποτέλεσμα;
80+
Με το Brackets, δεν χρειάζεται να κάνεις αυτόν τον χορό.
81+
</p>
82+
<p>
83+
Το Brackets θα ανοίξει μία <em>ζωντανή σύνδεση</em> στον τοπικό σου browser και θα στείλει τους ανανεωμένους κώδικες HTML και CSS καθώς εσύ
84+
πληκτρολογείς! Μπορεί ήδη να κάνεις κάτι τέτοιο με εργαλεία που βασίζονται στον browser, αλλά με το Brackets
85+
δεν υπάρχει ανάγκη να αντιγράφεις και να επικολλάς τον τελικό κώδικα πίσω στον επεξεργαστή. Ο κώδικας σου τρέχει στον
86+
browser, αλλά ζει στον επεξεργαστή σου!
87+
</p>
88+
89+
<h3>Ζωντανή επισήμανση στοιχείων HTML και κανόνων CSS</h3>
90+
<p>
91+
Το Brackets κάνει εύκολο το να βλέπεις πως οι αλλαγές στους κώδικες HTML και CSS θα επηρεάσουν την σελίδα. Όταν ο κέρσορας
92+
είναι σε έναν κανόνα CSS, το Brackets θα επισημάνει όλα τα στοιχεία στον browser που επηρεάζονται. Παρόμοια, όταν επεξεργάζεστε
93+
ένα αρχείο HTML, το Brackets θα επισημάνει τα αντιστοιχούμενα στοιχεία HTML στον browser.
94+
</p>
95+
96+
<samp>
97+
Αν έχεις εγκατεστημένο τον Google Chrome, μπορείς να το δοκιμάσεις μόνο σου. Κάνε κλικ στο εικονίδιο της αστραπής
98+
στην πάνω δεξιά γωνία του παραθύρου του Brackets ή πατήστε <kbd>Cmd/Ctrl + Alt + P</kbd>. Όταν
99+
το Live Preview ενεργοποιηθεί σε ένα έγγραφο HTML, όλα τα συνδεόμενα αρχεία CSS μπορούν να επεξεργασθούν σε πραγματικό χρόνο.
100+
Το εικονίδιο θα αλλάξει από γκρι σε χρυσό όταν το Brackets δημιουργήσει την σύνδεση με τον browser.
101+
102+
Τώρα, τοποθέτησε τον κέρσορα του στο από πάνω <!-- <img> --> tag. Παρατηρήστε την μπλε επισήμανση που εμφανίζετε
103+
γύρω από την εικόνα στον Chrome. Έπειτα, χρησιμοποιήστε το <kbd>Cmd/Ctrl + E</kbd> για να ανοίξετε τους ορισμένους κανόνες CSS.
104+
Δοκιμάστε να αλλάξετε το μέγεθος του πλαισίου από 1px σε 10px ή αλλάξτε το χρώμα του φόντου
105+
από "dimgray" σε "hotpink". Αν έχετε το Brackets και τον browser σας να είναι δίπλα δίπλα, θα δείτε
106+
τις αλλαγές να συμβαίνουν στιγμιαία στον. Αμάτο, έτσι;
107+
</samp>
108+
109+
<p class="note">
110+
Σήμερα, το Brackets υποστηρίζει το Live Preview μόνο για HTML και CSS. Όμως, στην τρέχουσα έκδοση, οι αλλαγές
111+
σε αρχεία JavaScript ανανεώνονται αυτόματα όταν κάνετε αποθήκευση. Προς το παρόν δουλεύουμε τη υποστήριξη του Live Preview
112+
για JavaScript. Επίσης, οι άμεσες προεπισκοπήσεις του Live Preview είναι δυνατές μόνο με τον Google Chrome, αλλά ελπίζουμε
113+
να φέρουμε αυτήν την λειτουργία σε όλους τους μεγάλους browser στο μέλλον.
114+
</p>
115+
116+
<h3>Γρήγορη Προβολή</h3>
117+
<p>
118+
Για όσους από εμάς δεν απομνημονεύσει ακόμα τις αντιστοιχίες χρωμάτων για τις τιμές HEX ή RGB, το Brackets κάνει
119+
γρήγορο και εύκολο το να βλέπεις ακριβώς ποιο χρώμα χρησιμοποιείται. Είτε σε CSS είτε σε HTML, απλά περάστε το ποντίκι πάνω από
120+
τα τιμές του χρώματος ή τις διαβαθμίσεις χρώματος και το Brackets θα εμφανίσει μια προβολή αυτού του χρώματος ή της διαβάθμισης αυτόματα. Το
121+
ίδιο συμβαίνει και με τις εικόνες: απλά περάστε πάνω από τον σύνδεσμο της εικόνας στο Brackets και αυτό θα προβάλει μια
122+
μικρογραφία αυτής της εικόνας.
123+
</p>
124+
125+
<samp>
126+
Για να δοκιμάσετε την Γρήγορη Προβολή από μόνος σας, βάλτε τον κέρσορα πάνω από το tag <!-- <body> --> στην κορυφή αυτού του
127+
αρχείου και πατήστε <kbd>Cmd/Ctrl + E</kbd> για να ανοίξετε έναν γρήγορο επεξεργαστή CSS. Τώρα απλά πηγαίνετε το βελάκι πάνω από οποιοδήποτε
128+
τιμή χρώματος μέσα στο αρχείο CSS. Επίσης, μπορείτε να το δείτε στη πράξη σε διαβαθμίσεις χρώματος με το ανοίξετε έναν γρήγορο επεξεργαστή CSS
129+
στο tag <!-- <html> --> και πηγαίνοντας το βελάκι πάνω από οποιαδήποτε τιμή χρώματος του φόντου. Για να χρησιμοποιήσετε την προβολή
130+
εικόνας, βάλτε τον κέρσορα πάνω από το screenshot που συμπεριλήφθηκε προηγουμένως σε αυτό το έγγραφο.
131+
</samp>
132+
133+
<h3>Χρειάζεστε κάτι άλλο; Δοκιμάστε μία επέκταση!</h3>
134+
<p>
135+
Εκτός από όλα τα καλά που έχει το Brackets, η μεγάλη και αυξανόμενη κοινότητα των
136+
developers επεκτάσεων έχει φτιάξει πάνω από εκατό επεκτάσεις που προσθέτουν χρήσιμες λειτουργίες. Αν υπάρχει
137+
κάτι που χρειάζεστε και το Brackets δεν το προσφέρει, είναι πολύ πιθανό κάποιος να έχει φτιάξει μία επέκταση
138+
για αυτό. Για να περιηγηθήτε ή να ψάξετε τη λίστα των διαθέσιμων επεκτάσεων, πηγαίντε <strong>Αρχείο &gt; Διαχειρηστής
139+
Επεκτάσεων</strong> και κάντε κλικ στην καρτέλα «Διαθέσιμες». Όταν βρείτε μια επέκταση που θέλετε, απλά κάντε κλικ
140+
στο κουμπί της εγκτάστασης δίπλα του.
141+
</p>
142+
143+
<!--
144+
LET US KNOW WHAT YOU THINK
145+
-->
146+
<h2>Συμμετάσχετε</h2>
147+
<p>
148+
Το Brackets είναι ένα project ανοιχτού κώδικα. Web developers από όλον τον κόσμο συνεισφέρουν για να φτιάξουν
149+
έναν καλύτερο επεξεργαστή κώδικα. Πολλοί περισσότεροι φτιάχνουν επεκτάσεις που επεκτείνουν τις δυνατότητες του Brackets.
150+
Πείτε μας τι πιστεύετε, μοιραστείτε τις ιδέες σας ή συνεισφέρετε άμεσα στο
151+
project.
152+
</p>
153+
<ul>
154+
<li><a href="http://brackets.io">Brackets.io</a></li>
155+
<li><a href="http://blog.brackets.io">Brackets Team Blog</a></li>
156+
<li><a href="http://github.com/adobe/brackets">Brackets στο GitHub</a></li>
157+
<li><a href="https://github.com/adobe/brackets/wiki/Brackets-Extensions">Επεκτάσεις Brackets</a></li>
158+
<li><a href="http://github.com/adobe/brackets/wiki">Brackets Wiki</a></li>
159+
<li><a href="http://groups.google.com/group/brackets-dev">Brackets Developer Mailing List</a></li>
160+
<li><a href="https://twitter.com/#!/brackets">@Brackets στο Twitter</a></li>
161+
<li>Συνομιλήστε με τους προγραμματιστές του Brackets στο IRC κανάλι #brackets στο Freenode (κυρίως στα Αγγλικά)</li>
162+
</ul>
163+
164+
</body>
165+
</html>
166+
<!--
167+
168+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
169+
[:::::::::::::: ::::::::::::::]
170+
[:::::::::::::: ::::::::::::::]
171+
[::::::[[[[[[[: :]]]]]]]::::::]
172+
[:::::[ ]:::::]
173+
[:::::[ ]:::::]
174+
[:::::[ ]:::::]
175+
[:::::[ ]:::::]
176+
[:::::[ CODE THE WEB ]:::::]
177+
[:::::[ http://brackets.io ]:::::]
178+
[:::::[ ]:::::]
179+
[:::::[ ]:::::]
180+
[:::::[ ]:::::]
181+
[:::::[ ]:::::]
182+
[::::::[[[[[[[: :]]]]]]]::::::]
183+
[:::::::::::::: ::::::::::::::]
184+
[:::::::::::::: ::::::::::::::]
185+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
186+
187+
-->

‎samples/el/Ξεκίνωντας/main.css‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
html {
2+
background-color: #eeeeee;
3+
background-image: linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
4+
background-image: -o-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
5+
background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
6+
background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
7+
background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
8+
}
9+
10+
body {
11+
margin: 0 auto;
12+
padding: 2em;
13+
max-width: 800px;
14+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
15+
font-size: 14px;
16+
line-height: 1.5em;
17+
color: #333333;
18+
background-color: #ffffff;
19+
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
20+
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
21+
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
22+
}
23+
24+
h1, h2, h3, h4, h5, h6 {
25+
line-height: 1.3em;
26+
}
27+
28+
samp
29+
{
30+
/* hide <samp> from the browser so we can show cool features in Edge Code */
31+
display: none;
32+
}
33+
34+
img
35+
{
36+
background: dimgray;
37+
border: 1px solid black;
38+
border-radius: 2px;
39+
padding: 15px 10px 10px;
40+
margin: 10px 0;
41+
max-width: 95%;
42+
}

‎samples/el/Ξεκίνωντας/screenshots/quick-edit.png‎

308 KB
Loading

0 commit comments

Comments
 (0)