diff --git "a/samples/uk/\320\237\320\276\321\207\320\270\320\275\320\260\321\224\320\274\320\276 \321\200\320\276\320\261\320\276\321\202\321\203/index.html" "b/samples/uk/\320\237\320\276\321\207\320\270\320\275\320\260\321\224\320\274\320\276 \321\200\320\276\320\261\320\276\321\202\321\203/index.html" new file mode 100755 index 00000000000..3a7e11d38d3 --- /dev/null +++ "b/samples/uk/\320\237\320\276\321\207\320\270\320\275\320\260\321\224\320\274\320\276 \321\200\320\276\320\261\320\276\321\202\321\203/index.html" @@ -0,0 +1,172 @@ + + + + + + + ПОЧАТОК РОБОТИ З BRACKETS + + + + + +

ПОЧАТОК РОБОТИ З BRACKETS

+

Ваш власний посібник!

+ + + + +

+ Ласкаво просимо у ранню версію Brackets, нового редактора з відкритим кодом для вебу + наступного покоління. Ми великі фанати стандартів і хочемо побудувати кращий інструмент + для JavaScript, HTML і CSS та пов'язаних з ними відкритих веб-технологій. Це наш + скромний початок. +

+ + +

+ Багато у чому, Brackets - незвичайний редактор. + Одна примітна особливість у тому, що цей редактор написаний на JavaScript, + HTML та CSS. Це означає, що більшість користувачів Brackets мають необхідні + навички для доопрацювання і розширення редактора. Насправді, ми використовуємо Brackets + кожен день для того, щоб покращувати його. Він так само має декілька особливостей, + таких як Швидке Редагування, Інтерактивний Перегляд та інших, які ви не зможете + знайти у інших редакторах. + Читайте далі для того, щоб дізнатися, як використовувати ці особливості редактора. +

+ + +

Ми випробуємо декілька нових штук

+ + +

Швидке редагування CSS та JavaScript

+

+ Тепер ніякого перемикання між документами і втрати контексту. Під час редагування HTML використовуйте + поєднання клавіш Cmd/Ctrl + E для відкриття швидкого редактора, який показує все пов'язане + з цим рядком CSS. Зробіть зміну CSS-стилів, натисніть ESC і поверніться назад до редагування + HTML. Або просто залиште блок з CSS-правил відкритим, і вони стануть частиною вашого HTML-редактора. + Якщо ви натиснете ESC поза швидким редактором, усі CSS-правила закриються. +

+ + + Хочете побачити це в дії? Поставте курсор на тезі вище і натисніть + Cmd/Ctrl + E. Ви повинні побачити, як вище з'явиться швидкий редактор CSS. Праворуч ви + побачите список CSS-правил, які відносяться до цього тегу. Просто прокрутіть правила вниз, використовуючи + Alt + Up/Down, щоб знайти те, що ви хочете відредагувати. + + + + Скріншот який показує CSS Quick Edit + + +

+ Ви так само можете використовувати ці гарячі клавіши при роботі з кодом JavaScript, + для того, щоб побачити зміст функції, просто наведіть курсор на її назву. + На даний момент всередині вбудованого редактора не можна відкрити ще один, тому ви можете + використовувати тільки Швидке Редагування, коли курсор знаходиться у "повноекранному" редакторі. +

+ + +

Переглядайте зміни CSS наживо в браузері!

+

+ Ви знаєте цю мороку зі "зберегти / перезавантажити", яку ми робимо роками? Коли ви робите + зміни у вашому редакторі, натискаєте зберегти, перемикаєтеся у браузер і потім натискаєте + перезавантажити, щоб нарешті побачити результат? Разом з Brackets цього більше не доведеться робити. +

+

+ Brackets відкриє пряме з'єднання з вашим локальним браузером та направить ваші зміни CSS, як + тільки ви їх надрукуєте! Ви, можливо, вже робили щось подібне з інструментами, вбудованими в браузер, + але з Brackets більше немає потреби копіювати та вставляти фінальний CSS назад у редактор. + Ваш код запускається у браузері, але живе у вашому редакторі! +

+

Підсвічування HTML-елементів і CSS-правил у реальному часі

+

+ З Brackets стало простіше зрозуміти, як зміни в HTML і CSS позначаться на сторінці. Коли ваш курсор + знаходиться на CSS-правилі, Brackets підсвітить всі його елементи в браузері. Те ж саме і з редагуванням + HTML-файлу, Brackets буде підсвічувати відповідні HTML-елементи у браузері. +

+ + Якщо у вас є встановлений Google Chrome, ви можете спробувати це самі. Натисніть на іконку + блискавки у правому верхньому кутку або натисніть Cmd/Ctrl + Alt + P. Коли Інтерактивний + Перегляд включений у HTML-документі, всі підключені CSS-документи можуть редагуватися у реальному + часі. Іконка зміниться з сірої на золоту, коли Brackets встановить з'єднання з вашим браузером. + + Тепер, поставте курсор на тезі вище і використовуйте Cmd/Ctrl + E, щоб + відкрити записані CSS-правила. Спробуйте змінити розмір межі з 10 пікселів до 20, або змінити + колір фону з "transparent" на "hotpink". Якщо Brackets і ваш браузер працюють разом, ви побачите, + як ваші зміни миттєво з'являться у вашому браузері. Круто, правда? + + +

+ Сьогодні, Brackets підтримує Інтерактивний Перегляд тільки для CSS. Зараз ми працюємо над підтримкою + Інтерактивного Перегляду для HTML та JavaScript. У поточній версії ви не побачите змін в вашому HTML- + або JavaScript-файлі до тих пір, поки не збережете документ. Інтерактивний Перегляд працює тільки з + Google Chrome. Але в майбутньому ми плануємо додати цю можливість для всіх основних браузерів. +

+

Швидкий перегляд

+

+ Для тих з нас, хто до цієї пори не запам'ятав значення кольорів для HEX або RGB, Brackets дозволяє швидко і просто + подивитися безпосередньо, який колір використовується. У будь-якому CSS- або HTML-файлі, просто наведіть курсор + на значення кольору або градієнта і Brackets автоматично відобразить цей колір / градієнт. Те ж саме і з зображеннями: + просто наведіть курсор на посилання з зображенням у редакторі і Brackets виведе мініатюру цього зображення. +

+ + + Спробуйте швидкий перегляд самі, помістіть курсор на тег вгорі цього документа і натисніть + Cmd/Ctrl + E для того, щоб відкрити швидкий редактор CSS. Зараз просто наведіть курсор на будь-яке + значення кольору в CSS. Ви так само можете побачити це в дії з градієнтом, відкривши швидкий редактор CSS на + тезі та навівши курсор на будь-яке значення фонового малюнка. Спробуйте швидкий перегляд + зображень, помістіть ваш курсор на будь-який скріншот у цьому документі. + + + +

Приймайте участь

+

+ Brackets — проект з відкритим кодом. Веб-розробники з усіх куточків світу сприяють + створення кращого редактора коду. Багато розробляють доповнення, які розширюють можливості + Brackets. Розкажіть нам, що ви думаєте, поділіться ідеями або безпосередньо підтримайте проект. +

+ + + + + \ No newline at end of file diff --git "a/samples/uk/\320\237\320\276\321\207\320\270\320\275\320\260\321\224\320\274\320\276 \321\200\320\276\320\261\320\276\321\202\321\203/main.css" "b/samples/uk/\320\237\320\276\321\207\320\270\320\275\320\260\321\224\320\274\320\276 \321\200\320\276\320\261\320\276\321\202\321\203/main.css" new file mode 100644 index 00000000000..dd4ef6c937a --- /dev/null +++ "b/samples/uk/\320\237\320\276\321\207\320\270\320\275\320\260\321\224\320\274\320\276 \321\200\320\276\320\261\320\276\321\202\321\203/main.css" @@ -0,0 +1,60 @@ +html { + background: #e6e9e9; + background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%); + -webkit-font-smoothing: antialiased; +} + +body { + background: #fff; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); + color: #545454; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 1.5; + margin: 0 auto; + max-width: 800px; + padding: 2em 2em 4em; +} + +h1, h2, h3, h4, h5, h6 { + color: #222; + font-weight: 600; + line-height: 1.3; +} + +h2 { + margin-top: 1.3em; +} + +a { + color: #0083e8; +} + +b, strong { + font-weight: 600; +} + +samp { + display: none; +} + +img { + animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; + background: transparent; + border: 10px solid rgba(0, 0, 0, 0.12); + border-radius: 4px; + display: block; + margin: 1.3em auto; + max-width: 95%; +} + +@keyframes colorize { + 0% { + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + } + 100% { + -webkit-filter: grayscale(0%); + filter: grayscale(0%); + } +} \ No newline at end of file diff --git "a/samples/uk/\320\237\320\276\321\207\320\270\320\275\320\260\321\224\320\274\320\276 \321\200\320\276\320\261\320\276\321\202\321\203/screenshots/quick-edit.png" "b/samples/uk/\320\237\320\276\321\207\320\270\320\275\320\260\321\224\320\274\320\276 \321\200\320\276\320\261\320\276\321\202\321\203/screenshots/quick-edit.png" new file mode 100644 index 00000000000..3ced278b06e Binary files /dev/null and "b/samples/uk/\320\237\320\276\321\207\320\270\320\275\320\260\321\224\320\274\320\276 \321\200\320\276\320\261\320\276\321\202\321\203/screenshots/quick-edit.png" differ diff --git a/src/nls/uk/urls.js b/src/nls/uk/urls.js new file mode 100644 index 00000000000..884f2c2b32a --- /dev/null +++ b/src/nls/uk/urls.js @@ -0,0 +1,29 @@ +/* + * Copyright (c) 2012 - present Adobe Systems Incorporated. All rights reserved. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * + */ + +define({ + // Relative to the samples folder + "GETTING_STARTED" : "uk/Починаємо роботу", + "ADOBE_THIRD_PARTY" : "http://www.adobe.com/go/thirdparty_uk/", + "MDN_DOCS_LICENSE" : "http://creativecommons.org/licenses/by-sa/2.5/deed.uk" +}); \ No newline at end of file diff --git a/src/nls/urls.js b/src/nls/urls.js index e0bc1381636..bb9fb8b6fad 100644 --- a/src/nls/urls.js +++ b/src/nls/urls.js @@ -52,6 +52,7 @@ define(function (require, exports, module) { "sv": true, "zh-cn": true, "zh-tw": true, - "tr": true + "tr": true, + "uk": true }; });