diff --git a/samples/bg/Getting Started/index.html b/samples/bg/Getting Started/index.html deleted file mode 100644 index 699e54856d..0000000000 --- a/samples/bg/Getting Started/index.html +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - ПЪРВИ СТЪПКИ С BRACKETS - - - - - -

ПЪРВИ СТЪПКИ С BRACKETS

-

Това е Вашето ръководство!

- - - -

- Добре дошли в Brackets, модерен редактор за код с отворен код, който разбира от уеб дизайн. Това е лек, - но мощен редактор за код, който слива визуалните инструменти с редактора, така че да получавате достатъчно - помощ, когато сте в нужда. -

- - -

- Brackets е един различен вид редактор. - Brackets има някои уникални функционалности, като бързо редактиране, преглед на живо и други, които може да не - откриете в други редактори. Brackets е написан на JavaScript, HTML и CSS. Това означава, че повечето от хората, - които използват Brackets имат уменията и да го променят и подобряват. Всъщност, ние самите използваме Brackets - всеки ден, за да градим Brackets. За да научите повече относно ключовите функционалности, продължавайте да четете. -

- - - -

Проектите в Brackets

-

- За да редактирате своя код в Brackets, трябва да отворите папката, съдържаща файловете Ви. - Brackets смята текущо отворената папка за „проект“; функционалностите като подсказки за кода, преглед на живо и - бързо редактиране работят само с файловете в текущо отворената папка. -

- - - След като приключите с разглеждането на този примерен проект и искате да редактирате собствен код, можете да - използвате падащото меню в лявата странична лента, за да превключвате между папките. В момента там е избрано - „Getting Started“ — това е папката, съдържаща файла, който разглеждате в момента. Щракнете върху падащото меню и - изберете „Отваряне на папка…“, за да отворите своя собствена папка. - Можете да използвате това падащо меню, за да се връщате обратно към папките, които сте отворили по-рано, - включително този примерен проект. - - - -

Бързо редактиране на CSS и JavaScript

-

- Без повече превключване между документи и забравяне къде сте били последно. Когато редактирате HTML, използвайте - комбинацията Cmd/Ctrl + E, за да отворите бърз редактор на място, който показва използвания CSS. - Променете CSS кода, натиснете ESC и се връщате към редактирането на HTML, или просто оставете - CSS правилата отворени и те ще станат част от редактора Ви за HTML. Ако натиснете ESC извън - вмъкнатия бърз редактор, всички такива ще се скрият. Бързото редактиране разпознава и правила, описани чрез - LESS и SCSS, включително и вложени правила. -

- - - Искате да го видите в действие? Поставете курсора върху елемента по-горе и натиснете - Cmd/Ctrl + E. Би трябвало да се появи бърз редактор за CSS, показващ CSS правилото, което - се прилага към този елемент. Бързото редактиране може да работи също и за класове и идентификатори. - Можете дори да го използвате с Вашите файлове с LESS и SCSS. - - Можете да създавате правила по същия начин. Щракнете върху един от елементите по-гори и - натиснете Cmd/Ctrl + E. В момента няма правила за тях, но можете да натиснете бутона - „Ново правило“ и да добавите ново правило за . - - - - Снимка на екрана, показваща бързото редактиране на CSS - - -

- Можете да използвате същата клавишна комбинация, за да редактирате и други неща — например функции на - JavaScript, цветове и времеви функции за анимации; ние постоянно добавяме още. -

-

- За сега редакторите на място не могат да се влагат един в друг, така че можете да използвате бързото - редактиране само когато курсорът е в „пълния“ редактор. -

- - -

Преглеждайте промените в HTML и CSS на живо в браузъра

-

- Нали знаете как години наред си играем на „запазване и презареждане“? Играта, в която правите - промяна в редактора си, натискате „запазване“, превключвате към браузъра и натискате „презареждане“, - за да видите резултата? - С Brackets, няма да ви се налага да я играете повече. -

-

- Brackets ще отвори жива връзка с браузъра Ви и ще му праща промените в HTML и CSS кода - докато пишете! Може би вече правите нещо подобно с различни инструменти, работещи в браузъра, но с Brackets - няма да има нужда да копирате готовия код обратно в редактора. Кодът Ви работи в браузъра, но - живее в редактора! -

- -

Осветява на HTML елементи и CSS правила на живо

-

- С Brackets е лесно да видите как промените Ви в HTML и CSS ще променят страницата. Когато курсорът - е върху CSS правило, Brackets ще осветява всички елементи, върху които то влияе, в браузъра. Също - така, докато редактирате файл с HTML, Brackets ще осветява съответстващите елементи в браузъра. -

- - - Ако имате Google Chrome, може да опитате това. Щракнете иконката на светкавица в горния десен - ъгъл на прозореца на Brackets или натиснете Cmd/Ctrl + Alt + P. Когато прегледът на живо - е включен за даден HTML документ, всички свързани CSS документи могат да бъдат редактирани в реално време. - Иконката ще смени цвета си от сив на златист, когато Brackets установи връзка с браузъра Ви. - - Сега поставете курсора си върху елемента по-горе. Забележете синия контур, - който се появява около изображението в Chrome. Сега натиснете Cmd/Ctrl + E, за да - отворите CSS правилата. Опитайте да промените размера на рамката от 10 на 20 пиксела или - променете цвета на фона от „transparent“ на „hotpink“. Ако Brackets и браузърът Ви работят - един до друг, ще видите как промените Ви автоматично се виждат в браузъра. Яко, нали? - - -

- Засега Brackets поддържа преглед на живо само за HTML и CSS. И все пак, в текущото издание, промените във - файловете с код на JavaScript се презареждат автоматично при запазване на файла. В момента работим върху - поддръжката на преглед на живо и за JavaScript. Прегледът на живо работи само с Google Chrome, но се надяваме - да поддържаме всички основни браузъри в бъдеще. -

- -

Бърз преглед

-

- Онези от нас, които не могат да запомнят съответствието между цветовете, изразени чрез шестнадесетични - числа и стойности ЧЗС, Brackets прави лесна и бърза проверката на това кой цвят се използва. Както в CSS, - така и в HTML, можете просто да посочите дадена цветова стойност или преливка, и Brackets ще Ви покаже как - изглежда този цвят или преливка автоматично. Същото важи и за изображенията: просто посочете връзката към - изображението в редактора и ще се появи миниатюрен изглед на това изображение. -

- - - За да опитате бързия преглед сами, поставете курсора върху елемента в началото на този - документ и натиснете Cmd/Ctrl + E, за да отворите бързия редактор на CSS. Сега просто посочете - някоя стойност за цвят. Можете да видите това и при преливките, като отворите бърз редактор за - елемента и посочите някоя от стойностите за фона. За да опитате прегледа на изображения, - поставете курсора върху снимката на екрана, която може да намерите по-нагоре в този документ. - - -

Имате нужда от повече? Опитайте някое разширение!

-

- Освен всички приятни функционалности, вградени в Brackets, нашата огромна и постоянно нарастваща - общност от разработчици на разширения е създала стотици такива, които добавят полезни и удобни функционалности. - Ако има нещо, от което се нуждаете, но не намирате в Brackets, много вероятно е някой вече да е създал - разширение за това. За да разгледате или претърсите списъка от налични разширения натиснете - Файл > Управител на разширения… и изберете раздела „Налични“. Когато намерите това, - което искате, просто натиснете бутона „Инсталиране“ до него. -

- - -

Включете се

-

- Brackets е проект с отворен код. Разработчици от цял свят допринасят, за да изградим заедно - един по-добър редактор за код. Много други създават разширения, които увеличават възможностите - на Brackets. Кажете ни какво мислите, споделете идеите си или направо се включете в проекта! -

- - - - - \ No newline at end of file diff --git a/samples/bg/Getting Started/main.css b/samples/bg/Getting Started/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/bg/Getting Started/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/bg/Getting Started/screenshots/quick-edit.png b/samples/bg/Getting Started/screenshots/quick-edit.png deleted file mode 100644 index f986c39ce4..0000000000 Binary files a/samples/bg/Getting Started/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/cs/Getting Started/index.html b/samples/cs/Getting Started/index.html deleted file mode 100644 index aa94c8a74a..0000000000 --- a/samples/cs/Getting Started/index.html +++ /dev/null @@ -1,209 +0,0 @@ - - - - - - - ZAČÍNÁME S BRACKETS - - - - - -

ZAČÍNÁME S BRACKETS

-

Tohle je váš průvodce!

- - - -

- Vítejte v Brackets, moderním open-source editoru kódu, který rozumí webdesignu. Odlehčeném, - a přesto výkonném editoru kódu, který prolíná textový editor s vizuálními nástroji, takže dostanete - správné množství pomoci, kdy budete chtít. -

- - -

- Brackets je jiný druh editoru. - Brackets obsahuje některé unikátní prvky, jako rychlou úpravu, živý náhled a další, které v jiných - editorech pravděpodobně nenajdete. Navíc je Brackets napsán v JavaScriptu, HTML a CSS. To znamená, - že mnoho z nás používajících Brackets má znalosti potřebné k úpravě nebo rozšíření editoru. My sami - používáme Brackets neustále k vývoji Brackets. Čtěte dál, pokud se chcete dozvědět více o tom, - jak používat některé klíčové funkce editoru. -

- - - -

Projekty v Brackets

-

- Abyste mohli editovat vlastní kód pomocí Brackets, stačí jenom otevřít složku obsahující vaše soubory. - Brackets považuje aktuálně otevřenou složku za „projekt“; funkce, jako např. nápovědy kódu, živý náhled - nebo rychlou úpravu, pak používá jenom u souborů uvnitř aktuálně otevřené složky. -

- - - Jakmile budete připraveni odejít z tohoto ukázkového projektu a editovat vlastní kód, můžete použít - rozbalovací nabídku v levém bočním panelu ke změně složek. Rozbalovací nabídka právě teď ukazuje - „Getting Started“ - to je složka obsahující soubor, který právě teď prohlížíte. Klikněte na rozbalovací - nabídku a vyberte „Otevřít složku…“ k otevření vaší vlastní složky. - Rozbalovací nabídku můžete použít také později k přechodu zpátky do složek, které jste otevřeli dříve, - včetně tohoto ukázkového projektu. - - - -

Rychlá úprava pro CSS a JavaScript

-

- Žádné další přepínání mezi dokumenty a ztrácení souvislostí. Když editujete HTML, použijte klávesovou - zkratku Cmd/Ctrl + E k otevření rychle vloženého editoru, který zobrazí veškeré související - CSS. Proveďte drobnou úpravu ve vašem CSS, stiskněte ESC a jste zpátky v editaci HTML, - nebo prostě nechte CSS předpisy otevřené, čímž se stanou součástí vašeho HTML editoru. Pokud stisknete - ESC mimo rychle vložený editor, skryjí se tyto editory všechny. Rychlá úprava najde také - předpisy definované v LESS a SCSS souborech, včetně těch vnořených. -

- - - Chcete to vidět v akci? Umístěte kurzor na značku výše a stiskněte - Cmd/Ctrl + E. Pod danou značkou by se měla objevit rychlá úprava CSS, zobrazující související - CSS předpis. Rychlá úprava funguje také v atributech class a id. Stejně tak ji můžete využít ve vašich - LESS a SCSS souborech. - - Stejným způsobem můžete vytvořit i předpisy nové. Klikněte na jednu ze značek výše - a stiskněte Cmd/Ctrl + E. Zatím tu žádné předpisy nejsou, ale můžete kliknout na tlačítko - Nový předpis, čímž přidáte nový předpis pro . - - - - Snímek obrazovky zobrazující rychlou úpravu CSS - - -

- Stejnou klávesovou zkratku můžete použít i k editaci jiných věcí - např. funkcí v JavaScriptu, barev - nebo funkcí pro načasování animací - a pořád přidáváme další a další. -

-

- Vložené editory prozatím nemohou být vnořené, rychlou úpravu tedy můžete použít pouze pokud je kurzor - uvnitř „plnohodnotného“ editoru. -

- - -

Zobrazte změny v HTML a CSS živě v prohlížeči

-

- Znáte ten tanec „uložitaobnovit“, který předvádíme řadu let? Takový ten, kdy provedete změny ve vašem - editoru, uložíte je, přepnete na prohlížeč a obnovíte stránku, abyste nakonec viděli výsledek? S Brackets - se tomuhle tanci můžete vyhnout. -

-

- Brackets otevře živé spojení s vaším prohlížečem a posílá změny v HTML a CSS během psaní! Možná - už dnes děláte něco podobného s nástroji v prohlížečích, ale s Brackets není potřeba kopírovat výsledný - kód a vkládat jej zpátky do editoru. Váš kód běží uvnitř prohlížeče, ale žije ve vašem editoru! -

- -

Živé zvýraznění HTML prvků a CSS předpisů

-

- Díky Brackets jednoduše uvidíte, jak vaše změny v HTML a CSS ovlivní stránku. Pokud umístíte kurzor - na CSS předpis, Brackets zvýrazní všechny zasažené prvky v prohlížeči. Podobně i při editaci HTML souboru - Brackets zvýrazní odpovídající HTML prvky v prohlížeči. -

- - - Pokud máte nainstalovaný Google Chrome, můžete si to vyzkoušet sami. Klikněte na ikonu blesku v pravém - horním rohu vašeho okna Brackets nebo stiskněte Cmd/Ctrl + Alt + P. Pokud je pro HTML - dokumenty povolen živý náhled, veškeré připojené CSS dokumenty mohou být editovány v reálném čase. Ikona - se změní z šedé na zlatou pokud Brackets naváže spojení s vaším prohlížečem. - - Nyní umístěte kurzor na značku výše. Všimněte si modrého zvýraznění, které se objeví - v Google Chrome kolem obrázku. Dále použijte Cmd/Ctrl + E k otevření definovaných CSS - předpisů. Zkuste změnit šířku rámečku z 10px na 20px nebo změnit barvu pozadí z „transparent“ - na „hotpink“. Pokud běží Brackets a váš prohlížeč vedle sebe, uvidíte, jak se vaše změny okamžitě projeví - ve vašem prohlížeči. Úžasné, že? - - -

- Brackets v současnosti podporuje živý náhled pouze pro HTML a CSS. V aktuální verzi jsou změny - v JavaScriptových souborech alespoň automaticky načteny, jakmile je uložíte. Aktuálně pracujeme právě - na podpoře živého náhledu pro JavaScript. Živé náhledy jsou také možné jenom s prohlížečem Google Chrome, - ale doufáme, že tuto funkci v budoucnu přineseme do všech hlavních prohlížečů. -

- -

Rychlý náhled

-

- Pro ty z vás, kteří si ještě nezapamatovali ekvivalenty barev pro HEX nebo RGB hodnoty, Brackets rychle - a jednoduše zobrazí, jaká barva je právě používána. Jak v CSS, tak v HTML prostě najeďte na jakoukoliv - barevnou hodnotu nebo barevný přechod a Brackets automaticky zobrazí náhled dané barvy nebo daného - barevného přechodu. To samé platí pro obrázky: jednoduše najeďte na odkaz obrázku v editoru Brackets - a ten zobrazí malý náhled daného obrázku. -

- - - Pokud si rychlý náhled chcete vyzkoušet sami, umístěte kurzor na značku výše v tomto - dokumentu a stiskněte Cmd/Ctrl + E k otevření rychlého editoru CSS. Nyní jednoduše najeďte - na kteroukoliv barevnou hodnotu v CSS. Také náhled barevných přechodů můžete vidět v akci otevřením - rychlého editoru CSS na značce a najetím na kteroukoliv hodnotu background-image. - K vyzkoušení náhledu obrázku umístěte kurzor na snímek obrazovky vložený výše v tomto dokumentu. - - -

Potřebujete něco jiného? Zkuste doplněk!

-

- Navíc ke všemu skvělému, co je zabudované do Brackets, ještě naše rozsáhlá a rostoucí komunita vývojářů - doplňků vyvinula stovky doplňků přidávající další užitečné funkce. Pokud je tu něco, co potřebujete, - ale Brackets to nenabízí, s největší pravděpodobností už pro to někdo vytvořil doplněk. K procházení - nebo prohledání seznamu dostupných doplňků vyberte Soubor > Správce doplňků… a klikněte - na záložku „Dostupné“. Až naleznete doplněk, který hledáte, prostě klikněte na tlačítko „Instalovat“ - vedle něj. -

- - -

Zapojte se

-

- Brackets je open-source projekt. Weboví vývojáři z celého světa se podílejí na vývoji a vylepšování - editoru. Mnoho dalších vyvíjí doplňky, které rozšiřují možnosti Brackets. Dejte nám vědět, co si myslíte, - sdílejte své nápady nebo se přímo podílejte na projektu. -

- - - - - - - \ No newline at end of file diff --git a/samples/cs/Getting Started/main.css b/samples/cs/Getting Started/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/cs/Getting Started/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/cs/Getting Started/screenshots/quick-edit.png b/samples/cs/Getting Started/screenshots/quick-edit.png deleted file mode 100644 index 8ee7a25733..0000000000 Binary files a/samples/cs/Getting Started/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/da/Kom godt i gang/index.html b/samples/da/Kom godt i gang/index.html deleted file mode 100644 index a7c8533f70..0000000000 --- a/samples/da/Kom godt i gang/index.html +++ /dev/null @@ -1,187 +0,0 @@ - - - - - - - KOM GODT I GANG MED BRACKETS - - - - - -

KOM GODT I GANG MED BRACKETS

-

Dette er din guide!

- - - -

- Velkommen til dette tidlige smugkig på Brackets, en ny open-source editor til den næste generation af - nettet. Vi er stærke tilhængere af standarder og ønsker at skabe bedre værktøjer til JavaScript, HTML, CSS - og andre åbne web teknologier. Dette er vores ydmyge begyndelse. -

- - -

- Brackets er en anderledes editor. - En nævneværdig forskel er, at denne editor er skrevet i JavaScript, HTML og CSS. - Det betyder, at de fleste af jer der bruger Brackets har de nødvendige færdigheder til at ændre og udvide editoren. - Faktisk bruger vi selv Brackets hver dag for at bygge Brackets. Det har også nogle unikke funktioner såsom Lyn-Redigering, - Live-Forhåndsvisning og andre som du ikke finder i andre editorer. - Hvis du vil vide mere om, hvordan du bruger disse funktioner, så læs videre. -

- - -

Vi afprøver et par nye ting

- - -

Lyn-Redigering til CSS og JavaScript

-

- Slut med at skifte mellem dokumenter og miste fokuset. Når du redigerer HTML, kan du trykke - Cmd/Ctrl + E for at åbne en indlejret editor som viser alt det relevante CSS. - Tilpas dit CSS, tryk ESC og du ryger tilbage til dit HTML-dokument, eller du kan efterlade - CSS-reglerne åbne så de bliver en del af din HTML-editor. Hvis du trykker ESC udenfor - en Lyn-Redigerings-editor, bliver de alle klappet sammen. -

- - - Vil du se hvordan det virker? Placér markøren på tagget ovenfor og tryk - Cmd/Ctrl + E. Du burde se Lyn-Redigering dukke frem, som viser den CSS-regel som - anvendes på den. Lyn-Redigering virker også med klasse- og id-attributter. - - Du kan oprette nye regler på samme måde. Klik i en af tagsne ovenover og tryk - Cmd/Ctrl + E. Der er ingen regler til den lige nu, men du kan klikke på "Ny Regel" - for at oprette en ny regel til . - - - - Et skærmbillede der viser CSS-Lyn-Redigering - - -

- Du kan også bruge den samme genvej til at redigere andre ting--såsom funktioner i JavaScript, - farver, og timing-funktioner til animationer--og vi føjer mere til hele tiden. - Indtil videre kan editorerne ikke indlejres i hinanden, så du kan kun bruge Lyn-Redigering så længe markøren - er i det primære redigerings-felt. -

- - -

Se ændringer i HTML og CSS live i browseren

-

- Kender du den "gem/genindlæs"-finte vi har lavet i årevis? Den hvor du laver ændringer i - din editor, gemmer, skifter over til browseren og så genindlæser for endeligt at se resultatet? - Med Brackets kan du lægge den finte på hylden. -

-

- Brackets åbner en direkte forbindelse til din lokale browser og sender HTML og CSS opdateringer imens du - skriver! Måske gør du allerede noget lignende i dag med browser-baserede værktøjer, men med Brackets - behøver du ikke kopiere den endelige kode tilbage i editoren. Din kode kører i din browser, - men bor i din editor! -

- -

Live fremhævelse af HTML-elementer og CSS-regler

-

- Brackets gør det nemt at se dine ændringer i HTML og CSS vil påvirke siden. Når markøren - er på en CSS-regel, vil Brackets fremhæve alle påvirkede elementer i browseren. Ligeledes, når en - HTML-fil redigeres, vil Brackets fremhæve de tilsvarende HTML-elementer i browseren. -

- - - Hvis du har Google Chrome installeret, kan du prøve det af selv. Klik på lyn-ikonet - i øverste højre hjørne af Brackets vinduet eller tryk Cmd/Ctrl + Alt + P. Når - Live-Forhåndsvisning slåes til på et HTML-dokument, kan alle tilknyttede CSS-dokumenter redigeres i realtid. - Ikonet skifter fra grå til guld når Brackets har etableret en forbindelse til browseren. - - Placér nu markøren på tagget ovenover. Bemærk den blå fremhævning der dukker op - rundt om billedet i Chrome. Tryk derefter på Cmd/Ctrl + E for at åbne de definerede CSS-regler. - Prøv at ændre tykkelsen på kanten fra 10px til 20px eller ændre baggrundsfarven - fra "transparent" til "hotpink". Hvis du har Brackets og browseren til at køre side om side, - kan du med det samme se dine ændringer blive vist i browseren. Er det ikke sejt? - - -

- I dag understøtter Brackets kun Live-Forhåndsvisning for HTML og CSS. Ændringer til JavaScript-filer - bliver dog genindlæst automatisk når du gemmer. Vi arbejder i øjeblikket på at Live-Forhåndsvisning - også understøtter JavaScript. Live-Forhåndsvisning er også kun muligt med Google Chrome, men vi håber på - at bringe denne funktionalitet ud til alle gængse browsere i fremtiden. -

- -

Lyn-visning

-

- For dem af os, som endnu ikke kan alle farvers HEX- eller RGB-kode udenad, gør Brackets - det hurtigt og nemt at se nøjagtig hvilken farve der er brugt. I enten CSS eller HTML, peger du ganske enkelt på en - farve-værdi eller gradient og Brackets vil vise et eksempel af den farve/gradient automatisk. Det - samme gælder for billeder: du peger ganske enkelt på billede-adressen i editoren og der vises en - miniature-udgave af det billede. -

- - - Du kan afprøve Lyn-Visning ved at placére markøren på tagget øverst i dette - dokument og trykke Cmd/Ctrl + E for at åbne CSS-Lyn-Redigering. Her kan du pege på enhver - farve-værdi i CSS'en og se farven. Du kan også set det i aktion i gradienter ved at åbne Lyn-Redigering - på tagget og pege på en af værdierne for baggrundsbilledet. For at se et smugkig af billeder, - peg på adressen til skærmbilledet, som er indsat tidligere i dette dokument. - - -

Har du brug for noget andet? Prøv en udvidelse!

-

- Som tilføjelse til alle de gode sager der er indbygget i Brackets, har vores store og voksende samfund af - udviklere skabt over hundrede udvidelser, som tilføjer nyttig funktionalitet. Hvis der er - noget du har brug for, som Brackets ikke tilbyder, er det ret sandsynligt at nogen har lavet en udvidelse til - det. For at gennemse eller søge i listen af tilgængelige udvidelser, vælg Filer > Udvidelses-håndtering - og klik på fanen "Udvalg". Når du har fundet en udvidelse du kunne tænke dig, klikker du blot på - knappen "Installér" ud for den. -

- - -

Bliv involveret

-

- Brackets er et open-source projekt. Web-udviklere fra hele verden bidrager til at bygge - en bedre kode-editor. Endnu flere bygger udvidelser der udvider funktionaliteten af Brackets. - Fortæl os hvad du synes, del dine idéer eller bidrag direkte til projektet. -

- - - - - \ No newline at end of file diff --git a/samples/da/Kom godt i gang/main.css b/samples/da/Kom godt i gang/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/da/Kom godt i gang/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/da/Kom godt i gang/screenshots/quick-edit.png b/samples/da/Kom godt i gang/screenshots/quick-edit.png deleted file mode 100644 index 97710aabce..0000000000 Binary files a/samples/da/Kom godt i gang/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/de/Erste Schritte/index.html b/samples/de/Erste Schritte/index.html deleted file mode 100644 index ad157aea3d..0000000000 --- a/samples/de/Erste Schritte/index.html +++ /dev/null @@ -1,218 +0,0 @@ - - - - - - - ERSTE SCHRITTE MIT BRACKETS - - - - - -

ERSTE SCHRITTE MIT BRACKETS

-

Dies ist Ihre Anleitung!

- - - -

- Willkommen zu Brackets, einem modernen, quelloffenen Code-Editor, der Webdesign versteht. Es ist ein - einfacher, aber dennoch leistungsfähiger Editor, der Ihnen immer die richtigen Tools einblendet, sodass - Sie die genau richtige Menge an Hilfestellung haben, wann immer Sie diese brauchen. -

- - -

- Brackets ist eine andere Art Editor. - Brackets hat ein paar einzigartige Features wie Schnelles Bearbeiten, Live-Vorschau und zahlreiche - weitere, die Sie in anderen Editoren vergeblich suchen werden. Zudem ist Brackets in JavaScript, HTML - und CSS geschrieben. Das heißt, dass die meisten Brackets-Nutzer dazu in der Lage sind, den Editor selbst - zu verändern und zu erweitern. Tatsächlich nutzen wir Brackets täglich, um Brackets zu verbessern. - Lesen Sie weiter, um mehr über die Nutzung der Hauptfeatures zu erfahren. -

- - - -

Projekte in Brackets

-

- Um Ihren eigenen Code in Brackets zu bearbeiten, können Sie einfach den Ordner öffnen, der Ihre - Dateien enthält. - Brackets sieht den geöffneten Ordner als "Projekt"; Features wie Code-Vervollständigung, Live-Vorschau - und Schnelles Bearbeiten nutzen nur Dateien im aktuell geöffneten Ordner. -

- - - Sobald Sie bereit sind, dieses Beispielprojekt zu verlassen und Ihren eigenen Code zu editieren, können - Sie die Drop-Down-Liste auf der linken Seite nutzen, um einen Ordner auszuwählen. Die Drop-Down-Liste - heißt zurzeit "Erste Schritte" - das ist der Ordner, der die aktuell geöffnete Datei enthält. Klicken - Sie darauf und wählen Sie daraufhin "Ordner öffnen…", um Ihren eigenen Ordner zu öffnen. - Sie können auf diese Weise auch später wieder zu zuvor geöffneten Ordnern, wie diesem Beispielprojekt, - zurückkehren. - - - -

Schnelles Bearbeiten von CSS und JavaScript

-

- Kein Wechsel zwischen Dokumenten mehr - so verlieren Sie nie den Überblick. Wenn Sie HTML editieren, - können Sie die Tastenkombination Cmd/Strg + E verwenden, um einen Inline-Editor anzuzeigen, - der Ihnen alle relevanten CSS-Regeln zum Schnellen Bearbeiten anzeigt. - Ändern Sie etwas im CSS, drücken Sie ESC und schon sind Sie zurück im HTML-Code. Oder lassen - Sie die CSS-Regeln einfach offen und sie werden Teil ihres HTML-Editors. Sobald Sie ESC - außerhalb eines solchen Editors drücken, schließen sich alle zusammen. Ein Inline-Editor zeigt Ihnen - auch Regeln in LESS- und SCSS-Dateien, inklusive geschachtelter Regeln. -

- - - Sie wollen das in Aktion sehen? Setzen Sie Ihren Cursor auf den -Tag oben und drücken - Sie Cmd/Strg + E. Sie sollten einen Editor zum Schnellen Bearbeiten von CSS erscheinen sehen, - der die geltenden CSS-Regeln anzeigt. Das Schnelle Bearbeiten funktioniert genauso in Klassen- und - ID-Attributen. Sie können es zudem in LESS- und SCSS-Dateien nutzen. - - Sie können auf die selbe Weise neue Regeln erstellen. Klicken Sie in einen der -Tags weiter - oben und drücken Sie Cmd/Strg + E. Es gibt noch keine Regeln dafür, aber Sie können den - "Neue Regel"-Button nutzen, um eine neue Regel für hinzuzufügen. - - - - Ein Screenshot, der Schnelles Bearbeiten von CSS zeigt - - -

- Sie können die selbe Tastenkombination nutzen, um andere Dinge auf die selbe Weise zu bearbeiten - wie - JavaScript-Funktionen, Farben und Animations-Timing-Funktionen - und wir fügen ständig mehr hinzu. -

-

- Im Augenblick können solche Editoren allerdings nicht verschachtelt werden. Sie können das - Schnelle Bearbeiten also nur nutzen, während der Cursor sich im Haupteditor befindet. -

- - -

Vorschau auf HTML- und CSS-Änderungen live im Browser anzeigen

-

- 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. -

-

- Brackets öffnet eine Live-Verbindung zu Ihrem lokalen Browser und sendet HTML- und 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 Codes im Editor mehr nötig. - Ihr Code läuft im Browser, aber lebt in Ihrem Editor! -

- -

Hervorheben von HTML-Elementen und CSS-Regeln - live!

-

- Brackets macht es Ihnen leicht, zu sehen, welche Auswirkungen Ihre Änderungen in HTML und CSS auf die - Seite haben werden. Wenn Ihr Cursor auf einer CSS-Regel platziert ist, hebt Brackets alle zugehörigen - Elemente im Browser hervor. Genauso wird Brackets beim Editieren einer HTML-Datei die entsprechenden - HTML-Elemente im Browser markieren. -

- - - Falls Sie Google Chrome installiert haben, können Sie das selbst ausprobieren. Klicken Sie auf - das Blitz-Symbol oben rechts oder drücken Sie Cmd/Strg + Alt + P. Wenn die Live-Vorschau - für ein HTML-Dokument aktiviert ist, können alle verknüpften CSS-Dokumente in Echtzeit bearbeitet - werden. Das Symbol ändert die Farbe von grau nach gold, sobald Brackets eine Verbindung zu Ihrem - Browser hergestellt hat. - - Platzieren Sie Ihren Cursor jetzt auf dem -Tag oben. Sie sehen in Chrome eine blaue - Markierung, die um das Bild herum erscheint. Nutzen Sie nun Cmd/Strg + E, um die - definierten CSS-Regeln anzuzeigen. - Probieren Sie, die Stärke des Rahmens von 10px auf 20px zu ändern, oder ändern Sie die - Hintergrundfarbe von "transparent" zu "hotpink". Falls Sie Brackets und Ihren Browser nebeneinander - laufen haben, können Sie die Änderungen sofort in Ihrem Browser erkennen. Cool, was? - - -

- Derzeit unterstützt Brackets die Live-Vorschau nur für HTML und CSS. Allerdings werden in der aktuellen - Version Änderungen an JavaScript-Dateien automatisch neu geladen, wenn Sie diese speichern. Wir arbeiten - momentan an der Unterstützung der Live-Vorschau für JavaScript. - Die Live-Vorschau ist außerdem nur mit Google Chrome möglich, doch wir hoffen, diese Funktionalität - zukünftig zu allen wichtigen Browsern hinzuzufügen. -

- -

Schnelle Farbansicht

-

- Für die unter uns, die immer noch nicht die Farb-Äquivalente von HEX- und RGB-Werten kennen, macht es - Brackets einfach und schnell, exakt zu sehen, welche Farbe genutzt wird. Fahren Sie in HTML oder CSS - einfach über einen Farbwert oder -verlauf und Brackets wird Ihnen automatisch eine Vorschau davon - anzeigen. Das selbe gilt für Bilder: Platzieren Sie den Cursor im Brackets-Editor über einem Link zu - einem Bild und er wird ein Miniaturansicht von diesem Bild zeigen. -

- - - Um die Schnelle Farbansicht selbst auszuprobieren, können Sie Ihren Cursor auf dem - -Tag am Anfang dieses Dokuments platzieren und Cmd/Strg + E drücken, um einen - CSS-Schnell-Editor zu öffnen. Fahren Sie nun einfach mit dem Cursor über einen der Farbwerte im - CSS-Code. Sie können das auch mit Farbverläufen sehen, wenn Sie einen Schnell-Editor für den - -Tag anzeigen lassen und über irgendeinen der "background-image"-Farbwerte fahren. Um - die Bildvorschau auszuprobieren, können Sie Ihren Cursor auf dem Screenshot-Link platzieren, den Sie - weiter oben in diesem Dokument finden. - - -

Sie benötigen etwas anderes? Probieren Sie es mit einer Erweiterung!

-

- Zusätzlich zu all dem, was in Brackets eingebaut ist, hat unsere große und wachsende Community der - Erweiterungs-Entwickler hunderte Erweiterungen erstellt, die nützliche Funktionen bringen. Wenn - Sie etwas brauchen, was es nicht in Brackets gibt, ist es sehr wahrscheinlich, dass bereits jemand - eine Erweiterung dafür geschrieben hat. Um die Liste der verfügbaren Erweiterungen zu durchstöbern - oder zu durchsuchen nutzen Sie Datei > Erweiterungs-Verwaltung und klicken auf - den Tab "Verfügbar". Wenn Sie eine Erweiterung finden, die Sie nutzen wollen, klicken Sie einfach - auf den "Installieren"-Button daneben. -

- - -

Machen Sie mit

-

- Brackets ist ein Open-Source-Projekt. Web-Entwickler rund um die Welt helfen mit, einen besseren - Code-Editor zu bauen. Noch mehr erstellen Erweiterungen, die die Möglichkeiten von Brackets erweitern. - Lassen Sie uns wissen, was Sie denken, teilen Sie Ihre Ideen oder tragen - Sie direkt zu dem Projekt bei. -

- - - - - \ No newline at end of file diff --git a/samples/de/Erste Schritte/main.css b/samples/de/Erste Schritte/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/de/Erste Schritte/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/de/Erste Schritte/screenshots/quick-edit.png b/samples/de/Erste Schritte/screenshots/quick-edit.png deleted file mode 100644 index 2d923ded60..0000000000 Binary files a/samples/de/Erste Schritte/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/el/Getting Started/index.html b/samples/el/Getting Started/index.html deleted file mode 100644 index cf330014b3..0000000000 --- a/samples/el/Getting Started/index.html +++ /dev/null @@ -1,187 +0,0 @@ - - - - - - - ΞΕΚΙΝΩΝΤΑΣ ΜΕ ΤΟ BRACKETS - - - - - -

ΞΕΚΙΝΩΝΤΑΣ ΜΕ ΤΟ BRACKETS

-

Αυτός είναι ο οδηγός σας!

- - - -

- Καλώς ήρθατε σε μια πρώιμη προεπισκόπηση του Brackets, ένας νέος επεξεργαστής κειμένου ανοιχτού-κώδικα για τη νέα γενιά του - διαδικτύου. Είμαστε μεγάλοι οπαδοί των προτύπων και θέλουμε να φτιάξουμε καλύτερα εργαλεία για JavaScript, HTML και CSS - και σχετικές ανοιχτές τεχνολογίες του διαδικτύου. Αυτό είναι το ταπεινό μας ξεκίνημα. -

- - -

- Το Brackets είναι ένας διαφορετικής μορφής επεξεργαστής κειμένου. - Μία αξιοσημείωτη διαφορά είναι ότι αυτός ο επεξεργαστής κειμένου είναι γραμμένος σε JavaScript, HTML και CSS. - Αυτό σημαίνει ότι οι περισσότεροι από εσάς που χρησιμοποιούν το Brackets έχουν τις ικανότητες να τροποποιήσουν και να επεκτείνουν τον επεξεργαστή κειμένου. - Στην πραγματικότητα, χρησιμοποιούμε το Brackets κάθε μέρα για να φτιάξουμε το Brackets. Επίσης, έχει και κάποιες μοναδικές λειτουργίες όπως η Γρήγορα Επεξεργασία, - το Live Preview και άλλες που μπορεί να μην βρείτε σε άλλους επεξεργαστές. - Για να μάθετε περισσότερα για το πως να χρησιμοποιήσετε αυτές τις λειτουργίες, συνεχίστε το διάβασμα. -

- - -

Δοκιμάζουμε μερικά νέα πράγματα

- - -

Γρήγορη Επεξεργασία για CSS και JavaScript

-

- Όχι πια εναλλαγή μεταξύ των αρχείων και απόσπαση της προσοχής. Όταν επεξεργάζεστε HTML, χρησιμοποιήστε - την συντόμευση Cmd/Ctrl + E για να ανοίξετε έναν γρήγορο ενσωματωμένο επεξεργαστή που εμφανίζει το σχετικό CSS κώδικα. - Κάντε την αλλαγή στον κώδικα CSS, πατήστε ESC και είστε πίσω στην επεξεργασία HTML, ή απλά αφήστε τους - CSS κανόνες ανοιχτούς και αυτοί θα γίνουν μέρος του επεξεργαστή HTML. Αν πατήσεις ESC έξω από - έναν γρήγορο ενσωματωμένο επεξεργαστή, θα κρυφτούν όλα. -

- - - Θέλετε να το δείτε στην πράξη; Βάλε τον κέρσορα στο tag από πάνω και πάτησε - Cmd/Ctrl + E. Πρέπει να δεις ένα γρήγορο ενσωματωμένο επεξεργαστή να εμφανίζετε από πάνω, που δείχνει τον κανόνα CSS - που σχετίζετε με αυτό το tag. Η Γρήγορη Επεξεργασία λειτουργεί επίσης και για class και id ιδιότητες. - - Μπορείτε να δημιουργήσετε και νέους κανόνες με τον ίδιο τρόπο. Κάντε κλικ σε ένα από τα tags από πάνω και πατήστε - Cmd/Ctrl + E. Δεν υπάρχουν κανόνες για αυτό προς το παρόν, αλλά μπορείτε να πατήσετε το κουμπί Νέου Κανόνα - για να εισάγετε έναν νέο κανόνα για το . - - - - A screenshot showing CSS Quick Edit - - -

- Μπορείς να χρησιμοποιήσεις την ίδια συντόμευση για κώδικα JavaScript για να δεις το σώμα μιας συνάρτησης με - το να τοποθετείς τον κέρσορα στο όνομα της συνάρτησης που καλείτε. Για τώρα οι γρήγοροι ενσωματωμένοι επεξεργαστές δεν μπορούν - να γίνουν ένθετοι, άρα μπορείς να χρησιμοποιήσεις την Γρήγορη Επεξεργασία μόνο όταν ο κέρσορας είναι μέσα σε έναν «πλήρους μεγέθους» επεξεργαστή. -

- - -

Προεπισκόπηση αλλαγών HTML και CSS ζωντανά στον browser

-

- Ξέρεις αυτό το «χορό save/reload» που κάνουμε τόσα χρόνια; Αυτό που κάνεις αλλαγές στον - επεξεργαστή σου, πατάς αποθήκευση, γυρνάς στον browser και μετά κάνεις ανανέωση για να δεις επιτέλους το αποτέλεσμα; - Με το Brackets, δεν χρειάζεται να κάνεις αυτόν τον χορό. -

-

- Το Brackets θα ανοίξει μία ζωντανή σύνδεση στον τοπικό σου browser και θα στείλει τους ανανεωμένους κώδικες HTML και CSS καθώς εσύ - πληκτρολογείς! Μπορεί ήδη να κάνεις κάτι τέτοιο με εργαλεία που βασίζονται στον browser, αλλά με το Brackets - δεν υπάρχει ανάγκη να αντιγράφεις και να επικολλάς τον τελικό κώδικα πίσω στον επεξεργαστή. Ο κώδικας σου τρέχει στον - browser, αλλά ζει στον επεξεργαστή σου! -

- -

Ζωντανή επισήμανση στοιχείων HTML και κανόνων CSS

-

- Το Brackets κάνει εύκολο το να βλέπεις πως οι αλλαγές στους κώδικες HTML και CSS θα επηρεάσουν την σελίδα. Όταν ο κέρσορας - είναι σε έναν κανόνα CSS, το Brackets θα επισημάνει όλα τα στοιχεία στον browser που επηρεάζονται. Παρόμοια, όταν επεξεργάζεστε - ένα αρχείο HTML, το Brackets θα επισημάνει τα αντιστοιχούμενα στοιχεία HTML στον browser. -

- - - Αν έχεις εγκατεστημένο τον Google Chrome, μπορείς να το δοκιμάσεις μόνο σου. Κάνε κλικ στο εικονίδιο της αστραπής - στην πάνω δεξιά γωνία του παραθύρου του Brackets ή πατήστε Cmd/Ctrl + Alt + P. Όταν - το Live Preview ενεργοποιηθεί σε ένα έγγραφο HTML, όλα τα συνδεόμενα αρχεία CSS μπορούν να επεξεργασθούν σε πραγματικό χρόνο. - Το εικονίδιο θα αλλάξει από γκρι σε χρυσό όταν το Brackets δημιουργήσει την σύνδεση με τον browser. - - Τώρα, τοποθέτησε τον κέρσορα του στο από πάνω tag. Παρατηρήστε την μπλε επισήμανση που εμφανίζετε - γύρω από την εικόνα στον Chrome. Έπειτα, χρησιμοποιήστε το Cmd/Ctrl + E για να ανοίξετε τους ορισμένους κανόνες CSS. - Δοκιμάστε να αλλάξετε το μέγεθος του πλαισίου από 1px σε 10px ή αλλάξτε το χρώμα του φόντου - από "dimgray" σε "hotpink". Αν έχετε το Brackets και τον browser σας να είναι δίπλα δίπλα, θα δείτε - τις αλλαγές να συμβαίνουν στιγμιαία στον. Αμάτο, έτσι; - - -

- Σήμερα, το Brackets υποστηρίζει το Live Preview μόνο για HTML και CSS. Όμως, στην τρέχουσα έκδοση, οι αλλαγές - σε αρχεία JavaScript ανανεώνονται αυτόματα όταν κάνετε αποθήκευση. Προς το παρόν δουλεύουμε τη υποστήριξη του Live Preview - για JavaScript. Επίσης, οι άμεσες προεπισκοπήσεις του Live Preview είναι δυνατές μόνο με τον Google Chrome, αλλά ελπίζουμε - να φέρουμε αυτήν την λειτουργία σε όλους τους μεγάλους browser στο μέλλον. -

- -

Γρήγορη Προβολή

-

- Για όσους από εμάς δεν απομνημονεύσει ακόμα τις αντιστοιχίες χρωμάτων για τις τιμές HEX ή RGB, το Brackets κάνει - γρήγορο και εύκολο το να βλέπεις ακριβώς ποιο χρώμα χρησιμοποιείται. Είτε σε CSS είτε σε HTML, απλά περάστε το ποντίκι πάνω από - τα τιμές του χρώματος ή τις διαβαθμίσεις χρώματος και το Brackets θα εμφανίσει μια προβολή αυτού του χρώματος ή της διαβάθμισης αυτόματα. Το - ίδιο συμβαίνει και με τις εικόνες: απλά περάστε πάνω από τον σύνδεσμο της εικόνας στο Brackets και αυτό θα προβάλει μια - μικρογραφία αυτής της εικόνας. -

- - - Για να δοκιμάσετε την Γρήγορη Προβολή από μόνος σας, βάλτε τον κέρσορα πάνω από το tag στην κορυφή αυτού του - αρχείου και πατήστε Cmd/Ctrl + E για να ανοίξετε έναν γρήγορο επεξεργαστή CSS. Τώρα απλά πηγαίνετε το βελάκι πάνω από οποιοδήποτε - τιμή χρώματος μέσα στο αρχείο CSS. Επίσης, μπορείτε να το δείτε στη πράξη σε διαβαθμίσεις χρώματος με το ανοίξετε έναν γρήγορο επεξεργαστή CSS - στο tag και πηγαίνοντας το βελάκι πάνω από οποιαδήποτε τιμή χρώματος του φόντου. Για να χρησιμοποιήσετε την προβολή - εικόνας, βάλτε τον κέρσορα πάνω από το screenshot που συμπεριλήφθηκε προηγουμένως σε αυτό το έγγραφο. - - -

Χρειάζεστε κάτι άλλο; Δοκιμάστε μία επέκταση!

-

- Εκτός από όλα τα καλά που έχει το Brackets, η μεγάλη και αυξανόμενη κοινότητα των - developers επεκτάσεων έχει φτιάξει πάνω από εκατό επεκτάσεις που προσθέτουν χρήσιμες λειτουργίες. Αν υπάρχει - κάτι που χρειάζεστε και το Brackets δεν το προσφέρει, είναι πολύ πιθανό κάποιος να έχει φτιάξει μία επέκταση - για αυτό. Για να περιηγηθήτε ή να ψάξετε τη λίστα των διαθέσιμων επεκτάσεων, πηγαίντε Αρχείο > Διαχειρηστής - Επεκτάσεων και κάντε κλικ στην καρτέλα «Διαθέσιμες». Όταν βρείτε μια επέκταση που θέλετε, απλά κάντε κλικ - στο κουμπί της εγκτάστασης δίπλα του. -

- - -

Συμμετάσχετε

-

- Το Brackets είναι ένα project ανοιχτού κώδικα. Web developers από όλον τον κόσμο συνεισφέρουν για να φτιάξουν - έναν καλύτερο επεξεργαστή κώδικα. Πολλοί περισσότεροι φτιάχνουν επεκτάσεις που επεκτείνουν τις δυνατότητες του Brackets. - Πείτε μας τι πιστεύετε, μοιραστείτε τις ιδέες σας ή συνεισφέρετε άμεσα στο - project. -

- - - - - \ No newline at end of file diff --git a/samples/el/Getting Started/main.css b/samples/el/Getting Started/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/el/Getting Started/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/el/Getting Started/screenshots/quick-edit.png b/samples/el/Getting Started/screenshots/quick-edit.png deleted file mode 100644 index 61be4fe418..0000000000 Binary files a/samples/el/Getting Started/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/es/Primeros Pasos/index.html b/samples/es/Primeros Pasos/index.html deleted file mode 100644 index 2fa954f304..0000000000 --- a/samples/es/Primeros Pasos/index.html +++ /dev/null @@ -1,213 +0,0 @@ - - - - - - - PRIMEROS PASOS CON BRACKETS - - - - - -

PRIMEROS PASOS CON BRACKETS

-

¡Ésta es tu guía!

- - - -

- Bienvenido a Brackets, un nuevo editor de código abierto que entiende el diseño web. Es un editor de - código liviano y potente al mismo tiempo que incluye herramientas visuales dentro del mismo para - que puedas obtener la ayuda que necesites cuando la necesites. -

- - -

- Brackets es un editor diferente. - Brackets tiene varias características únicas como la Edición rápida y la Vista previa dinámica y muchas - más que no vas a encontrar en otros editores. Además, Brackets está escrito en JavaScript, HTML y CSS. - Esto significa que la mayoría de quienes usan Brackets tienen las habilidades necesarias para modificar y - extender el editor. De hecho, nosotros usamos Brackets todos los días para desarrollar Brackets. Para - saber más sobre cómo utilizar estas características únicas, continúa leyendo. -

- - - -

Proyectos en Brackets

-

- Para poder editar tu propio código en Brackets, puedes simplemente abrir la carpeta que contiene los - archivos. Brackets considera a la carpeta abierta como el "proyecto"; características como las Sugerencias - de código, la Vista previa dinámica y la Edición rápida solo utilizan los archivos contenidos dentro de - la carpeta actualmente abierta. -

- - - Una vez que estés listo para salir del proyecto de ejemplo y editar tu propio código, puedes usar el menú - despegable en la barra de la izquierda para cambiar de carpeta. En estos momentos, el menú despegable dice - "Primeros Pasos" - la cual es la carpeta que contiene el archivo que estás viendo en estos momentos. Haz - clic en el menú despegable y selecciona "Abrir carpeta…" para abrir tu carpeta. - También puedes usar el menú despegable para abrir las carpetas que abriste recientemente, incluyendo este - proyecto de ejemplo. - - -

Estamos intentando algunas cosas nuevas

- - -

Edición rápida de CSS y JavaScript

-

- Se acabó aquello de estar saltando de documento en documento perdiendo de vista lo que estás haciendo. Mientras - estás escribiendo HTML, usa el atajo de teclado Cmd/Ctrl + E para abrir un editor rápido en - línea con todo el contenido CSS relacionado. Ajusta tu CSS y oprime ESC para volver a tu HTML, - o simplemente mantenga las reglas CSS abiertas para que pasen a formar parte de tu editor de HTML. Si - pulsas ESC fuera de un editor rápido, todos se cerrarán a la vez. La edición rápida también - funciona con archivos LESS y SCSS, incluyendo las reglas anidadas. -

- - - ¿Quieres verlo funcionando? Coloca tu cursor sobre la etiqueta y oprime - Cmd/Ctrl + E. Deberías ver aparecer un editor rápido de CSS más arriba, mostrando la regla de - CSS que le afecta. La edición rápida funciona también en atributos de tipo clase e id. También puedes - utilizarlo en tus archivos LESS o SCSS. - - Puedes crear nuevas reglas de la misma manera. Haz clic en una de las etiquetas de más arriba - y oprime Cmd/Ctrl + E. Todavía no hay reglas para ese elemento, pero puedes hacer clic en el - botón Nueva Regla para añadir una nueva regla a las etiquetas . - - - - Una captura de pantalla con un Editor Rápido de CSS - - -

- También puedes usar el mismo atajo para editar otras cosas--como funciones en JavaScript, colores y - funciones de temporización de animaciones--y estamos añadiendo más y más continuamente. -

-

- Por ahora, no se pueden anidar editores en línea, por lo que sólo puedes usar la característica de - Edición Rápida cuando el cursor está en un editor "completo". -

- - -

Visualiza cambios en archivos HTML y CSS en vivo en el navegador

-

- ¿Conoces ese baile de "guardar/recargar" que llevamos años haciendo? ¿Ése en el que haces cambios en tu - editor, oprimes guardar, cambias al navegador y recargas para por fin poder ver el resultado? Con - Brackets, ya no tienes que hacerlo. -

-

- ¡Brackets abrirá una conexión en vivo con tu navegador local y le enviará los cambios en el - archivo HTML y CSS conforme escribas! Puede que ya estés haciendo algo parecido con las herramientas de - desarrollo del navegador, pero con Brackets ya no necesitas copiar y pegar el código final de vuelta a tu - editor. ¡Tu código se ejecuta en el navegador, pero vive en tu editor! -

- -

Resaltado en vivo de elementos HTML y reglas CSS

-

- Brackets te ayuda a ver cómo los cambios en HTML y CSS afectan a tu página. Cuando tu cursor se encuentre - sobre una regla de CSS, Brackets resaltará todos los elementos afectados en el navegador. Del mismo modo, - cuando estés editando un archivo HTML, Brackets también resaltará los elementos correspondientes en tu navegador. -

- - - Si tienes instalado Google Chrome, puedes probarlo tú mismo. Haz clic sobre el icono del rayo de la - esquina superior derecha o presiona Cmd/Ctrl + Alt + P. Cuando la Vista previa dinámica está - funcionando en un documento HTML, todos los documentos CSS relacionados se pueden editar en tiempo real. - El icono pasará de gris a dorado cuando Brackets consiga establecer una conexión con tu navegador. - - Ahora, coloca el cursor sobre la etiqueta que se encuentra un poco más arriba. Observa - cómo aparece el resaltado azul alrededor de la imagen en Chrome. Luego, utiliza Cmd/Ctrl + E - para abrir las reglas de CSS existentes. Intenta cambiar el tamaño del borde de 10px a 20px o el color - del fondo de "transparent" a "hotpink". Si Brackets y tu navegador están funcionando en paralelo, verás - los cambios reflejados de manera instantánea en tu navegador. Genial, ¿verdad? - - -

- Actualmente, Brackets sólo soporta Vista previa dinámica para HTML y CSS. Aún así, en la versión actual, - los cambios en archivos JavaScript son recargados automáticamente en el navegador cuando guardas. En estos - momentos estamos trabajando en el soporte de Vista previa dinámica para JavaScript. Las actualizaciones - automáticas sólo son posibles en Google Chrome, pero esperamos poder trasladar esta funcionalidad a todos - los grandes navegadores. -

- -

Vista Rápida

-

- Para aquellos que todavía no han memorizado las equivalencias de color entre Hex y RGB, Brackets permite - ver exactamente qué color se está utilizando rápida y fácilmente. Tanto en CSS como en HTML, simplemente - mueve el cursor sobre cualquier valor de color o gradiente y Brackets mostrará una previsualización del - mismo de manera automática. Lo mismo sirve para imágenes: simplemente pasa el cursor sobre la dirección - de una imagen en Brackets, y éste mostrará una vista en miniatura de la misma. -

- - - Para probar la previsualización tú mismo, coloca el cursor en la etiqueta al principio de - este documento y oprime Cmd/Ctrl + E para abrir un editor CSS. Ahora, simplemente mueve el - cursor sobre cualquiera de los colores dentro del CSS. También puedes verlo funcionando en gradientes - abriendo un editor de CSS en la etiqueta y pasando el cursor por cualquiera de los valores - para las imágenes de fondo. Para probar la vista previa de imágenes, coloca el cursor sobre la imagen - incluida antes en éste documento. - - -

¿Necesitas algo más? ¡Prueba una extensión!

-

- Además de todas las bondades naturales de Brackets, nuestra amplia y creciente comunidad de desarrolladores - de extensiones ha creado cientos de extensiones que añaden útiles funcionalidades. Si hay algo que - necesitas que Brackets no soporta, es bastante probable que alguien haya construido una extensión para - ello. Para navegar o buscar en la lista de extensiones disponibles, selecciona Archivo > - Gestionar extensiones... y haz clic en la pestaña "Disponibles". Cuando encuentres una que - quieras, simplemente presiona el botón "Instalar" a su derecha. -

- - -

Involúcrate

-

- Brackets es un proyecto de código abierto. Desarrolladores web de todo el mundo están contribuyendo - a construir un mejor editor de código. Haznos saber lo que piensas, comparte tus ideas o contribuye - directamente al proyecto. -

- - - - - \ No newline at end of file diff --git a/samples/es/Primeros Pasos/main.css b/samples/es/Primeros Pasos/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/es/Primeros Pasos/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/es/Primeros Pasos/screenshots/quick-edit.png b/samples/es/Primeros Pasos/screenshots/quick-edit.png deleted file mode 100644 index 0dfa93c441..0000000000 Binary files a/samples/es/Primeros Pasos/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/fa-ir/Getting Started/index.html b/samples/fa-ir/Getting Started/index.html deleted file mode 100644 index d26f3ff848..0000000000 --- a/samples/fa-ir/Getting Started/index.html +++ /dev/null @@ -1,155 +0,0 @@ - - - - - -شروع به کار با براکتس - - - - -

شروع به کار با براکتس

-

این راهنمایی برای شماست!

- -

-به براکتس، ویرایشگر کد منبع باز پیشرفته که طراحی وب را درک می کند، خوش آمدید. آن یک چیز سبک و در عین حال قدرتمند است .ویرایشگر کد که ابزارهای بصری را در درون ویرایش گر ترکیب میکند تا به اندازه کافی کمک دریافت کنید زمانی که آن را می خواهید. -

- -

-براکتس یک نوع متفاوت از ویرایشگر می باشد. - براکتس برخی ویژگی های منحصر به فردی دارد مانند ویرایش سریع ،پیشنمایش زنده،و چیزها دیگری که ممکن است شما آن را در ویرایشگر های دیگر پیدا نکنید. و براکتس با جاوا اسکریپت ،اچ تی ام ال و سی اس اس نوشته شده است. به این معنا که اکثر کاربران براکتس مهارت های لازم برای توسعه و گسترش ویرایشگر را دارند. در حقیقت ما هر روز از براکتس استفاده می کنیم تا براکتس را درست کنیم. برای یادگیری بیشتر درباره اینکه چطور از ویژه گی های کلیدی استفاده کنید بر روی آن مطالعه داشته باشید. -

- -

پروژه ها در براکتس

-

-به منظور ویرایش کد با استفاده از براکتس،شما می توانید فقط پوشه ای که شامل فایلها یتان می باشد را باز کنید. براکتس با پوشه جاری باز شده به عنوان یک "پروژه" رفتار می کند; ویژه گی نکات کد،پیشنمایش زنده و ویرایش سریع فقط در پوشه جاری باز شده قابل استفاده است. -

- -هنگامی که شما قصد خارج شدن از پروژه را دارید و کد را ویرایش می کنید، شما می توانید از منوی باز شوند در نوار کناری سمت چپ جهت تغییر پوشه ها استفاده کنید. اکنون،منوی باز شونده نشان می دهد "Getting Started" - پوشه ای است که فایلهای که اکنون در حال مشاهده آن هستید را شامل می شود. کلیک کنید بر روی منوی باز شونده و انتخاب کنید "باز کردن پوشه"را. -برای باز کردن پوشه خودتان.شما می توانید همچنین بعداً استفاده کنید جهت برگشتن به پوشه های که قبلا باز کرده اید شامل همین پروژه نمونه نیز می شود. - - -

ویرایش سریع برای سی اس اس و جاوا اسکریپت

-

-تعویض نه چندان زیاد بین اسناد و از دست دادن متن محتوا وقتی در حال ویرایش "اچ تی ام ال" هستید از کلید میانبر Cmd/Ctrl + E استفاده کنید تا یک ویرایشگر سطری سریع باز شود که تمام سی اس اس مربوطه را نشان دهد. - یک کنترل برای سی اس اس تان بسازید و کلید ESC را فشار دهید تا به ویرایش اچ تی ام ال تان برگردید، یا فقط قواعد باز شده ی سی اس اس را ترک کنید در نتیجه آنها به بخشی از ویرایشگر اچ تی ام ال تان وارد خواهند شد. - اگر شما کلید ESC کناری از یک ویرایشگر سطری سریع را فشار دهید آنها از بین می رود. ویرایش سریع همچنین قوانین تعریف شده در فایلهای LESS وSCSS که شامل قوانین تو در تو می باشند پیدا خواهد کرد. -

- - - -Want to see it in action? Place your cursor on the tag above and press -Cmd/Ctrl + E. You should see a CSS quick editor appear above, showing the CSS rule that -applies to it. Quick Edit works in class and id attributes as well. You can use it with your -LESS and SCSS files also. -You can create new rules the same way. Click in one of the tags above and press -Cmd/Ctrl + E. There are no rules for it right now, but you can click the New Rule -button to add a new rule for . - - - - -A screenshot showing CSS Quick Edit - -

- شما می توانید استفاده کنید از میانبر ثابتی تا چیزهای دیگری را، همچنین ویرایش کنید مثل توابع در جاوااسکریپت، رنگها و توابع زمانی انیمیشن و بیش از هر زمانی استفاده می کنید. -

-

-در حال حاضر ویرایشگر های سطری نمی توانند تودرتو باشند بنابراین شما می توانید تنها ویرایشگر سریع را استفاده کنید زمانی که مکان نما در یک ویرایش تمام صفحه است. -

- -

پیش نمایش تغیرات اچ تی ام ال و سی اس اس به صورت زنده در مرورگر

-

-شما میدانید که ما فرآیند ذخیره /بازنگری را سالهاست انجام می دهیم در ویرایشتان جای را که تغیری ایجاد می کنید ذخیره می کنید و به مرورگر می روید و سپس نو سازی، سرانجام نتیجه را مشاهده کنید؟ با براکتس شما نیازی به آن کار ندارید. -

-

-براکتس یک ارتباط زنده با مرورگر محلی تان ایجاد می کند و یک نوع بروز رسانی اچ تی ام ال و سی اس اس را قرار می دهد در داخل آن. شما همچنین ممکن است چیزهای را که امروزه انجام می دهید با ابزار های مرورگرهای رایج، اما با براکتس شما نیازی به کپی و جایگزاری و در نهایت بازگشت به ویرایشگر کد ندارید. ویرایش کدهای تان اجرا خواهند شد در مرورگر ،اما به صورت زنده . -براکتس یک ارتباط زنده با مرورگر محلی تان ایجاد می کند و یک نوع بروز رسانی اچ تی ام ال و سی اس اس را قرار می دهد در داخل آن. شما همچنین ممکن است چیزهای را که امروزه انجام می دهید با ابزار های مرورگرهای رایج، اما با براکتس شما نیازی به کپی و جایگزاری و در نهایت بازگشت به ویرایشگر کد ندارید. ویرایش کدهای تان اجرا خواهند شد در مرورگر ،اما به صورت زنده . - -

-

هایلایت زنده عناصر اچ تی ام ال و قوانین سی اس اس

-

-براکتس تغیرات ایجاد شده در اچ تی ام ال و سی اس اس و چگونگی تاثیر آن بر روی صفحه را به آسانی نشان می دهد. زمانی که نشانگر ماوس بر روی یک قانون سی اس اس قرار می گیرد براکتس تمام عناصر تحت تاثیر را مشخص می کند. مشابهاً زمانی که یک فایل html در حال ویرایش است براکتس عناصر مربوط به اچ تی ام ال را در مرورگر مشخص می کند. امروزه براکتس فقط از پیشنمایش زنده برای اچ تی ام ال و سی اس اس پشتیبانی می کند. اگر چه در نسخه جاری تغییرات در فایلهای جاوااسکریپت به طور خودکار، زمانی که شما ذخیره می کنید مجدّداً بار گذاری می شود. ما در حال کارکردن بر روی پیشنمایش زنده جهت پشتیبانی از جاوا اسکریپت هستیم. پیشنمایش زنده تنها با گوگل کروم ممکن هست، اما ما امیدواریم این قابلیت درآینده برای همه عمده مرورگرهای به کار گرفته شود. -

- -If you have Google Chrome installed, you can try this out yourself. Click on the lightning bolt -icon in the top right corner of your Brackets window or hit Cmd/Ctrl + Alt + P. When -Live Preview is enabled on an HTML document, all linked CSS documents can be edited in real-time. -The icon will change from gray to gold when Brackets establishes a connection to your browser. -Now, place your cursor on the tag above. Notice the blue highlight that appears -around the image in Chrome. Next, use Cmd/Ctrl + E to open up the defined CSS rules. -Try changing the size of the border from 10px to 20px or change the background -color from "transparent" to "hotpink". If you have Brackets and your browser running side-by-side, you -will see your changes instantly reflected in your browser. Cool, right? - -

- -

-

نمایش سریع

-

-برای برخی از ما که هنوز رنگ معادل برچسب های HEX ,rgbرا حفظ نیستیم، براکتس آن را سریع و راحت ایجاد میکند تا ببینی که دقیقاً کدام رنگ است که استفاده می شود. در هر سی اس اس به سادگی نشانگر ماوس را روی هر مقدار رنگ یا گرادینت در براکتس ببریم، یک پیش نمایش از رنگ/ گرادینت به صورت خودکار نمایش داده خواهد شد. به صورت مشابه برای تصاویر هم بکار می رود. به سادگی زمانی که نشانگر بر روی /آدرس تصویر در ویرایشگر براکتس قرار گیرد به عنوان پیش نمایش تصویر بند انگشتی از عکس نشان خواهد داد. -

- -To try out Quick View for yourself, place your cursor on the tag at the top of this -document and press Cmd/Ctrl + E to open a CSS quick editor. Now simply hover over any of the -color values within the CSS. You can also see it in action on gradients by opening a CSS quick editor -on the tag and hovering over any of the background image values. To try out the image -preview, place your cursor over the screenshot image included earlier in this document. - -

به چیز دیگری نیاز دارید? تلاش یک افزونه!

-

-علاوه بر تمام مزایای که در براکتس ایجاد شده است جامعه بزرگ و در حال رشد ما که متشکل از توسعه دهنده افزونه هاست هزاران افزونه برای اضافه شدن قابلیت های بسیار مفید ساخته شده است. اگر نیاز به موارد دیگری دارید که در براکتس ارائه نشده است به احتمال زیاد شخصی افزونه ای را برای آن ایجاد کرده است به فهرست و یا جستجو لیست افزونه های در دسترس رجوع کنید در پرونده ، مدیریت افزونه ها را انتخاب کنید و بر روی برگه در دسترس کلیک کنید. زمانی که افزونه ای را که می خواهید پیدا کردید کافیست بر روی "نصب" کلیک کنید و ادامه دهید. -

- -

درگیر شدن

-

-براکتس یک پروژه منبع باز می باشد. توسعه دهندگان وب در سرتاسر جهان در حال مشارکت جهت ساخت یک ویرایشگر بهتر می باشند. بسیاری در حال ساخت افزونه های هستند که توانایی براکتس را افزایش می دهد. آنچه را که به آن فکر می کنید را به ما اطلاع دهید ،ایده های خود را به اشتراک بگزارید یا به صورت مستقیم در پروژه مشارکت کنید. -

- - - - - - \ No newline at end of file diff --git a/samples/fa-ir/Getting Started/main.css b/samples/fa-ir/Getting Started/main.css deleted file mode 100644 index 4c5fd77d2c..0000000000 --- a/samples/fa-ir/Getting Started/main.css +++ /dev/null @@ -1,72 +0,0 @@ - -/* -This is the CSS rules for the Farsi|فارسیlanguage, which is written right to left. -by pooya parsa dadashi || datamweb. -*/ - -html { - background-color: #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-size: 16px; - line-height: 1.5; - margin: 0 auto; - max-width: 800px; - padding: 2em 2em 4em; -} - -h1, h2, h3, h4, h5, h6 { - color: #000; - 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%); - } -} - -/* Starting custom rules */ -.rtl { - direction: rtl; - font-family: "Tahoma", Helvetica, Arial, sans-serif; - text-align: right; -} diff --git a/samples/fa-ir/Getting Started/screenshots/farsiquick-edit.png b/samples/fa-ir/Getting Started/screenshots/farsiquick-edit.png deleted file mode 100644 index ee657886d7..0000000000 Binary files a/samples/fa-ir/Getting Started/screenshots/farsiquick-edit.png and /dev/null differ diff --git a/samples/fi/Aloitus/index.html b/samples/fi/Aloitus/index.html deleted file mode 100644 index e7600a83dc..0000000000 --- a/samples/fi/Aloitus/index.html +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - BRACKETSIN KÄYTÖN ALOITUS - - - - - -

BRACKETSIN KÄYTÖN ALOITUS

-

Tämä on oppaasi!

- - - -

- Tervetuloa käyttämään Bracketsia, nykyaikaista, avoimen lähdekoodin koodieditoria, joka ymmärtää - web-suunnittelun. Se on kevyt mutta silti tehokas: koodieditori, joka sulauttaa visuaaliset työkalut suoraan - editoriin, niin että saat oikean määrän apua silloin, kun haluat sitä. -

- - -

- Brackets on erityyppinen editori. - Bracketsissa on joitakin ainutlaatuisia ominaisuuksia, kuten pikamuokkaus, reaaliaikainen esikatselu ja - muita, joita et voi löytää muista editoreista. Lisäksi Brackets on kirjoitettu JavaSciptillä, HTML:llä ja - CSS:llä. Se tarkoittaa, että useimmilla Bracketsin käyttäjistä on riittävät taidot muokata ja laajentaa - editoria. Itse asiassa käytämme Bracketsia joka päivä sen itsensä kehitykseen. Oppiaksesi lisää siitä, - kuinka käyttää avainominaisuuksia, jatka lukemista. -

- - - -

Projektit Bracketsissa

-

- Muokataksesi omaa koodiasi Bracketsia käyttäen voit vain avata tiedostosi sisältävän kansion. Brackets pitää - nykyistä avointa kansiota ”projektina”; ominaisuudet, kuten koodivihjeet, esikatselu ja pikamuokkaus, - käyttävät vain parhaillaan avoinna olevan kansion tiedostoja. -

- - - Heti kun olet valmis luopumaan tästä näyteprojektista ja muokkaamaan omaa koodiasi, voit käyttää vasemman - sivupalkin pudotusvalikkoa kansioiden vaihtamiseen. Juuri nyt pudotusvalikossa lukee ”Aloitus”. Tämä on - kansio, joka sisältää tiedoston, jota tarkastelet juuri nyt. Avaa oma kansiosi napsauttamalla - pudotusvalikkoa ja valitsemalla ”Avaa kansio…”. - Voit käyttää pudotusvalikkoa myös myöhemmin vaihtaaksesi takaisin kansioihin, jotka olet avannut aiemmin, - sisältäen tämän näyteprojektin. - - - -

Pikamuokkaus CSS:lle ja JavaScriptille

-

- Ei lisää dokumenttien välillä vaihtamista tai asiayhteyden hukkaamista. Muokatessasi HTML:ää käytä - näppäinyhdistelmää Cmd/Ctrl + E avataksesi upotetun pikaeditorin, joka näyttää kaiken tiedostoon - liittyvän CSS:n. Muokkaa CSS:ääsi, paina ESC-näppäintä ja olet taas muokkaamassa HTML:ää, tai - yksinkertaisesti jätä CSS-säännöt auki, ja niistä tulee osa HTML-editoriasi. Jos painat - ESC-näppäintä pikaeditorin ulkopuolella, ne kaikki sulkeutuvat. Pikaeditori löytää myös LESS- ja - SCSS-tiedostoissa määritellyt säännöt, sisältäen sisäkkäiset sellaiset. -

- - - Haluatko nähdä sen toiminnassa? Aseta kohdistin alla olevaan -tägiin ja paina - Cmd/Ctrl + E. Sinun pitäisi nähdä, kun CSS-pikaeditori ilmestyy alapuolelle näyttäen CSS-säännön, - joka pätee siihen. Pikamuokkaus toimii toki myös class- ja id-attribuuttien kanssa. Voit käyttää sitä myös - LESS- ja SCSS-tiedostojesi kanssa. - - Voit luoda uusia sääntöjä samalla tavalla. Napsauta yhtä alaosan -tägeistä ja paina - Cmd/Ctrl + E. Sille ei ole sääntöjä juuri nyt, mutta voit napsauttaa Uusi sääntö -painiketta - lisätäksesi uuden säännön -tägeille. - - - - Kuvankaappaus, jossa näkyy CSS:n pikamuokkaus - - -

- Voit käyttää samaa näppäinyhdistelmää muokataksesi myös muita asioita - kuten JavaScriptin funktioita, - värejä ja animaatioiden ajoitusfunktioita - ja me lisäämme koko ajan yhä enemmän ominaisuuksia. -

-

- Toistaiseksi sisäeditorit eivät voi olla sisäkkäin, joten voit käyttää pikamuokkausta vain silloin, kun - kohdistin on täyskokoisessa editorissa. -

- - -

Esikatsele HTML:n ja CSS:n muutoksia reaaliaikaisesti selaimessa

-

- Tiedäthän sen ”tallenna ja päivitä -tanssin”, jota olemme harrastaneet vuosia? Se, jossa tehdään muutoksia - editorissa, painetaan tallenna, vaihdetaan selaimeen ja sitten päivitetään, jotta tulos tulee viimein - näkyville? Bracketsissa sinun ei tarvitse harrastaa tätä tanssia. -

-

- Brackets avaa reaaliaikaisen yhteyden paikalliseen selaimeesi ja vie HTML:n CSS:n päivitykset - samalla kun kirjoitat! Saatat olla jo tehnyt jotakin tämän kaltaista selainpohjaisilla työkaluilla, mutta - Bracketsin kanssa ei tarvitse kopioida ja liittää lopullista koodia takaisin editoriin. Koodisi suoritetaan - selaimessasi, mutta se sijaitsee editorissasi! -

- -

Korosta HTML-elementtejä ja CSS-sääntöjä reaaliaikaisesti

-

- Brackets tekee helpoksi nähdä, kuinka muutoksesi HTML:ssä ja CSS:ssä vaikuttavat sivuun. Kun kohdistin on - CSS-säännöllä, Brackets korostaa kaikki siihen liittyvät elementit selaimessa. Samalla tavoin muokattaessa - HTML-tiedostoa Brackets korostaa vastaavat HTML-elementit selaimessa. -

- - - Jos sinulla on Google Chrome asennettuna, voit kokeilla tätä itse. Napsauta Brackets-ikkunan oikeassa - yläkulmassa sijaitsevaa salamakuvaketta tai paina Cmd/Ctrl + Alt + P. Kun esikatselu on käytössä - HTML-dokumentissa, kaikkia linkitettyjä CSS-dokumentteja voi muokata reaaliajassa. Kuvake muuttuu harmaasta - kultaiseksi, kun Brackets muodostaa yhteyden selaimeesi. - - Aseta kohdistin nyt yläpuolella olevaan -tägiin. Huomaa sininen korostus, joka ilmestyy kuvan - ympärille Chromessa. Käytä seuraavaksi Cmd/Ctrl + E -näppäinyhdistelmää avataksesi määritellyt - CSS-säännöt. Yritä muuttaa reunaviivan kokoa arvosta 10px arvoon 20px tai vaihtaa taustaväriä arvosta - ”transparent” arvoon ”hotpink”. Jos Brackets ja selain ovat näytölläsi vierekkäin, näet muutosten - heijastuvan välittömästi selaimeesi. Siistiä, eikö? - - -

- Nykyisellään Brackets tukee esikatselua vain HTML:lle ja CSS:lle. Kuitenkin jo nykyisessä versiossa - muutokset JavaScript-tiedostoihin päivitetään automaattisesti tallentaessasi tiedoston. Työskentelemme - parhaillaan esikatselun tuomiseksi JavaScriptille. Esikatselu on myös mahdollista vain Google Chromella, - mutta toivomme pystyvämme tuomaan tämän toiminnon kaikille pääselaimille tulevaisuudessa. -

- -

Pikanäkymä

-

- Niille meistä, jotka eivät vielä osaa ulkoa värien vastineita HEX- tai RGB-arvoille, Brackets tekee nopeaksi - ja helpoksi nähdä täsmälleen, mitä väriä on käyttämässä. Kerta kaikkiaan osoita mitä tahansa väriarvoa tai - liukuväriä joko CSS:ssä tai HTML:ssä, ja Brackets näyttää esikatselun tästä väristä tai liukuväristä - automaattisesti. Sama tulee kuviin: osoita yksinkertaisesti kuvalinkkiä Brackets-editorissa ja se näyttää - pienen esikatselukuvan tästä kuvasta. -

- - - Kokeile pikanäkymää itse asettamalla kohdistimesi tämän dokumentin yläosassa sijaitsevaan - -tägiin ja painalla Cmd/Ctrl + E avataksesi CSS-pikaeditorin. Nyt yksinkertaisesti osoita mitä - tahansa CSS:n väriarvoista. Voit myös nähdä sen toiminnassa liukuväreissä avaamalla CSS-pikaeditorin - -tägille ja osoittamalla mitä tahansa taustakuva-arvoista. Kokeile kuvan esikatselua - asettamalla osoittimesi tässä dokumentissa aiemmin esiintyneen kuvankaappauskuvan päälle. - - -

Tarvitsetko jotakin muuta? Kokeile laajennusta!

-

- Sen kaiken hyvän lisäksi, jota Bracketsiin on rakennettu, on suuri ja kasvava laajennuskehittäjien - yhteisömme tehnyt satoja laajennuksia, jotka lisäävät hyödyllisiä toimintoja. Jos on jotakin, jota tarvitset - ja jota Brackets ei tarjoa, enemmän kuin todennäköisesti joku on tehnyt laajennuksen siihen. Selaa - saatavilla olevien laajennusten luetteloa tai hae siitä valitsemalla Tiedosto > Laajennusten - hallinta ja napsauttamalla ”Saatavilla”-välilehteä. Kun löydät haluamasi laajennuksen, napsauta - vain ”Asenna”-painiketta sen vierestä. -

- - -

Lähde mukaan

-

- Brackets on avoimen lähdekoodin projekti. Web-kehittäjät ympäri maailmaa osallistuvat paremman koodieditorin - kehittämiseen. Vieläkin enemmän kehitetään laajennuksia, jotka laajentavat Bracketsin kykyjä. Kerro meille, - mitä ajattelet. Jaa ideasi tai osallistu suoraan projektiin. -

- - - - - diff --git a/samples/fi/Aloitus/main.css b/samples/fi/Aloitus/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/fi/Aloitus/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/fi/Aloitus/screenshots/quick-edit.png b/samples/fi/Aloitus/screenshots/quick-edit.png deleted file mode 100644 index fe5e7507e6..0000000000 Binary files a/samples/fi/Aloitus/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/fr/Premiers pas/index.html b/samples/fr/Premiers pas/index.html deleted file mode 100644 index 1d8259cc5f..0000000000 --- a/samples/fr/Premiers pas/index.html +++ /dev/null @@ -1,158 +0,0 @@ - - - - - - - PREMIERS PAS AVEC BRACKETS - - - - - -

PREMIERS PAS AVEC BRACKETS

-

Suivez le guide !

- - - -

- Bienvenue dans Brackets, un éditeur de code open source qui comprend et facilite la conception de sites web. Il s’agit d’un éditeur à la fois léger et puissant qui intègre des outils visuels directement dans son interface, de sorte que chaque opération peut devenir un véritable jeu d’enfant. -

- - -

- Brackets se distingue des éditeurs traditionnels, - notamment par ses fonctionnalités uniques, comme l’Edition rapide ou l’Aperçu en direct, que vous ne trouverez pas forcément dans d’autres éditeurs. Cerise sur le gâteau, Brackets est écrit en JavaScript, en HTML et en CSS. Autrement dit, la grande majorité des utilisateurs de Brackets est capable de modifier et d’étendre l’éditeur. En fait, nous utilisons Brackets tous les jours pour son propre développement. Pour en savoir plus sur l’utilisation de ses fonctionnalités centrales, poursuivez votre lecture. -

- - - -

Projets Brackets

-

- Pour éditer votre propre code à l’aide de l’application Brackets, il vous suffit d’ouvrir le dossier contenant vos fichiers. - Brackets traite le dossier ouvert en tant que « projet » ; ainsi, les fonctionnalités Indicateurs de code, Aperçu en direct ou encore Edition rapide s’appliquent uniquement aux fichiers du dossier ouvert. -

- - - Si vous vous sentez prêt à franchir le cap et à éditer votre propre code, fermez cet exemple de projet et utilisez la liste déroulante de la barre latérale de gauche pour changer de dossier. Pour le moment, la liste déroulante s’intitule « Prise en main », ce qui correspond au dossier dans lequel se trouve le fichier fictif sur lequel vous vous exercez actuellement. Cliquez sur la liste déroulante et sélectionnez « Ouvrir un dossier… » pour accéder à votre propre dossier. - Par la suite, vous pourrez tout à fait revenir aux dossiers précédemment ouverts, y compris cet exemple de projet, grâce à cette même liste déroulante. - - - -

Edition rapide des codes CSS et JavaScript

-

- Vous ne risquez plus de perdre de vue le contexte en passant d’un document à un autre. Lorsque vous modifiez un fichier HTML, utilisez le raccourci Cmd/Ctrl + E pour ouvrir un éditeur rapide intégré qui affiche l’ensemble du code CSS associé. - Peaufinez votre CSS, puis appuyez sur Echap pour revenir au format HTML, ou laissez simplement les règles CSS ouvertes afin qu’elles deviennent partie intégrante de l’éditeur HTML. Si vous appuyez sur Echap en dehors d’un éditeur intégré rapide, tous les éditeurs sont réduits. La fonction Edition rapide détecte également les règles définies dans les fichiers LESS et SCSS, y compris les règles imbriquées. -

- - - Une petite démonstration ? Placez le curseur de la souris sur la balise et tapez Cmd/Ctrl + E. Un éditeur rapide CSS apparaît en superposition, avec la règle CSS applicable. La fonction Edition rapide est également utilisable pour les attributs de classe et d’ID. Vous pouvez aussi vous en servir sur vos fichiers LESS et SCSS. - - Vous pouvez créer de nouvelles règles en procédant de la même manière. Cliquez sur l’une des balises en haut du document et appuyez sur Cmd/Ctrl + E. Il n’existe aucune règle associée pour le moment, mais vous pouvez cliquer sur le bouton Nouvelle règle afin d’ajouter une règle pour . - - - - Capture d’écran de la fonction Edition rapide CSS - - -

- Vous pouvez utiliser le même raccourci pour éditer d’autres éléments, comme les fonctions dans JavaScript, les couleurs ou les fonctions de temporisation d’animation ; nous ajoutons sans cesse des nouveautés. -

-

- Les éditeurs intégrés ne peuvent pas encore être imbriqués. Vous ne pouvez donc utiliser la fonction Edition rapide que lorsque le curseur se trouve dans un éditeur « plein écran ». -

- - -

Affichage des modifications HTML et CSS en direct dans le navigateur

-

- Depuis des années, nous pratiquons tous la fameuse technique « Enregistrer/Actualiser » : apporter des modifications dans l’éditeur, enregistrer, basculer vers le navigateur, puis actualiser la page pour voir le résultat. - Avec Brackets, cette longue procédure appartient au passé. -

-

- Brackets se connecte en direct à votre navigateur local et transmet vos mises à jour au fur et à mesure que vous les appliquez au code HTML et CSS. Certes, il existe des outils accessibles directement depuis le navigateur qui permettent d’obtenir un résultat similaire mais, avec Brackets, vous n’avez pas besoin de copier et coller à nouveau le code final dans l’éditeur. Le navigateur lit votre code, mais c’est l’éditeur qui le fait vivre ! -

- -

Mise en surbrillance en direct des éléments HTML et règles CSS

-

- Avec Brackets, vous pouvez facilement visualiser les effets des modifications du code HTML et CSS sur la page. Lorsque vous placez le curseur sur une règle CSS, Brackets surligne tous les éléments concernés dans le navigateur. De même, lorsque vous éditez un fichier HTML, Brackets surligne les éléments HTML correspondants dans le navigateur. -

- - - Si vous avez installé Google Chrome, vous pouvez dès maintenant tester cette fonctionnalité. Cliquez sur l’icône représentant un éclair en haut à droite de la fenêtre Brackets ou utilisez la combinaison Cmd/Ctrl + Alt + P. Lorsque le module Aperçu en direct est activé sur un document HTML, tous les documents CSS associés peuvent être modifiés en temps réel. - L’icône passe du gris au doré une fois que Brackets a établi la connexion à votre navigateur. - - Placez maintenant le curseur sur la balise . Vous constatez qu’une surbrillance bleue apparaît tout autour de l’image dans Chrome. Utilisez ensuite la combinaison Cmd/Ctrl + E pour ouvrir les règles CSS définies. - Essayez de faire passer l’épaisseur de la bordure de 10 px à 20 px, ou de remplacer la couleur d’arrière-plan « transparent » par « hotpink ». Si Brackets et votre navigateur s’exécutent côte à côte, ce dernier affiche immédiatement les modifications. Plutôt sympathique, non ? - - -

- A l’heure actuelle, le module Aperçu en direct de Brackets ne fonctionne que pour le code HTML et CSS. Cependant, dans cette version, les modifications apportées aux fichiers JavaScript sont automatiquement rechargées lorsque vous enregistrez. Nous travaillons activement à la prise en charge du module Aperçu en direct pour le langage JavaScript. La fonctionnalité Aperçu en direct n’est disponible qu’avec Google Chrome, mais nous souhaitons à l’avenir la déployer sur l’ensemble des navigateurs. -

- -

Affichage rapide

-

- Pour ceux d’entre nous qui n’ont pas encore mémorisé les équivalents en couleur des valeurs HEX ou RVB, Brackets permet d’afficher rapidement et facilement la couleur utilisée. Dans le code CSS ou HTML, placez simplement le curseur sur une valeur colorimétrique ou un dégradé, et Brackets affiche automatiquement un aperçu de la couleur ou du dégradé en question. Procédez de même pour les images : placez simplement le curseur sur le lien d’une image dans l’éditeur Brackets pour en afficher une miniature. -

- - - Testez la fonction Affichage rapide par vous-même : placez le curseur sur la balise en haut du document et appuyez sur Cmd/Ctrl + E pour ouvrir un éditeur rapide CSS. A présent, placez le curseur sur l’une des valeurs de couleur dans le code CSS. Vous pouvez également tester cette fonctionnalité sur un dégradé : ouvrez un éditeur rapide CSS sur la balise , puis passez le curseur sur l’une des valeurs de l’image d’arrière-plan. Pour essayer l’aperçu avec une image, placez le curseur sur la capture d’écran insérée plus haut dans le document. - - -

Vous en voulez plus ? Jetez un œil du côté des extensions !

-

- En plus de tous les atouts déjà intégrés à Brackets, notre communauté de développeurs, qui ne cesse de s’agrandir, a mis au point des centaines d’extensions qui offrent des fonctionnalités très pratiques. Si vous avez besoin d’une fonction qui ne se trouve pas dans Brackets, il est fort probable qu’un utilisateur ait créé l’extension qu’il vous faut. Pour parcourir la liste des extensions disponibles ou en rechercher une en particulier, cliquez sur Fichier > Gestionnaire d’extensions, puis ouvrez l’onglet « Disponible ». Lorsque vous trouvez l’extension qui vous convient, il vous suffit de cliquer sur le bouton Installer correspondant. -

- - -

Participer

-

- Brackets est un projet open source. Des développeurs web du monde entier participent à l’amélioration de l’éditeur de code. Nombreux sont ceux qui créent des extensions afin de développer les possibilités de Brackets. - Donnez-nous votre avis, partagez vos idées ou participez directement au projet. -

- - - - - diff --git a/samples/fr/Premiers pas/main.css b/samples/fr/Premiers pas/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/fr/Premiers pas/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/fr/Premiers pas/screenshots/quick-edit.png b/samples/fr/Premiers pas/screenshots/quick-edit.png deleted file mode 100644 index 65f24c8132..0000000000 Binary files a/samples/fr/Premiers pas/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/id/Memulai/index.html b/samples/id/Memulai/index.html deleted file mode 100644 index d6cbf73b4a..0000000000 --- a/samples/id/Memulai/index.html +++ /dev/null @@ -1,212 +0,0 @@ - - - - - - - MEMULAI DENGAN BRACKETS - - - - - -

MEMULAI DENGAN BRACKETS

-

Inilah panduan Anda!

- - - -

- Selamat datang di Brackets, sebuah editor modern dan open-source yang dirancang untuk mendesain web. - Ringan namun bertenaga, editor ini memadukan perangkat visual ke dalamnya sehingga Anda memiliki - perangkat yang tepat ketika Anda membutuhkannya. -

- - -

- Brackets berbeda dari editor lainnya. - Brackets memiliki fitur-fitur yang unik seperti Edit Cepat, Tinjauan Langsung dan berbagai macam fitur - yang mungkin tidak Anda temui di editor lain. Brackets dikembangkan dengan JavaScript, HTML and CSS. - Ini berarti Anda, para pengguna Brackets sudah memiliki kemampuan untuk memodifikasi dan memperluas editor - ini. Bahkan, kami menggunakan Brackets setiap hari dalam pengembangan Brackets. Untuk mempelajari cara - penggunaan fitur-fitur utama yang ada di dalam Brackets, baca lebih lanjut. -

- - - -

Proyek di dalam Brackets

-

- Untuk mengedit kode Anda sendiri dengan menggunakan Brackets, Anda bisa langsung membuka folder yang - berisi file-file Anda. Brackets memperlakukan folder yang sedang dibuka sebagai "proyek"; fitur-fitur - seperti Petunjuk Kode, Tinjauan Langsung and Edit Cepat hanya menggunakan file-file yang ada di dalam - folder yang sedang dibuka. -

- - - Saat Anda siap untuk keluar dari proyek contoh ini dan mengedit kode Anda sendiri, Anda dapat menggunakan - dropdown yang ada di sisi kiri sidebar untuk mengganti folder. Saat ini, dropdown Anda menunjukkan - "Memulai"- itu adalah folder yang berisi file yang Anda lihat saat ini. Klik pada dropdown dan - pilih "Buka Folder…" untuk membuka folder Anda sendiri. - Anda juga bisa menggunakan dropdown nanti untuk berpindah ke folder yang telah Anda buka sebelumnya, - termasuk proyek contoh ini. - - - -

Edit Cepat untuk CSS dan JavaScript

-

- Tidak perlu lagi repot-repot berpindah dari satu dokumen ke dokumen lainnya. Ketika mengedit HTML, - gunakan pintasan Cmd/Ctrl + E untuk membuka Edit Cepat yang menampilkan semua CSS yang sesuai. - Ubah CSS Anda, kemudian tekan ESC dan Anda kembali lagi mengedit HTML, atau tetap buka CSS Anda - dan kotak tersebut akan menjadi satu dengan editor Anda. Jika Anda menekan ESC diluar kotak Edit - Cepat, semuanya akan langsung disembunyikan. Edit Cepat juga akan menemukan aturan dalam file LESS dan - SCSS, termasuk aturan bersarang. -

- - - Mau lihat cara kerjanya? Tempatkan kursor Anda di tag di atas kemudian tekan - Cmd/Ctrl + E. Anda akan melihat editor cepat CSS muncul, menunjukkan aturan CSS yang sesuai. - Edit Cepat juga dapat digunakan untuk atribut class dan id. Anda juga bisa menggunakannya dengan file LESS - dan SCSS. - - Anda bisa membuat aturan baru dengan cara yang sama. Klik salah satu tag - di atas dan tekan Cmd/Ctrl + E. Saat ini tidak ada aturan untuk tag itu, namun - Anda bisa klik tombol Aturan Baru untuk menambahkan aturan untuk . - - - - Screenshot menunjukkan Edit Cepat CSS - - -

- Anda juga bisa menggunakan pintasan yang sama untuk mengedit hal-hal lainnya - seperti fungsi di - JavaScript, warna, dan fungsi animasi - dan kami terus menambahkan fitur lain setiap saat. -

- -

- Saat ini, editor inline tidak dapat disarangkan, sehingga Anda hanya dapat menggunakan Edit Cepat ketika - berada dalam mode "ukuran penuh". -

- - -

Tinjau perubahan HTML dan CSS secara langsung di peramban

-

- Anda tahu mengenai teknik "simpan/muat ulang" yang sering kita lakukan? Dimana kita mengubah file, - kemudian kita simpan, lalu pindah ke peramban dan memuat ulang halaman untuk melihat hasilnya? Dengan - Brackets, Anda tidak perlu melakukannya lagi. -

-

- Brackets akan membuka sambungan langsung ke peramban Anda dan memperbarui HTML dan CSS secara - langsung, bahkan ketika Anda mengetik! Mungkin Anda sudah pernah melakukan hal ini dengan perangkat dari - peramban, namun dengan Brackets, Anda tidak perlu lagi menyalin kode kembali ke editor. Kode Anda berjalan - di peramban, namun tetap berada di editor Anda! -

- -

Soroti langsung elemen HTML dan aturan CSS

-

- Brackets mempermudah Anda melihat bagaimana perubahan pada HTML dan CSS yang Anda buat akan mempengaruhi - halaman. Ketika kursor Anda berada pada aturan CSS, Brackets akan menyoroti semua elemen yang dipengaruhi - pada peramban. Hal yang sama ketika mengedit file HTML, Brackets akan menyoroti elemen HTML yang sesuai - pada peramban. -

- - - Jika Anda menggunakan Google Chrome, Anda bisa mencoba ini sendiri. Klik pada ikon petir di - sebelah kanan atas pada jendela Brackets Anda atau tekan Cmd/Ctrl + Alt + P. - Ketika Tinjauan Langsung dijalankan di dokumen HTML, semua dokumen CSS yang terhubung bisa diedit secara - langsung. Ikon petir akan berubah warna dari abu-abu menjadi emas ketika Brackets mendapatkan sambungan - ke peramban Anda. - - Sekarang, tempatkan kursor Anda di tag di atas. Perhatikan sorotan warna biru yang muncul - di sekeliling gambar pada Chrome. Lalu, tekan Cmd/Ctrl + E untuk membuka aturan CSS yang ada. - Cobalah ubah ukuran border dari 10px ke 20px atau ubah warna background dari "transparent" ke "hotpink". - Jika Brackets dan peramban berjalan berdampingan, Anda akan dapat melihat perubahannya secara langsung - di peramban Anda. Keren, kan? - - -

- Saat ini, Brackets hanya mendukung Tinjauan Langsung untuk HTML dan CSS. Namun di versi ini, perubahan - terhadap JavaScript akan dimuat ulang ketika Anda menyimpan. Saat ini kami berusaha menambahkan - dukungan Tinjauan Langsung untuk JavaScript. Tinjauan Langsung juga hanya bisa dijalankan di peramban - Google Chrome, namun kami berharap untuk memberikan fitur ini ke semua peramban di masa depan. -

- -

Tampilan Cepat

-

- Bagi Anda yang belum hafal nilai RGB dan HEX sebuah warna, dengan Brackets, Anda dapat dengan mudah dan - cepat untuk melihat warna apa saja yang sedang digunakan. Di CSS atau HTML, tempatkan kursor di atas nilai - warna atau gradien dan Brackets akan menampilkan warna/gradien tersebut secara otomatis. Sama halnya dengan - gambar: taruh kursor di atas link gambar pada editor Brackets dan menampilkan thumbnail dari gambar tersebut. -

- - - Untuk mencobanya sendiri, tempatkan kursor Anda pada tag di atas dokumen ini dan tekan - Cmd/Ctrl + E untuk membuka editor cepat CSS. Setelah itu, tempatkan kursor di atas nilai warna - apapun di dalam CSS tersebut. Anda juga bisa mencoba sendiri untuk gradien dengan membuka editor cepat - CSS pada tag dan menempatkan kursor pada nilai background image manapun. Untuk - mencoba tinjauan gambar, tempatkan kursor Anda di atas gambar screenshot yang ada di dokumen ini. - - -

Ingin fitur lain? Tambahkan ekstensi!

-

- Selain semua fitur-fitur keren yang ada di dalam Brackets, kami mempunyai komunitas pengembang ekstensi - yang terus tumbuh jumlahnya dan sudah membuat ratusan ekstensi yang sangat berguna. Apabila Anda - membutuhkan fitur yang tidak ada dalam Brackets, kemungkinan besar seseorang telah membuat ekstensi untuk - itu. Untuk melihat daftar ekstensi yang tersedia, klik File > Pengelola Ekstensi lalu - klik di tab "Tersedia". Ketika Anda menemukan ekstensi yang Anda inginkan, klik tombol "Instal" di sebelahnya. -

- - -

Ikut terlibat

-

- Brackets adalah proyek open-source. Pengembang web dari seluruh dunia berkontribusi untuk membangun editor - yang lebih baik. Dan juga ada banyak orang yang menembangkan ekstensi untuk meningkatkan kemampuan Brackets. - Beri kami saran, ide, atau berkontribusilah secara langsung untuk Brackets. -

- - - - - - - \ No newline at end of file diff --git a/samples/id/Memulai/main.css b/samples/id/Memulai/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/id/Memulai/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/id/Memulai/screenshots/quick-edit.png b/samples/id/Memulai/screenshots/quick-edit.png deleted file mode 100644 index 578b4c625d..0000000000 Binary files a/samples/id/Memulai/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/it/Primi passi/index.html b/samples/it/Primi passi/index.html deleted file mode 100644 index 012ebd7ebb..0000000000 --- a/samples/it/Primi passi/index.html +++ /dev/null @@ -1,181 +0,0 @@ - - - - - - - PRIMI PASSI CON BRACKETS! - - - - - -

PRIMI PASSI CON BRACKETS!

-

Questa è la tua guida!

- - - -

- Benvenuto in questa versione preliminare di Brackets, un nuovo editor open-source per la nuova - generazione del web. Noi siamo grandi fan degli standard e vogliamo realizzare degli strumenti - migliori per lavorare in JavaScript, HTML, CSS e altre tecnologie aperte del web. Questo è il - nostro umile inizio. -

- - -

- Brackets è un editor differente. - Un importante differenza è che questo editor è scritto in JavaScript, HTML e CSS. - Questo significa che la maggior parte di coloro che utilizzano Brackets, sono in grado di modificare - e ampliare l'editor. Infatti, noi usiamo Brackets ogni giorno per costruire Brackets. - Brackets è inoltre dotato di caratteristiche uniche come Modifica Rapida, Anteprima Live e altre - caratteristiche che non trovereste altrove. -

- - -

Stiamo provando alcune cose nuove

- - -

Modifica rapida per CSS e JavaScript

-

- Non c'è più bisogno di spostarsi continuamente da un documento all'altro. Quando si lavora al codice - HTML, è possibile digitare Cmd/Ctrl + E per aprire un'area di modifica rapida che mostra - il CSS corrispondente. Una volta effettuata una modifica al codice CSS, basta premere ESC - e si ritorna sull'HTML chiudendo l'area di modifica rapida, o è possibile lasciare aperta tale area - continuando a lavorare sull'HTML. Premendo invece ESC al di fuori di tale area, tutte le - aree di modifica rapida verranno chiuse. -

- - - Vuoi vederlo in azione? Posiziona il cursore nel tag sopra e premi - Cmd/Ctrl + E. Dovresti vedere un'area di modifica rapida del CSS apparire sopra. - Sulla destra vedrai la lista delle regole CSS corrispondenti a questo tag. Scorri - semplicemente le regole con Alt + Up/Down per trovare quella che intendi modificare. - - - - Uno screenshot che mostra una finestra di modifica rapida CSS - - -

- Puoi usare la stessa combinazione di tasti per il codice JavaScript e vedere il corpo di una funzione - posizionando il cursore nel nome della funzione chiamata. Per il momento gli editor in linea non possono - essere nidificati, quindi è possibile usare la modifica rapida solo quando il cursore è posizionato nell'editor - generale. -

- - -

L'anteprima del CSS cambia in tempo reale nel browser

-

- Conosci la solita procedura "salva/ricarica" che abbiamo fatto per anni? Fai una modifica tramite editor, - premi "salva", passi alla finestra del browser e aggiorni la pagina per vedere il risultato? - Con Brackets non avrai più bisogno di questo procedimento. -

-

- Brackets aprirà una connessione in tempo reale con il tuo browser e gli manderà tutte le modifiche - del CSS non appena tu le avrai digitate! Forse oggi stai già facendo qualcosa di simile con qualche - strumento browser-based, ma con Brackets non avrai bisogno di copiare e incollare il codice CSS definitivo - nel tuo editor. Il tuo codice gira nel browser, ma risiede già nell'editor! -

- -

L'anteprima mette in risalto gli elementi HTML e le regole CSS.

-

- Brackets rende semplice vedere come le proprie modifiche all'HTML e al CSS hanno effetto sulla pagina. - Quando il cursore è su una regola CSS, nel browser verranno messi in risalto tutti gli elementi che - vengono influenzati da quella regola. Similmente, quando stai modificando un file HTML, Brackets metterà - in risalto nel browser gli elementi HTML corrispondenti. -

- - - Se hai Google Chrome installato, puoi provare da te. Clicca nell'icona con il fulmine nell'angolo - in alto a destra della finestra di Brackets oppure premi Cmd/Ctrl + Alt + P. Quando - Anteprima Live è abilitata in un documento HTML, tutti i documenti CSS collegati possono essere - modificati in tempo reale. L'icona cambierà colore, dal grigio al dorato, quando Brackets stabilisce - una connessione con il tuo browser. - - Adesso, posiziona il cursore sul tag sopra. Noterai un highlight blu apparire attorno - all'imagine su Chrome. Successivamente, usa Cmd/Ctrl + E per aprire le regole CSS. - Prova a cambiare la grandezza del bordo da 10px a 20px o cambia il colore di sfondo da "transparent" a - "hotpink". Se Brackets e il tuo browser sono posizionati fianco a fianco, noterai istantaneamente - i cambiamenti anche nel tuo browser. Bello, vero? - - -

- Oggi, Brackets supporta solo l'Anteprima Live per il CSS. Comunque, nella versione corrente, i - cambiamenti ai file HTML e JavaScript sono automaticamente ricaricati quando si salva. Al momento - stiamo lavorando al supporto di HTML e JavaScript nell'Anteprima Live. Inoltre le anteprime live sono - supportate solo su Google Chrome, ma per il futuro speriamo di portare questa funzionalità anche - sugli altri browser più comuni. -

- -

Visualizzazione Rapida

-

- Per coloro che non hanno ancora memorizzato i colori associati ai valori HEX o RGB, Brackets rende - facile e veloce vedere esattamente qual è il colore corrispondente. Nei documenti CSS e HTML basta - semplicemente posizionare il mouse sopra il valore di ogni colore e Brackets mostrerà automaticamente - un'anteprima di quel colore. La stessa cosa vale per le immagini: basta spostare il mouse sopra il - link dell'immagine all'interno dell'editor Brackets ed esso mostrerà una miniatura di quell'immagine. -

- - - Prova la Visualizzazione Rapida, posiziona il cursore sopra il tag nella parte - superiore di questo documento e premi Cmd/Ctrl + E per una modifica rapida del CSS. - Adesso posiziona il mouse sopra un valore di qualche colore. Inoltre puoi vederla in azione sui - gradienti aprendo una modifica veloce CSS sopra il tag e posizionando il mouse - sopra qualche valore corrispondente all'immagine di sfondo. Prova l'anteprima dell'immagine, - posiziona il cursore sopra lo screenshot presente all'inizio di questo documento. - - - -

Partecipa

-

- Brackets è un progetto open source. Sviluppatori web da ogni parte del mondo stanno contribuendo - per realizzare un editor migliore. Altri ancora stanno realizzando estensioni che espandono le - funzionalità di Brackets. Dicci cosa ne pensi, condividi le tue idee o contribuisci direttamente - al progetto. -

- - - - - \ No newline at end of file diff --git a/samples/it/Primi passi/main.css b/samples/it/Primi passi/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/it/Primi passi/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/it/Primi passi/screenshots/quick-edit.png b/samples/it/Primi passi/screenshots/quick-edit.png deleted file mode 100644 index 146b733d06..0000000000 Binary files a/samples/it/Primi passi/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/ja/Getting Started/index.html b/samples/ja/Getting Started/index.html deleted file mode 100644 index bf6f491fef..0000000000 --- a/samples/ja/Getting Started/index.html +++ /dev/null @@ -1,158 +0,0 @@ - - - - - - - BRACKETS をはじめる前に - - - - - -

BRACKETS をはじめる前に

-

まずはこのガイドからスタート

- - - -

- Web デザインを認識する最新のオープンソースエディター、Brackets をご利用いただき、ありがとうございます。軽量でありながらパワフルなコードエディターでのビジュアルツールとエディターとの融合により、必要なときに必要なだけのサポートを利用することができます。 -

- - -

- Brackets は、新しいタイプのエディターです。 - Brackets にはクイック編集やライブプレビューなど、他のエディターにはないユニークな機能が備わっています。Brackets は JavaScript、HTML および CSS で記述されています。つまり、ほとんどの Brackets ユーザーは、習得済みのスキルを使って、このエディターそのものを変更したり拡張したりできるということになります。実際、アドビ社内の開発チームも、毎日 Brackets を使用して Brackets の構築を進めています。主要機能の使用方法について、下記で詳しくご説明します。 -

- - - -

Brackets のプロジェクト

-

- Brackets を使用して独自のコードを記述するには、自分のファイルを格納したフォルダーを開きます。 - 現時点で開いているフォルダーが Brackets によって「プロジェクト」として処理され、そのフォルダー内のファイルのみがコードヒント、ライブプレビュー、クイック編集などの機能で使用されます。 -

- - - このサンプルプロジェクトを終了し、コードを編集する準備ができたら、左側のサイドバーのドロップダウンを使用してフォルダーを切り替えます。この時点で、ドロップダウンには「はじめに」が表示され、現在表示されているファイルが格納されたフォルダーが選択されています。ドロップダウンで「フォルダーを開く...」を選択して、使用するフォルダーを開きます。 - ドロップダウンを使用して、このサンプルプロジェクトが含まれるフォルダーなど、以前に開いたフォルダーに切り替えることもできます。 - - - -

CSS と JavaScript のクイック編集

-

- いくつものドキュメントを行ったり来たりして、コードの文脈を見失うようなことはもうありません。HTML ファイルの編集中にショートカットの Command+E キーまたは Ctrl+E キーを使用すると、クイック編集用のインラインエディターが開き、関連する CSS がすべて表示されます。 - ここで CSS を調整して Esc キーを押せば、HTML の編集に戻ることができます。また、CSS ルールを開いたままにしておけば、HTML エディターの一部として使用できます。カーソルがクイック編集用インラインエディターの外にあるときに Esc キーを押すと、CSS ルールはすべて折りたたまれます。また、クイック編集には、ネストされたルールなど、LESS および SCSS ファイルで定義されたルールも備わっています。 -

- - - この機能を実際に使用するには、上部の タグにカーソルを合わせた状態で Command+E キーまたは Ctrl+E キーを押します。すると、上部に CSS クイック編集エディターが開き、適用する CSS ルールが表示されます。クイック編集は、クラスおよび id 属性にも使用できます。また、クイック編集は LESS および SCSS ファイルでも使用できます。 - - 新規ルールも同じように作成できます。上部の タグのいずれかをクリックし、Command+E キーまたは Ctrl+E キーを押します。そのとき既存のルールがなければ、「新規ルール」ボタンをクリックして に新規ルールを追加できます。 - - - - CSS クイック編集のスクリーンショット - - -

- 同じショートカットを使用して、JavaScript の関数、カラー、アニメーションタイミング機能など、他のエレメントも編集できます。アドビでは、この機能を継続して強化していきます。 -

-

- 現時点ではインラインエディターをネストすることはできませんので、クイック編集を使用できるのは、カーソルが「フルサイズ」のエディター内にある場合に限られています。 -

- - -

HTML および CSS の編集結果をブラウザーでライブプレビュー

-

- 私たちはずっと、保存とリロードの繰り返し作業に煩わされてきました。エディターで編集して保存し、ブラウザーに切り替えて更新してから、ようやく結果を確認できるという、あの作業です。 - Brackets では、もうあの作業を行う必要はありません。 -

-

- Brackets では、HTML や CSS のコード編集を行いながら、ローカルブラウザーにライブ接続し、編集結果をリアルタイムでプレビューできます。ブラウザーベースのツールの中には、現時点でもこれと似たことが可能なものもありますが、Brackets の場合は最終的にコードをエディターにコピー＆ペーストする必要がありません。コードが実行されるのはブラウザー上ですが、コードがある場所は最初からずっとエディター内なのです。 -

- -

HTML エレメントと CSS ルールのライブハイライト

-

- Brackets では、HTML や CSS の編集内容がどのようにページに反映されるかを、簡単に確認することができます。Brackets で CSS ルール上にカーソルを置くと、ブラウザー上でそのルールに対応するエレメントがすべてハイライト表示されます。これと同じように、HTML ファイルを編集しているときも、ブラウザー上でそれに対応する HTML エレメントがハイライト表示されます。 -

- - - お使いのコンピューターに Google Chrome がインストールされていれば、これを実際にお試しいただくことができます。Brackets ウィンドウの右上にある稲妻アイコンをクリックするか、Command+Alt+P キーまたは Ctrl+Alt+P キーを押します。HTML ドキュメントでライブプレビューが有効になっていれば、リンクされている CSS ドキュメントはすべてリアルタイムで編集可能です。 - Brackets でローカルブラウザーとの接続が確立されると、アイコンがグレーから金色に変わります。 - - この状態で、上部の タグにカーソルを合わせます。すると、Chrome 上で画像の周囲が青くハイライト表示されます。次に、Command+E キーまたは Ctrl+E キーを押して、定義済みの CSS ルールを開きます。 - 枠のサイズを 10 ピクセルから 20 ピクセルに変更するか、背景色を「透明」から「ホットピンク」に変更してみてください。Brackets とブラウザーが同時に動作していれば、この変更内容が瞬時にブラウザーの表示に反映されるのを確認できます。 - - -

- 現時点で Brackets のライブプレビューが対応しているのは、HTML と CSS のみです。JavaScript ファイルの場合、現行バージョンでは、編集内容を保存した時点で自動的にリロードされます。現在アドビでは、JavaScript のライブプレビュー対応を進めています。また、ライブプレビューの可能なブラウザーは Google Chrome のみですが、将来的には主要なブラウザーすべてでこの機能を利用できるようにしたいと考えています。 -

- -

クイックビュー

-

- まだ 16 進数値または RGB 値に対応するカラーコードを覚えていなくても、Brackets なら使用されているカラーを正確に、しかもすばやく簡単に確認できます。CSS でも HTML でも、カラー値またはグラデーション上にカーソルを重ねるだけで、そのカラーやグラデーションが自動的に表示されます。画像の場合も同様で、Brackets エディターで画像リンク上にカーソルを重ねると、その画像のプレビューがサムネイルで表示されます。 -

- - - クイックビューを実際に使ってみるには、このドキュメントの上部にある タグにカーソルを合わせます。その状態で Command+E キーまたは Ctrl+E キーを押すと、CSS クイック編集エディターが開きます。あとは、CSS 内でカラー値のどれかにカーソルを重ねるだけです。また、グラデーションに対してこの機能を使ってみるには、 タグで CSS クイック編集エディターを開き、背景画像の値にカーソルを重ねます。画像のプレビューを試す場合は、このドキュメントの前半に掲載されているスクリーンショット画像にカーソルを重ねてみてください。 - - -

拡張機能でさらに補強

-

- Brackets に組み込まれた優れた機能に加え、拡大を続ける大規模なコミュニティで、デベロッパーらが何百もの便利な拡張機能を構築しています。Brackets にない機能を必要としたとき、ほぼ確実に構築済みの拡張機能が見つかります。使用可能な拡張機能の一覧を参照または検索するには、ファイル／拡張機能マネージャー を選択し、「入手可能」タブをクリックします。使用する拡張機能が見つかったら、その横の「インストール」ボタンをクリックします。 -

- - -

Brackets プロジェクトに参加

-

- Brackets はオープンソースのプロジェクトです。世界中の Web 開発者が、優れたコードエディターの構築に貢献しています。さらに多くの人々が、Brackets の拡張機能の構築に携わっています。 - ぜひ、このプロジェクトについてご意見・アイデアをお寄せください。プロジェクトへの直接的なご参加もお待ちしております。 -

- - - - - diff --git a/samples/ja/Getting Started/main.css b/samples/ja/Getting Started/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/ja/Getting Started/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/ja/Getting Started/screenshots/quick-edit.png b/samples/ja/Getting Started/screenshots/quick-edit.png deleted file mode 100644 index af865aaf33..0000000000 Binary files a/samples/ja/Getting Started/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/ko/Getting Started/index.html b/samples/ko/Getting Started/index.html deleted file mode 100644 index 017c93dd3d..0000000000 --- a/samples/ko/Getting Started/index.html +++ /dev/null @@ -1,150 +0,0 @@ - - - - - - - BRACKETS 으로 시작하기 - - - - - -

BRACKETS 으로 시작하기

-

이것은 당신의 가이드입니다.

- - - -

- - 웹 디자인을 이해하는 현대적인 오픈 소스 코드 편집기 인 Brackets에 오신 것을 환영합니다. 가볍고 강력한 코드 편집기로 시각 도구를 편집기에 통합하여 원할 때 도움을받을 수 있습니다. -

- - -

- Brackets은 다른 유형의 편집기입니다. - Brackets 에는 다른 편집자에서 볼 수없는 빠른 편집, 실시간 미리보기 및 기타 기능과 같은 고유 한 기능이 있습니다. Brackets에는 JavaScript, HTML 및 CSS로 작성됩니다. 즉, 대다수 사용자는 대괄호를 사용하여 편집자를 수정하고 확장하는 데 필요한 기술을 보유하고 있습니다. 사실, 우리는 Brackets을 만들기 위해 Brackets을 매일 사용합니다. 주요 기능 사용 방법에 대한 자세한 내용은 다음을 참조하십시오. -

- - - -

Brackets 안에 있는 프로젝트

-

- Brackets을 사용하여 자신의 코드를 편집하려면 파일이 들어있는 폴더를 열면 됩니다. Brackets은 현재 열려있는 폴더를 "프로젝트"로 취급합니다. 코드 힌트, 실시간 미리보기 및 빠른 편집과 같은 기능은 현재 열려있는 폴더 내의 파일에만 사용합니다. -

- - - 이 샘플 프로젝트에서 벗어나 자신의 코드를 편집 할 준비가되면 왼쪽 사이드 바의 드롭 다운을 사용하여 폴더를 전환 할 수 있습니다. 지금은 드롭 다운에 "시작하기"라고 표시되어 있습니다. 바로 지금보고있는 파일이 들어있는 폴더입니다. 드롭 다운을 클릭하고 "폴더 열기 ..."를 선택하여 자신의 폴더를 엽니 다. 나중에이 드롭 다운을 사용하여이 샘플 프로젝트를 포함하여 이전에 열어 본 폴더로 다시 전환 할 수도 있습니다. - - - -

CSS 및 JavaScript 용 빠른 편집

-

- 문서를 더 이상 전환하지 않고 컨텍스트를 잃어 버리지 않습니다. HTML을 편집 할 때 Cmd / Ctrl + E 단축키를 사용하여 모든 관련 CSS를 표시하는 빠른 인라인 편집기를 엽니다. - CSS를 조정하고 ESC 를 누르면 HTML 편집으로 돌아가거나 CSS 규칙을 열어두면 HTML 편집기의 일부가 됩니다. - 빠른 인라인 편집기 밖에서 ESC 를 누르면 모두 축소됩니다. 빠른 편집은 중첩 된 규칙을 포함하여 LESS 및 SCSS 파일에 정의 된 규칙을 찾습니다. -

- - - 그것을 실제로보고 싶습니까? 위의 태그에 커서를 놓고 Cmd / Ctrl + E 를 누르십시오. 위의 CSS 빠른 편집기가 표시되어 CSS 규칙이 적용됩니다. 빠른 편집은 클래스 및 id 속성에서도 작동합니다. LESS 및 SCSS 파일과 함께 사용할 수도 있습니다. 같은 방식으로 새 규칙을 만들 수 있습니다. 위의 태그 중 하나를 클릭하고 Cmd / Ctrl + E 를 누르십시오. 지금은 규칙이 없지만 새 규칙 버튼을 클릭하여 새 규칙을 추가 할 수 있습니다. - - - - CSS 빠른 편집을 보여주는 스크린 샷 - - -

- 동일한 바로 가기를 사용하여 JavaScript, 색상 및 애니메이션 타이밍 기능의 다른 기능을 편집 할 수 있으며 점점 더 많은 시간을 추가하고 있습니다 -

-

- 지금은 인라인 편집기를 중첩 할 수 없으므로 커서가 "전체 크기"편집기 인 경우에만 빠른 편집을 사용할 수 있습니다. -

- - -

HTML 및 CSS 변경 사항을 브라우저에서 미리보기

-

- 우리가 수년간 해왔 던 "저장 / 재 장전 댄스"를 아십니까? 편집기에서 변경 한 내용을 저장하고 브라우저로 전환 한 다음 새로 고침하여 최종 결과를 확인하십시오. 괄호로, 당신은 그 춤을 할 필요가 없습니다. -

-

- Brackets은 는 로컬 브라우저에 live connection 을 열고 입력 할 때 HTML 및 CSS 업데이트를 푸시합니다. 브라우저 기반 도구를 사용하여 이미 이와 같은 작업을 수행 하고 있을 수도 있지만 Brackets을 사용하면 최종 코드를 복사하여 편집기에 다시 붙여 넣을 필요가 없습니다. 코드는 브라우저에서 실행되지만 편집기에서 실행됩니다. -

- -

라이브 HTML 요소 및 CSS 규칙 강조 표시

-

- Brackets을 사용하면 HTML 및 CSS 변경이 페이지에 어떤 영향을 주는지 쉽게 알 수 있습니다. 커서가 CSS 규칙에 있으면 Brackets은 브라우저에서 영향을 받는 모든 요소를 강조 표시합니다.마찬가지로 HTML 파일을 편집 할 때 Brackets은 브라우저에서 해당 HTML 요소를 강조 표시합니다. -

- - - Chrome을 설치 한 경우 직접 시도해 볼 수 있습니다. 대괄호 창의 오른쪽 위 모서리에있는 번개 모양 아이콘을 클릭하거나 Cmd / Ctrl + Alt + P 를 누르십시오. HTML 문서에서 실시간 미리보기가 활성화되면 연결된 모든 CSS 문서를 실시간으로 편집 할 수 있습니다. 괄호가 브라우저에 연결되면 아이콘이 회색에서 금색으로 바뀝니다.이제 위의 태그에 커서를 놓으십시오. Chrome에서 이미지 주변에 나타나는 파란색 강조 표시를 확인합니다. 다음으로 Cmd / Ctrl + E 를 사용하여 정의 된 CSS 규칙을 엽니 다. 국경의 크기를 10px에서 20px로 변경하거나 배경색을 "투명"에서 "핫 핑크"로 변경하십시오. 대괄호가 있고 브라우저가 나란히 실행되면 변경 사항이 브라우저에 즉시 반영됩니다. 멋지다, 맞지? - - -

- 현재 브라켓은 HTML 및 CSS에 대한 실시간 미리보기 만 지원합니다. 그러나 현재 버전에서는 저장시 JavaScript 파일의 변경 사항이 자동으로 다시 로드됩니다. 현재 JavaScript에 대한 라이브 미리보기 지원을 위해 노력하고 있습니다. 실시간 미리보기는 Google 크롬에서만 가능하지만 이후 모든 주요 브라우저에 기능을 제공하기를 바랍니다. -

- -

빨리보기

-

- HEX 또는 RGB 값에 해당하는 색상을 기억하지 않은 사용자의 경우 Brackets을 사용하면 어떤 색상이 사용되는지 정확하게 볼 수 있습니다. CSS 또는 HTML에서 색상 값이나 변수 위로 마우스를 가져 가면 Brackets에 해당 색상 / 변수의 미리보기가 자동으로 표시됩니다. 이미지도 마찬가지입니다. Brackets 편집기의 이미지 링크 위로 마우스를 가져 가면 해당 이미지의 미리보기 미리보기가 표시됩니다. -

- - - 빠른보기를 직접 사용해 보려면 이 상단의 태그에 커서를 올려 놓으십시오. Cmd / Ctrl + E 를 눌러 CSS 빠른 편집기를 엽니다. 이제 간단하게 CSS 내의 색상 값. 또한 태그에서 CSS 빠른 편집기를 열고 배경 이미지 값 위로 마우스를 가져 가면 그래디언트의 동작을 볼 수 있습니다. 이미지 미리보기를 시험해 보려면 이 문서 앞 부분에 있는 스크린 샷 이미지 위에 커서를 놓으십시오. - - -

다른 것이 필요합니까? 확장 프로그램을 사용해보십시오!

-

- Brackets에 내장 된 모든 장점에 더하여, 확장 개발자의 대규모 성장 커뮤니티에는 유용한 기능을 추가하는 수백 가지 확장 기능이 있습니다. Brackets이 제공하지 않는 것을 필요로 하는 경우 누군가가 그 확장 기능을 확장했을 가능성이 큽니다. 사용 가능한 확장 프로그램 목록을 탐색하거나 검색하려면 파일> 확장 관리자 ... 를 선택하고 '사용 가능'탭을 클릭하십시오. 원하는 확장자를 찾으면 바로 옆에 있는 "설치"버튼을 클릭하십시오. -

- - -

참여하기

-

- Brackets는 오픈 소스 프로젝트입니다. 전 세계의 웹 개발자가 더 나은 코드 편집기를 작성하는데 기여하고 있습니다. 더 많은 것은 Brackets의 기능을 확장하는 확장 기능을 구축합니다. 의견을 나누거나 아이디어를 공유하거나 프로젝트에 직접 기여하십시오. -

- - - - - diff --git a/samples/ko/Getting Started/main.css b/samples/ko/Getting Started/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/ko/Getting Started/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/ko/Getting Started/screenshots/quick-edit.png b/samples/ko/Getting Started/screenshots/quick-edit.png deleted file mode 100644 index a6a903c3ed..0000000000 Binary files a/samples/ko/Getting Started/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/nl/Aan-de-slag/index.html b/samples/nl/Aan-de-slag/index.html deleted file mode 100644 index f83f1cce74..0000000000 --- a/samples/nl/Aan-de-slag/index.html +++ /dev/null @@ -1,150 +0,0 @@ - - - - - - - AAN DE SLAG MET BRACKETS - - - - - -

AAN DE SLAG MET BRACKETS

-

Dit is uw gids!

- - - -

Welkom bij een vroeg voorbeeld van Brackets, een nieuwe open-source editor voor de volgende generatie van het web. Wij zijn erg fan van de standaarden en willen een betere tool bouwen voor het bewerken van JavaScript, HTML en CSS en andere gerelateerde open web technologieën. Dit is ons bescheiden begin.

- - -

Brackets is een ander soort editor. - Een opmerkelijk verschil is dat deze editor is geschreven in JavaScript, HTML en CSS. Dit betekent dat de meesten van jullie beschikken over de vaardigheden die nodig zijn om Brackets aan te passen en uit te breiden. Eigenlijk gebruiken we Brackets elke dag om Brackets te bouwen. Brackets heeft ook een paar unieke functies zoals Quick Edit, Live preview en nog meer, welke je niet kunt terugvinden in andere editors. Voor meer informatie over hoe u deze functies kunt gebruiken kunt u hier verder lezen. -

- - -

We proberen een paar nieuwe dingen uit

- - -

Quick editor voor CSS en JavaScript

-

Nooit meer schakelen tussen documenten en verliezen van je koppeling. Bij het bewerken van HTML, kun je gebruik maken van de Cmd/Ctrl + E sneltoets om snel de gekoppelde CSS code te laten zien. Maak een verandering in je CSS, druk op ESC en je bent weer terug bij het bewerken van de HTML, of laat de CSS code open en ze maken deel uit van de HTML-editor. Als je drukt op ESC buiten de inline editor, zullen ze allemaal uitvouwen. -

- - Wil je het in actie zien? Plaats je cursor op de tag en druk op Cmd/Ctrl + E. Je ziet dan een snelle CSS editor verschijnen hierboven, wat de CSS regels laat zien wat er aan gekoppeld is. Quick Edit werkt in zowel class en id attributen. Je kan nieuwe regels maken via dezelfde manier. Klik in een van de tags hierboven en druk op Cmd/Ctrl + E. Er zijn nu geen regels voor, maar je kunt klikken op de "Nieuwe regel"" knop om een nieuwe regel toe te voegen voor - - - Een screenshot van de Quick CSS editor - - - -

- Je kunt dezelfde sneltoets gebruiken om andere dingen te bewerken--zoals functies in JavaScript, kleuren, en animatie timing functies--en we voegen meer en functies meer toe. Nu kunnen inline editors niet genesteld worden, dus kun je alleen Quick Editor gebruiken wanneer de cursor in een "volledige grootte" editor staat.

- -

Bekijk HTML en CSS aanpassingen live in de browser

-

- Wist je nog die "opslaan en herlaad dans" die we jaren lang hebben gedaan? Dat je het bestand die je hebt gewijzigd in een editor moest opslaan, naar de browser moest omschakelen en dan herladen om het resultaat te kunnen zien. Met Brackets is dat allemaal verleden tijd. -

- -

- Brackets opent een live connectie in je locale browser en elke keer wanneer er HTML en CSS updates zijn, werkt het automatisch bij terwijl je typt! Misschien heb je zoiets al gebruikt met browser-gebaseerde tools, maar met Brackets is het niet nodig om helemaal terug te gaan naar de editor en de code uiteindelijk te kopiëeren en te plakken. Je code wordt uitgevoerd in de browser, terwijl je blijft in de editor!

- -

Live highlight van HTML elementen en CSS regels

-

- Brackets maakt het makkelijk om te zien hoe wijzigingen in je HTML en CSS de pagina zullen beïnvloeden. Wanneer je je cursor op een CSS-regel zet, zal Brackets alle betrokken elementen in de browser markeren. Ook wanneer je op dat moment een HTML-bestand aan het bewerken bent, zal Brackets de bijbehorende HTML-elementen in de browser markeren. -

- - Als je Google Chrome hebt geïnstalleerd, kunt u deze functie zelf uitproberen. Klik op het icoontje met de bliksemschicht rechtsboven in Brackets of druk op Cmd/Ctrl + Alt + P. Wanneer Live Voorbeeld is ingeschakeld op een HTML-document kunnen ook alle gekoppelde CSS-documenten worden bewerkt. Het icoontje verandert van grijs naar goud als Brackets verbinding heeft met de browser. - - Hierna plaats je je cursor op de tag hierboven. Let op de blauwe markering die verschijnt rond het beeld in Chrome. Vervolgens drukt u op Cmd/Ctrl + E om de gedefinieerde CSS-regels te laten zien. Probeer de grootte van de rand te veranderen van 10px naar 20px of verander de achtergrondkleur van "transparent" naar "hotpink". Als je Brackets en je browser naast elkaar hebt weergegeven, zie je dat de wijzigingen meteen worden weergegeven in zowel de browser als in Brackets. Cool toch? - -

- Vandaag de dag ondersteunt Brackets alleen Live Preview voor HTML en CSS. We zijn momenteel bezig met een Live Preview ondersteuning voor JavaScript. Live-previews zijn ook alleen mogelijk met Google Chrome, maar we hopen dat deze functionaliteit in de toekomst voor alle belangrijke browsers beschikbaar is. -

- -

Quick View

- -

Voor iedereen die de waardes voor HEX en RGB nooit geleerd hebben, heeft Brackets iets om snel en eenvoudig een bepaalde kleur te laten zien. Voor zowel CSS of HTML werkt het als volgt: je zet gewoon je cursor op een kleurwaarde of gradiënt en Brackets geeft een voorbeeld van de kleur. Hetzelfde geldt voor afbeeldingen: je zet je cursor op een link die naar een afbeelding leidt en Brackets laat een thumbnail zien van dat beeld.

- - - To try out Quick View for yourself, place your cursor on the tag at the top of this - document and press Cmd/Ctrl + E to open a CSS quick editor. Now simply hover over any of the - color values within the CSS. You can also see it in action on gradients by opening a CSS quick editor - on the tag and hovering over any of the background image values. To try out the image - preview, place your cursor over the screenshot image included earlier in this document. - - - Om Quick View uit te proberen voor jezelf, plaats je je cursor op de tag bovenaan dit document en druk op Cmd/Ctrl + E om de Quick Editor voor CSS te openen. Ga nu met de muis over een kleurwaarde heen en je ziet de kleur. Je kunt met deze functie ook gradiënts zien door met de cursor op de tag te staan en met de cursor over een van de afbeeldingskoppelingen te gaan. Om dit uit te proberen, plaats je muis over de afbeelding van het screenshot in dit document. - - - -

Verder nog iets? Gebruik een extension!

-

Naast al deze functies die zijn ingebouwd in Brackets, heeft onze grote en groeiende gemeenschap van extensie-ontwikkelaars meer dan honderd extensies gebouwd die nuttige functionaliteiten toevoegen. Mis je iets wat Brackets niet aanbiedt? Dan heeft waarschijnlijk iemand het al gebouwd in een extensie. Om te bladeren of de lijst met extensies te zoeken, ga naar Bestand > Uitbreidingbeheer en klik op de "Beschikbaar" tab. Als je een extensie vindt die je wil, klik je gewoon op de "Installeer" knop. -

- -

Projecten in Brackets

-

- Om je eigen code te bewerken met Brackets, kun je gewoon een map openen met je bestanden. Brackets behandelt de geopende map als een "project"; met functies zoals Code Hints, Live Voorbeelden en Quick Edit gebruiken alleen de bestanden in de geopende map. -

- - - Zodra u klaar bent om dit voorbeeldproject te bewerken en uw eigen code toe te voegen, kunt u de dropdown gebruiken in de linker zijbalk. Op dit moment is er automatisch gekozen voor de map "Aan de slag" - dat is de map met het bestand waar je nu in bezig bent. Klik op de dropdown en kies "Open map..." om uw eigen map te openen. Je kunt de dropdown later ook gebruiken om terug te schakelen naar de mappen die je eerder hebt geopend, inclusief dit voorbeeldproject. - - - -

Doe mee

-

- Brackets is een open-source project. Web ontwikkelaars over de hele wereld dragen bij om samen een betere code-editor te bouwen. Veel meer extensies die mogelijkheden van Brackets uitbreiden. Laat ons weten wat je denkt, geef ons uw ideeën of draag direct bij aan het project. -

- - - - - - \ No newline at end of file diff --git a/samples/nl/Aan-de-slag/main.css b/samples/nl/Aan-de-slag/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/nl/Aan-de-slag/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/nl/Aan-de-slag/screenshots/quick-edit.png b/samples/nl/Aan-de-slag/screenshots/quick-edit.png deleted file mode 100644 index 578b4c625d..0000000000 Binary files a/samples/nl/Aan-de-slag/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/pl/Szybki Start/index.html b/samples/pl/Szybki Start/index.html deleted file mode 100644 index 1b66bcad97..0000000000 --- a/samples/pl/Szybki Start/index.html +++ /dev/null @@ -1,149 +0,0 @@ - - - - - - - SZYBKI START Z BRACKETS - - - - - -

SZYBKI START Z BRACKETS

-

Oto Twój przewodnik!

- - - -

- Witaj we wczesnej wersji Brackets, edytorze open-source dla sieci nowej generacji. Jesteśmy - wielkimi fanami standardów i chcemy budować lepsze narzędzia dla takich języków jak JavaScript, - HTML i CSS oraz powiązanych z nimi technologii sieciowych. Taki był nasz skromny początek. -

- - -

- Patrzysz na wczesną wersję Brackets. - Na wiele sposobów Brackets jest inny niż typowy edytor. Jedną z różnic jest to, że edytor ten - został napisany w języku JavaScript. Tak więc, mimo iż może on nie być jeszcze gotowy do - codziennego użytku, my używamy go codziennie, by budować Brackets. -

- - -

Testujemy kilka nowych rzeczy

- - -

Szybka edycja CSS i JavaScript

-

- Podczas edycji HTMLa użyj skrótu Cmd/Ctrl + E aby otworzyć szybki wbudowany edytor, - który wyświetli wszystkie powiązane style CSS. Wykonaj modyfikacje w kodzie CSS, wciśnij ESC - i wróć do edycji HTML. Możesz również pozostawić wbudowany edytor otwarty, tak aby stał się częścią - edytora HTML. Jeśli wciśniesz ESC poza obszarem szybkiego edytora, jego wszystkie okna - zostaną zamknięte. Koniec z przełączaniem się pomiędzy dokumentami i byciem wyrwanym z kontekstu. -

- - - Chcesz go zobaczyć w akcji? Umieść kursor w tagu i naciśnij Cmd/Ctrl + E. - Szybki edytor CSS pojawi się nad tym tagiem. Po prawej stronie zobaczysz listę wszystkich reguł, - które są powiązane z tym tagiem. Przełączaj się pomiędzy regułami używając skrótu Alt + Góra/Dół - aby znaleźć ten, który chcesz edytować. - - - - Zrzut ekranu pokazujący szybką edycję CSS - - -

- Możesz użyć tego samego skrótu w kodzie JavaScript, aby zobaczyć kod funkcji, którą przywołujesz, - poprzez umieszczenie kursora na nazwie funkcji. W ten sam sposób możesz również otworzyć narzędzie - wybierania koloru. Po prostu umieść kursor na dowolnym kolorze zapisanym w formacie hex, rgb lub hsl. - Na razie wbudowany szybki edytor nie może być niezagnieżdżony, więc możesz używać go jedynie w "pełnowymiarowym" - edytorze. -

- - -

Zmiany w kodzie CSS widoczne na żywo w przeglądarce

-

- Zapewne znany Ci jest taniec w stylu "zapisz/przeładuj", który wykonywaliśmy przez ostatnie lata. - Dokonujesz zmian w edytorze, zapisujesz zmiany, przełączasz się do przeglądarki i odświeżasz stronę, - by w końcu zobaczyć rezultat Twojej pracy. Z Brackets taki taniec nie jest konieczny. -

-

- Brackets utworzy połączenie na żywo z Twoją lokalną przeglądarką i będzie jej przekazywał - wszelkie zmiany w CSS. Być może już dzisiaj korzystasz z podobnego rozwiązania przy użyciu narzędzi - w przeglądarce, jednak z Brackets nie ma potrzeby wklejania kodu CSS z powrotem do edytora. Twój kod - działa w przeglądarce, ale żyje w edytorze. -

- - - Jeśli posiadasz zainstalowaną przeglądarkę Google Chrome, możesz wypróbować to już teraz. Kliknij - ikonkę błyskawicy (stąd nazwa: Błyskawiczny Podgląd) w prawym górnym rogu lub naciśnij skrót - Cmd/Ctrl + Alt + P. Kiedy Błyskawiczny Podgląd zostanie włączony w dokumencie HTML, - wszystkie połączone z nim pliki CSS mogą być edytowane w czasie rzeczywistym. Ikona zmieni kolor - z szarej na złotą gdy Błyskawiczny Podgląd nawiąże połączenie z Twoją przeglądarką. - - Teraz umieść kursor na tagu i wciśnij Cmd/Ctrl + E aby otworzyć zdefiniowane - style CSS dla tego tagu. Spróbuj zmienić rozmiar obramowania z 10px do 20px lub zmienić kolor tła - z "transparent" na "hotpink". Jeśli masz umieszczone okna przeglądarki i Brackets obok siebie - zobaczysz, że zmiany są natychmiast uwzględniane w przeglądarce. Nieźle, co? - - -

- Na dzień dzisiejszy Błyskawiczny Podgląd działa jedynie dla plików CSS. Aktualnie pracujemy nad tym, - aby dodać obsługę plików HTML i JavaScript. W aktualnej wersji zmiany w plikach HTML lub JavaScript - są automatycznie uwzględniane w momencie zapisu. Błyskawiczny Podgląd działa jedynie z Google Chrome. - Pragniemy wprowadzić tą funkcję we wszystkich najważniejszych przeglądarkach i mamy nadzieję na - współpracę ze strony autorów tych przeglądarek, by stało się to faktem. -

- - -

Zaangażuj się

-

- Brackets jest projektem open-source. Web developerzy z całego świata angażują się, by budować coraz - to lepszy edytor kodu. Daj nam znać co o nim sądzisz, podziel się swoimi pomysłami lub dodaj coś - bezpośrednio do projektu. -

- - - - - \ No newline at end of file diff --git a/samples/pl/Szybki Start/main.css b/samples/pl/Szybki Start/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/pl/Szybki Start/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/pl/Szybki Start/screenshots/quick-edit.png b/samples/pl/Szybki Start/screenshots/quick-edit.png deleted file mode 100644 index 53cbb3dc51..0000000000 Binary files a/samples/pl/Szybki Start/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/pt-br/Primeiros Passos/index.html b/samples/pt-br/Primeiros Passos/index.html deleted file mode 100644 index dc0e9587f9..0000000000 --- a/samples/pt-br/Primeiros Passos/index.html +++ /dev/null @@ -1,161 +0,0 @@ - - - - - - - PRIMEIROS PASSOS COM BRACKETS - - - - - -

PRIMEIROS PASSOS COM O BRACKETS

-

Este é o seu guia!

- - - -

- Bem-vindo ao Brackets, um moderno editor de código open-source que entende de web design. Leve, mas poderoso, ele combina ferramentas visuais no editor para que você obtenha a quantidade certa de ajuda quando precisar. -

- - - -

- O Brackets é um editor diferente. - O Brackets tem algumas características únicas, como a Edição Rápida (Quick Edit), Visualização ao vivo (Live Preview) e muitas outras que você não encontrará em outros editores. E o Brackets é escrito em JavaScript, HTML e CSS. Isso significa que a maioria de vocês que utilizam o Brackets possuem as habilidades necessárias para modificar e estender o editor. Na verdade, usamos o Brackets todos os dias para desenvolver o Brackets. Para saber mais sobre como utilizar os principais recursos, continue lendo. -

- - - - -

Projetos no Brackets

-

- Para editar seu próprio código utilizando o Brackets, basta abrir a pasta contendo seus arquivos. O Brackets trata a pasta atualmente aberta como um "Projeto", recursos como Code Hints, Live Preview e Quick Edit usam apenas os arquivos da pasta atualmente aberta. -

- - - Assim que você estiver pronto para sair desse projeto exemplo e editar seu próprio código, você pode usar o menu na barra lateral para trocar de pasta. Nesse momento, o menu diz "Primeiros Passos" - que é a pasta que possui o arquivo que você está olhando agora mesmo. Clique no menu e escolha "Abrir pasta..." para abrir sua própria pasta. - Também é possível utilizar o menu para voltar a pastas que você abriu anteriormente, incluindo esse projeto de exemplo. - - - - -

Quick Edit (Edição Rápida) de CSS e JavaScript

-

- Sem mais necessidade de ficar trocando entre seus arquivos e perder o contexto. Quando estiver editando HTML, use o atalho Cmd/Ctrl + E para abrir um rápido editor em linha (quick inline editor) que mostra todo o CSS relacionado. - Faça uma modificação no seu CSS, aperte ESC e você está de volta a edição do HTML, ou apenas deixe as regras CSS abertas e elas se tornarão parte do seu editor HTML. Se você apertar ESC fora do quick inline editor, todos eles irão se recolher. Quick Edit também encontrará regras definidas em arquivos LESS e SCSS, incluindo regras aninhadas. -

- - - Quer vê-lo em ação? Coloque o cursor sobre a tag acima e pressione Cmd/Ctrl + E. Você deverá ver um editor rápido de CSS aparecer acima, mostrando as regras CSS que estão aplicadas a ele. Quick Edit funciona em classes e atributos id também. Você pode usá-lo com seus arquivos LESS e SCSS também. - - Você pode criar novas regras da mesma maneira. Clique em uma das tags acima e aperte Cmd/Ctrl + E. Não existem regras para ele nesse momento, mas você pode clicar no botão Nova Regra e adicionar uma nova regra para . - - - - Um screenshot mostrando o editor rápido de CSS - - -

- Você também pode usar o mesmo atalho para editar outras coisas - como funções em JavaScript, cores e funções de tempo de animação - e nós estamos adicionando mais e mais o tempo todo. -

-

- Por enquanto inline editors não podem ser aninhados, então você só pode usar Quick Edit enquanto o cursor estiver em um editor de tamanho máximo. -

- - - -

Visualize alterações no HTML e CSS ao vivo no navegador

-

- Você sabe aquela "dança salvar/recarregar" que temos feito há anos? Aquela onde você faz mudanças no seu editor, clica em salvar, alterna para o navegador e então recarrega a página para finalmente ver o resultado? Com o Brackets, você não precisa fazer essa dança. -

-

- O Brackets vai abrir uma conexão ao vivo com o seu navegador local e vai enviar as atualizações no CSS enquanto você digita! Você já deve estar fazendo alguma coisa como esta hoje com ferramentas baseadas em navegador, mas com o Brackets - não há necessidade de copiar e colar o CSS final de volta para o editor. Seu código é executado no navegador, mas vive em seu editor! -

- -

Destaque ao vivo de elementos HTML e regras CSS

-

- O Brackets facilita ver como as mudanças no seu HTML e CSS irão afetar a página. - Quando seu cursor está em uma regra CSS, o Brackets irá destacar todos os elementos afetados no navegador. Similarmente, quando estiver editando um arquivo HTML, o Brackets irá destacar o elemento HTML correspondente no navegador. -

- - - Se você tem o Google Chrome instalado, você pode tentar fazer isso sozinho. Clique no ícone em forma de raio no canto superior direito ou pressione Cmd/Ctrl + Alt + P. Quando a Visualização ao Vivo (Live Preview) é habilitada em um documento HTML, todos os documentos CSS vinculados podem ser editados em tempo real. O ícone vai mudar de cinza para ouro quando o Brackets estabelecer uma conexão com o seu navegador. - - Agora, coloque o cursor sobre a tag acima e use Cmd/Ctrl + E para abrir as regras CSS definidas. Tente mudar o tamanho da borda de 10px para 20px ou alterar a cor de fundo de "transparent" para "hotpink". Se você tem o Brackets e seu navegador rodando lado a lado, você vai ver as alterações refletidas instantaneamente no seu navegador. Legal, certo? - - -

- Atualmente, o Brackets suporta Visualização ao Vivo (Live Preview) apenas para HTML e CSS. Entretanto, na versão atual, mudanças nos arquivos JavaScript são automaticamente carregadas quando você salva. Estamos trabalhando no suporte à Visualização ao Vivo para JavaScript. Visualizações ao vivo atualmente só são possíveis com Google Chrome, mas nós esperamos trazer essa funcionalidade para os principais navegadores no futuro. -

- -

Quick View

-

- Para aqueles de nós que ainda não memorizaram os códigos de cores equivalentes para HEX e RGB, o Brackets facilita ver exatamente qual cor está sendo utilizada. Tanto no CSS quanto no HTML, basta passar o mouse por cima de qualquer valor de cor ou gradiente que o Brackets irá mostrar uma pré-visualização da cor/gradiente. O mesmo vale para imagens: passe o mouse por cima do link da imagem no Brackets e ele irá mostrar uma pré-visualização dessa imagem. -

- - - Tente o Quick View você mesmo, passe o cursor na tag no topo desse documento e aperte Cmd/Ctrl + E para abrir o editor rápido de CSS. Agora simplesmente passe o mouse por cima de qualquer um dos valores de cor no CSS. Você também pode ver isso em ação em gradientes abrindo um editor rápido de CSS na tag e passando o mouse por qualquer um dos dos valores de background-image. Tente também a pré-visualização de imagens, coloque o mouse sobre o link de screenshot incluído anteriormente nesse documento. - - -

Precisa de algo mais? Tente uma extensão!

-

- Além de todas as coisas boas construídas no Brackets, nossa grande comunidade de desenvolvedores de extensões tem construído centenas de extensões que adicionam funcionalidades uteis ao editor. Se tem algo que você precisa que o Brackets não oferece, mais do que provavelmente alguém já construiu uma extensão para isso. Para pesquisar na lista de extensões disponíveis, escolha Arquivo > Gerenciador de Extensões... e clique na aba "Disponíveis". Quando encontrar uma extensão que você quer, apenas clique no botão "Instalar" ao lado. -

- - - -

Envolva-se

-

- O Brackets é um projeto open-source. Desenvolvedores web de todo o mundo estão a contribuir para criar um editor de código melhor. Muitos outros estão desenvolvendo extensões que espandem as capacidades do Brackets. - Diga-nos o que você pensa, compartilhe as suas ideias ou contribua diretamente para o projeto. -

- - - - - - diff --git a/samples/pt-br/Primeiros Passos/main.css b/samples/pt-br/Primeiros Passos/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/pt-br/Primeiros Passos/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/pt-br/Primeiros Passos/screenshots/quick-edit.png b/samples/pt-br/Primeiros Passos/screenshots/quick-edit.png deleted file mode 100644 index 67ca846386..0000000000 Binary files a/samples/pt-br/Primeiros Passos/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/pt-pt/Primeiros Passos/index.html b/samples/pt-pt/Primeiros Passos/index.html deleted file mode 100644 index dc2bae9fe6..0000000000 --- a/samples/pt-pt/Primeiros Passos/index.html +++ /dev/null @@ -1,135 +0,0 @@ - - - - - - - PRIMEIROS PASSOS COM BRACKETS - - - - - -

PRIMEIROS PASSOS COM BRACKETS

-

Este é o teu guia!

- - - -

- Bem vindo a esta pré-vizualização do Brackets, um novo editor open-source para a proxima geração web. - Somos grandes fãs de padrões e queremos construir uma melhor ferramenta para JavaScript, HTML e CSS e relacionadas - com tecnologias web abertas. Este é o nosso humilde começo. -

- - -

- Estás a olhar para uma versão antecipada of Brackets - Em muitas formas, Brackets é um tipo de editor diferente. Uma grande diferença é que este editor é escrito em JavaScript. - Embora o Brackets possa não estar pronto para o use dia-a-dia por enquanto, estamos a usa-lo todos os dias para construir o Brackets. -

- - -

Estamos a tentar algumas coisas novas

- - -

Edição Rápida para CSS e JavaScript

-

- Ao editar HTML, use as teclas de atalho Cmd/Ctrl + E para abrir um rapidamente o editor de linha que mostra todo o CSS relacionado. - Faça uma pequena alteração no seu CSS, pressione ESC e está de volta a editar HTML. - Ou simplesmente deixe as regras de CSS abertas e elas tornam-se parte do seu editor de HTML. - Se pressionar a tecla ESC fora do Editor Rápido, todas elas fecham. Sem mais trocas de ficheiros e perdar o fio à meada. -

- - - Queres ver isto em acção? Posiciona o teu cursor sobre a tag e pressiona - Cmd/Ctrl + E. Deves ver o Editor Rápido de CSS aparecer. - Na direita vais ver uma lista de regras CSS relacionadas com essa tag. - Simplesmente navegue pela list de regras com Alt + Up/Down para encontrar aquela que queres editar. - - - - Um screenshot a mostrar a Edição Rápida de CSS - - - -

Pré-Vizualizar mudança no CSS ao vivo no navegador

-

- Sabes que a "dança guardar/recarregar" que fizemos por anos? Aquela que fazes uma mudança no editor, - pressionas guardar, mudas para o navegador e precionas recarregar para ver o resultado? - Com o Brackets, não precisas de fazer essa dança. -

-

- Brackets abre uma live connection para o teu navegador e envia actualizações do CSS assim que escreves! - Probavelmente já fazias uma coisa parecida com ferramentas de navegador, mas com o Brackets - não é preciso copiar e colar o código CSS final de novo no editor. O teu código corre no navegador, e vive no teu editor! -

- - - Se tens o Google Chrome instalado, podes tentar isto por ti próprio. Clica no icone do relampago no canto superior direito - ou pressiona Cmd/Ctrl + Alt + P. Quando o Live Preview está ligado a um documento HTML, - todo o css ligado a ele pode ser editado em temo real. - O icone muda de cinzento para dourado quando o Brackets estabelece a ligação ao navegador. - - Agora, ponha o seu curso na tag em cima (linha 56) e pressione Cmd/Ctrl + E Para abrir as regras CSS para aquela tag. - Tenta mudar o tamanho da borda de 10px par 20px ou muda a cor de fundo de "transparent"(nome da cor) para "hotpink"(nome da cor). - Se o Brackets e o teu navegador estão a correr lado-a-lado, vais ver que as mudanças são instantaneas no teu navegador. - Altamente, certo? - - -

- Hoje, o Brackets só suporta Live Preview para CSS. Estamos de momento a trabalhar no Live Preview para HTML e JavaScript. - Na versãp actual, não vai ver mudanças no seu ficheiro HTML até guardar o documento. - Live previews são só possiveis com Google Chrome. Nós queremos trazer esta funcionalidade para todos os navegadores mais conhecidos, - e estamos ansiosos por trabalhar com esses fornecedores. -

- - -

Envolva-se

-

- Brackets é um projeto open-source. Desenvolvedores Web de todo o mundo estão a contribuir para construir um melhor editor de código. - Diz-nos o que pensas, partilha as tuas ideias or contribui diretamente para o projeto. -

- - - - - \ No newline at end of file diff --git a/samples/pt-pt/Primeiros Passos/main.css b/samples/pt-pt/Primeiros Passos/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/pt-pt/Primeiros Passos/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/pt-pt/Primeiros Passos/screenshots/quick-edit.png b/samples/pt-pt/Primeiros Passos/screenshots/quick-edit.png deleted file mode 100644 index 7284d69e76..0000000000 Binary files a/samples/pt-pt/Primeiros Passos/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/root/Getting Started/index.html b/samples/root/Getting Started/index.html deleted file mode 100644 index 1685b6334f..0000000000 --- a/samples/root/Getting Started/index.html +++ /dev/null @@ -1,207 +0,0 @@ - - - - - - - GETTING STARTED WITH BRACKETS - - - - - -

GETTING STARTED WITH BRACKETS

-

This is your guide!

- - - -

- Welcome to Brackets, a modern open-source code editor that understands web design. It's a lightweight, - yet powerful, code editor that blends visual tools into the editor so you get the right amount of help - when you want it. -

- - -

- Brackets is a different type of editor. - Brackets has some unique features like Quick Edit, Live Preview and others that you may not find in other - editors. Brackets is written in JavaScript, HTML and CSS. That means that most of you using Brackets - have the skills necessary to modify and extend the editor. In fact, we use Brackets every day to build - Brackets. To learn more about how to use the key features, read on. -

- - - -

Projects in Brackets

-

- In order to edit your own code using Brackets, you can just open the folder containing your files. - Brackets treats the currently open folder as a "project"; features like Code Hints, Live Preview and - Quick Edit only use files within the currently open folder. -

- - - Once you're ready to get out of this sample project and edit your own code, you can use the dropdown - in the left sidebar to switch folders. Right now, the dropdown says "Getting Started" - that's the - folder containing the file you're looking at right now. Click on the dropdown and choose "Open Folder…" - to open your own folder. - You can also use the dropdown later to switch back to folders you've opened previously, including this - sample project. - - - -

Quick Edit for CSS and JavaScript

-

- No more switching between documents and losing your context. When editing HTML, use the - Cmd/Ctrl + E shortcut to open a quick inline editor that displays all the related CSS. - Make a tweak to your CSS, hit ESC and you're back to editing HTML, or just leave the - CSS rules open and they'll become part of your HTML editor. If you hit ESC outside of - a quick inline editor, they'll all collapse. Quick Edit will also find rules defined in LESS and - SCSS files, including nested rules. -

- - - Want to see it in action? Place your cursor on the tag above and press - Cmd/Ctrl + E. You should see a CSS quick editor appear above, showing the CSS rule that - applies to it. Quick Edit works in class and id attributes as well. You can use it with your - LESS and SCSS files also. - - You can create new rules the same way. Click in one of the tags above and press - Cmd/Ctrl + E. There are no rules for it right now, but you can click the New Rule - button to add a new rule for . - - - - A screenshot showing CSS Quick Edit - - -

- You can use the same shortcut to edit other things as well - like functions in JavaScript, - colors, and animation timing functions - and we're adding more and more all the time. -

-

- For now inline editors cannot be nested, so you can only use Quick Edit while the cursor - is in a "full size" editor. -

- - -

Preview HTML and CSS changes live in the browser

-

- You know that "save/reload dance" we've been doing for years? The one where you make changes in - your editor, hit save, switch to the browser and then refresh to finally see the result? - With Brackets, you don't have to do that dance. -

-

- Brackets will open a live connection to your local browser and push HTML and CSS updates as you - type! You might already be doing something like this today with browser-based tools, but with Brackets - there is no need to copy and paste the final code back into the editor. Your code runs in the - browser, but lives in your editor! -

- -

Live Highlight HTML elements and CSS rules

-

- Brackets makes it easy to see how your changes in HTML and CSS will affect the page. When your cursor - is on a CSS rule, Brackets will highlight all affected elements in the browser. Similarly, when editing - an HTML file, Brackets will highlight the corresponding HTML elements in the browser. -

- - - If you have Google Chrome installed, you can try this out yourself. Click on the lightning bolt - icon in the top right corner of your Brackets window or hit Cmd/Ctrl + Alt + P. When - Live Preview is enabled on an HTML document, all linked CSS documents can be edited in real-time. - The icon will change from gray to gold when Brackets establishes a connection to your browser. - - Now, place your cursor on the tag above. Notice the blue highlight that appears - around the image in Chrome. Next, use Cmd/Ctrl + E to open up the defined CSS rules. - Try changing the size of the border from 10px to 20px or change the background - color from "transparent" to "hotpink". If you have Brackets and your browser running side-by-side, you - will see your changes instantly reflected in your browser. Cool, right? - - -

- Today, Brackets only supports Live Preview for HTML and CSS. However, in the current version, changes to - JavaScript files are automatically reloaded when you save. We are currently working on Live Preview - support for JavaScript. Live previews are also only possible with Google Chrome, but we hope - to bring this functionality to all major browsers in the future. -

- -

Quick View

-

- For those of us who haven't yet memorized the color equivalents for HEX or RGB values, Brackets makes - it quick and easy to see exactly what color is being used. In either CSS or HTML, simply hover over any - color value or gradient and Brackets will display a preview of that color/gradient automatically. The - same goes for images: simply hover over the image link in the Brackets editor and it will display a - thumbnail preview of that image. -

- - - To try out Quick View for yourself, place your cursor on the tag at the top of this - document and press Cmd/Ctrl + E to open a CSS quick editor. Now simply hover over any of the - color values within the CSS. You can also see it in action on gradients by opening a CSS quick editor - on the tag and hovering over any of the background image values. To try out the image - preview, place your cursor over the screenshot image included earlier in this document. - - -

Need something else? Try an extension!

-

- In addition to all the goodness that's built into Brackets, our large and growing community of - extension developers has built hundreds of extensions that add useful functionality. If there's - something you need that Brackets doesn't offer, more than likely someone has built an extension for - it. To browse or search the list of available extensions, choose File > Extension - Manager… and click on the "Available" tab. When you find an extension you want, just click - the "Install" button next to it. -

- - -

Get involved

-

- Brackets is an open-source project. Web developers from around the world are contributing to build - a better code editor. Many more are building extensions that expand the capabilities of Brackets. - Let us know what you think, share your ideas or contribute directly to the project. -

- - - - - diff --git a/samples/root/Getting Started/main.css b/samples/root/Getting Started/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/root/Getting Started/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/root/Getting Started/screenshots/quick-edit.png b/samples/root/Getting Started/screenshots/quick-edit.png deleted file mode 100644 index 578b4c625d..0000000000 Binary files a/samples/root/Getting Started/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/ru/Getting Started/index.html b/samples/ru/Getting Started/index.html deleted file mode 100644 index ede8f37223..0000000000 --- a/samples/ru/Getting Started/index.html +++ /dev/null @@ -1,172 +0,0 @@ - - - - - - - НАЧАЛО РАБОТЫ С BRACKETS - - - - - -

НАЧАЛО РАБОТЫ С BRACKETS

-

Ваше личное руководство!

- - - - -

- Добро пожаловать в раннюю версию Brackets, нового редактора с открытым исходным - кодом для веба следующего поколения. Мы большие фанаты стандартов и хотим построить лучший - инструмент для JavaScript, HTML и CSS и связанных с ними открытых веб-технологий. Это наше - скромное начало. -

- - -

- Во многих отношениях, Brackets необычный редактор. - Одна примечательная особенность в том, что этот редактор написан на JavaScript, - HTML and CSS. Это означает, что большинство пользователей Brackets имеют навыки - необходимые для доработки и расширения редактора. На самом деле, мы используем Brackets - каждый день для того, чтобы улучшать Brackets. Он так же имеет несколько особенностей - вроде Быстрого Редактирования, Интерактивного Просмотра и других, которые вы не сможете - найти в других редакторах. - Читайте далее для того чтобы узнать, как использовать эти особенности редактора. -

- - -

Мы испытываем несколько новых штук

- - -

Быстрое редактирование CSS и JavaScript

-

- Теперь никакого переключения между документами и потери контекста. Во время редактирования HTML - используйте сочетание клавиш Cmd/Ctrl + E для открытия быстрого редактора, который показывает - все связанное с этой строкой CSS. Сделайте изменение CSS-стилей, нажмите ESC и вернитесь обратно - к редактированию HTML. Или просто оставьте блок с CSS-правилами открытым, и они станут частью вашего - HTML-редактора. Если вы нажмете ESC вне быстрого редактора, все CSS-правила закроются. -

- - - Хотите увидеть это в действии? Поставьте курсор на теге выше и нажмите - Cmd/Ctrl + E. Вы должны увидеть, как выше появится быстрый редактор CSS. Справа вы - увидите список CSS-правил, которые относятся к этому тегу. Просто прокрутите правила вниз, используя - Alt + Up/Down, чтобы найти то, которое вы хотите отредактировать. - - - - A screenshot showing 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/ru/Getting Started/main.css b/samples/ru/Getting Started/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/ru/Getting Started/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/ru/Getting Started/screenshots/quick-edit.png b/samples/ru/Getting Started/screenshots/quick-edit.png deleted file mode 100644 index da2e8066ea..0000000000 Binary files a/samples/ru/Getting Started/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/sv/Kom igang/index.html b/samples/sv/Kom igang/index.html deleted file mode 100644 index f40c4901bf..0000000000 --- a/samples/sv/Kom igang/index.html +++ /dev/null @@ -1,185 +0,0 @@ - - - - - - - KOM IGÅNG MED BRACKETS - - - - - -

KOM IGÅNG MED BRACKETS

-

Detta är din guide!

- - - -

- Välkommen till en tidig version av Brackets, en ny open-source editor för nästa generation av webben. - Vi är hängivna anhängare av webbstandarder och vill bygga bättre verktyg för JavaScript, HTML och CSS - samt relaterade öppna webbteknologier. Detta är vårt första ödmjuka steg. -

- - -

- Brackets är en annan typ av editor. - En anmärkningsvärd skillnad är att denna editor är skriven i JavaScript, HTML och CSS. - Detta innebär att de flesta som använder Brackets har kunskapen som krävs för att förändra och förbättra editorn. - Faktum är att vi använder Brackets varje dag, för att bygga Brackets. Det har också ett antal unika funktioner som Quick Edit, - Live Preview och och ytterligare några som du inte hittar i andra editorer. - Läs vidare för att lära dig mer om dessa funktioner. -

- - -

Vi provar en del nya saker

- - -

Quick Edit för CSS och JavaScript

-

- Du behöver inte längre tappa sammanhanget när du flyttar mellan olika dokument. När du redigerar HTML kan du - använda kortkommandot Cmd/Ctrl + E för att öppna en inline-editor som visar all relaterad CSS. - Gör förändringen i din CSS, tryck på ESC och du är tillbaka i HTML. Du kan också lämna CSS-reglerna - öppna och göra dem till en del av din HTML-editor. Om du trycker på ESC utanför en inline-editor - döljs samtliga. -

- - - Vill du se hur det fungerar? Placera markören på -elementet ovan och tryck Cmd/Ctrl + E. - Då visas CSS quick editorn ovan. Till höger kan du se en lista över alla CSS-regler som är relaterade - till detta element. Det fungerar även på klass och ID-attribut. - - Du kan skapa nya regler på samma sätt. Klicka på en av -taggarna ovan och tryck Cmd/Ctrl + E. - Just nu finns det inga regler men genom att klicka på knappen Ny regel skapar du en ny stilregel för -taggar. - - - - En skärmdump som visas CSS Quick Edit - - -

- Samma kortkommandon kan användas även på andra saker, till exempel funktioner i JavaScript för att ändra
- färger, tidsfunktioner för animering och nya saker läggs till hela tiden! - Just nu kan inte inline-editorer nästlas så du kan bara använda Quick Edit från den "fullstora" editorn. -

- - -

Förhandsvisa CSS-ändringar direkt i webbläsaren

-

- Du vet den där "spara och ladda om"-proceduren vi använt oss av i flera år? Den där du gör - en ändring i din editor, sparar, går till webbläsaren och laddar om för att se resultatet? - Med Brackets behöver du inte göra det. -

-

- Brackets öppnar en direktlänk till din lokala webbläsare och skjuter ut dina HTML- och CSS-ändringar - medan du skriver! Du kanske redan använder något liknande webbläsarverktyg men med Brackets - behöver du inte kopiera och klistra in koden fram och tillbaka mellan webbläsare och editor. Din kod - körs i webbläsaren men skrivs i din editor! -

- -

Markera HTML-element och CSS-regler i realtid

-

- Brackets gör det enkelt att se hur dina HTML- och CSS-ändringar kommer att påverka sidan. När din markör - står på en CSS-regel markerar Brackets samtliga berörda element i webbläsaren. På samma sätt markerar - Brackets respektive element i webbläsaren när du redigerar HTML-koden. -

- - - Om du har Google Chrome installerat kan du prova denna funktion själv. Klicka på blixtikonen - i det övre högra hörnet i ditt Brackets-fönster eller använd kortkommandot Cmd/Ctrl + Alt + P. - När Live Preview är aktiverat i ett HTML-dokument kommer alla länkade CSS-dokument att kunna redigeras - i realtid. Ikonens färg kommer att byta färg från grå till guld när Brackets lyckats skapa en länk - till din webbläsare. - - Om du sedan placerar markören på -taggen ovan ser du hur en blå markeringen visas runt - bilden i Chrome. Du kan sedan använda Cmd/Ctrl + E för att visa de relaterade CSS-reglerna. - Prova att ändra tjockleken på border-egenskapen från 10px till 20px eller att ändra backgrundsfärgen - från "transparent" till "hotpink". Om Brackets och din webbläsare körs sida vid sida kommer du att se - dina ändringar genomföras direkt i webbläsaren. Coolt va? - - -

- För tillfället stöder Brackets bara Live Preview för HTML och CSS. Dock laddas webbläsaren automatiskt när du - sparar HTML- eller JavaScript-dokument. Vi jobbar för fullt med att utveckla stöd för Live Preview - även för JavaScript. Live preview fungerar just nu bara i Google Chrome men med tiden hoppas - vi kunna erbjuda denna funktionalitet i alla vanligt förekommande webbläsare. -

- -

Quick View

-

- För de av oss som fortfarande inte memorerat färgkoderna för HEX eller RGB gör Brackets det snabbt och - enkelt att se vilken färg som används. När du pekar på ett färgvärde eller gradient, i antingen - HTML eller CSS, visas en förhandsgranskning av färgen/gradienten automatiskt. Detsamma gäller bilder: - peka på bildens sökväg i Brackets så visas en tumnagelversion av bilden. -

- - - Du kan prova Quick View själv genom att placera markören på -taggen i början av detta - dokument och trycka Cmd/Ctrl + E för att öppna snabbeditorn för CSS. När du pekar över ett - färgvärde i CSS-koden visas motsvarande färg. Du kan utnyttja samma funktion med gradients i snabbeditorn - - placera markören på -taggen och peka på dess background-image-egenskap. Du kan också prova - förhandvisningen av bilder genom att placera markören vid skärmdumpen tidigare i detta dokument. - - -

Behöver du någonting annat? Prova ett tillägg!

-

- Utöver alla bra funktioner som är inbyggda i Brackets har vårt stora, och växande, community av - tilläggsutvecklare tagit fram mer än hundra tillägg som ger mer användar funktionalitet. Om du saknar - någonting i Brackets är det stor chans att att någon redan byggt ett tillägg för att lösa det. - För att bläddra eller söka i listan över tillgängliga tillägg går du till Arkiv > Tilläggshanteraren - och klickar på fliken "Tillgängliga". När du hittat ett tillägg du vill ha klickar du bara på knappen "Installera" - intill det. -

- - -

ENGAGERA DIG

-

- Brackets är ett open-source-projekt. Webbutvecklare från hela världen bidrar för att göra Brackets till - en bättre kodeditor. Många andra bygger tillägg som ökar Brackets funktionalitet. - Berätta för oss vad du tycker, dina åsiker och idéer eller bidra med kod direkt till projektet. -

- - - - - diff --git a/samples/sv/Kom igang/main.css b/samples/sv/Kom igang/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/sv/Kom igang/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/sv/Kom igang/screenshots/quick-edit.png b/samples/sv/Kom igang/screenshots/quick-edit.png deleted file mode 100644 index 8c3a98fc6f..0000000000 Binary files a/samples/sv/Kom igang/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/uk/Pochynayemo/index.html b/samples/uk/Pochynayemo/index.html deleted file mode 100644 index 3a7e11d38d..0000000000 --- a/samples/uk/Pochynayemo/index.html +++ /dev/null @@ -1,172 +0,0 @@ - - - - - - - ПОЧАТОК РОБОТИ З 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/Pochynayemo/main.css b/samples/uk/Pochynayemo/main.css deleted file mode 100644 index dd4ef6c937..0000000000 --- a/samples/uk/Pochynayemo/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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/Pochynayemo/screenshots/quick-edit.png b/samples/uk/Pochynayemo/screenshots/quick-edit.png deleted file mode 100644 index 3ced278b06..0000000000 Binary files a/samples/uk/Pochynayemo/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/zh-cn/Getting Started/index.html b/samples/zh-cn/Getting Started/index.html deleted file mode 100644 index 85e7ed810d..0000000000 --- a/samples/zh-cn/Getting Started/index.html +++ /dev/null @@ -1,193 +0,0 @@ - - - - - - - BRACKETS 入门 - - - - - -

BRACKETS 入门

-

让我为你好好介绍!

- - - -

- 欢迎使用 Brackets，这是个很懂网页设计的现代化开放原始码程式编辑器。 - 轻巧又不失威力，整合多项视觉化的编辑功能，在需要时提供您适当的协助。 -

- - -

- Brackets 与众不同。 - Brackets 提供「快速编辑」、「即时预览」等别的编辑器没有的独家功能。 - 而且 Brackets 是用 JavaScript, HTML 及 CSS 写出来的。这代表大多数使用 Brackets 的人都有能力修改及扩充它。 - 事实上，Brackets 本身就是我们用 Brackets 一天天打造出来的。 - 如果您想学会如何使用这些功能，请继续看下去。 -

- - - -

Brackets 中的「专案」

-

- 只要开启包含您程式码的资料夹，就能使用 Brackets 来编辑。 - Brackets 会将目前开启的资料夹视为一个「专案」，「程式提示」、「即时预览」及「快速编辑」等功能都只会参考到专案裡的档案。 -

- - - 要是您已经准备好关掉这个范例专案，开始编辑自已的程式，可以使用左边侧栏的下拉式选单切换资料夹。 - 现在应该是选到「Getting Started」，也就是您看的这份文件所在的资料夹。 - 按一下下拉式选单，点选「开启资料夹…」选项，就能开启您自已的资料夹。 - - 之后您也可以透过同样的下拉式选单切回开启过的资料夹，包含这个范例专案。 - - - -

CSS 及 JavaScript 快速编辑

-

- 别再因为不断切换档案而一直分神失焦了。编辑 HTML 时，按下 Cmd/Ctrl + E - 快速键就地开启编辑器，秀出所有相关的 CSS 规则。 - 调好 CSS 样式后按 ESC 马上就能回到 HTML 继续编辑。 - 此外，也可以放手让那些 CSS 规则一直开在 HTML 编辑器裡。 - 只要在快速编辑器的范围外按下 ESC 键，就能关掉所有快速编辑器。 - 快速编辑也能找到定义在 LESS 及 SCSS 档案中的规则，就算是巢状规则也没问题。 -

- - - 想亲身体验吗? 把游标移到上面的 标籤中，按下 Cmd/Ctrl + E。 - 您应该就会看到 CSS 快速编辑器出现在上方，显示出所有套用到的 CSS 规则。 - 快速编辑功能也支援 class 及 id 属性。搭配 LESS 或 SCSS 档嘛会通喔。 - - 您也可以透过这个方式新增规则。在上方随便一个 标籤上点一下，按 Cmd/Ctrl + E。 - 可以看到它上面并没有任何 CSS　规则，但您可以按一下「新增规则」按钮，就会新增 规则。 - - - - 使用 CSS 快速编辑的画面撷图 - - -

- 您也能使用相同的快速键编辑其他东西，例如 JavaScript 函式、CSS 色彩、CSS 动画计时函式等，持续增加中。 -

-

- 目前还不能在快速编辑器中巢状开启其他快速编辑器，只有游标在主编辑器时才能开快速编辑功能。 -

- - -

在浏览器裡即时预览 HTML 及 CSS 变更

-

- 有一种舞叫做「存档再重新载入探戈」，我们跳了好多年，您听过吗? - 就是在编辑器裡改一改东西，储存好，马上再切过去浏览器，按「重新整理」后才能真正的看到结果，超鸟的! - 用 Brackets，您永远不必再这麽「跳」。 -

-

- Brackets 会跟您本机的浏览器即时连线，在您修改的同时将 HTML 及 CSS 内容更新过去! - 说不定活在 21 世纪的您已经用浏览器提供的开发者工具做过类似的事了。 - 但是用 Brackets，您不用再手动把总算是会动的程式複製贴回编辑器。 - 您的程式虽然是跑在浏览器上，但是所有的血与肉都还是在编辑器裡啊! -

- -

即时突显 HTML 元素及 CSS 规则

-

- Brackets 让您更容易看到 HTML 及 CSS 的修改会对页面造成什麽影响。 - 当游标停在 CSS 规则上时，Brackets 会在浏览器裡将所有会受影响的元素突显出来。 - 编辑 HTML 档案时，Brackets 也会在浏览器中突显对应的 HTML 元素。 -

- - - 如果您安装了 Google Chrome，马上就可以试看看。 - 按一下 Brackets 视窗右上角的闪电图示，或是按 Cmd/Ctrl + Alt + P。 - 当即时预览功能在 HTML 档案上启用后，所有连结到的 CSS 档案也都可以马上编辑马上生效。 - Brackets 与您的浏览器建立连线时，图示会由灰转金。 - - 就是现在，把游标移到上面的 标籤。注意看 Chrome 在图片上显示的蓝色框。 - 接下来，按 Cmd/Ctrl + E 开启相关的 CSS 规则定义。 - 试著将框线 (border) 值由 10px 改成 20px，或将背景色 (background-color) 由透明 "transparent" 改成 "hotpink"。 - 如果您把 Brackets 跟浏览器并排放好，就能看到所有异动都直接反应在浏览器上了。酷吧?! - - -

- 目前 Brackets 只能即时预览 HTML 及 CSS。不过，储存修改过的 JavaScript 档案时也会自动重新载入页面。 - 我们正在努力让即时预览功能支援 JavaScript。 - 此外，即时预览现在只能在 Google Chrome 上执行，我们希望将来能支援所有主流的浏览器。 -

- -

快速检视

-

- 为了那些记不得色彩十六进位值或是 RGB 值的人，Brackets 能快速又简单的让您看见色彩的真相。 - 不管在 CSS 或 HTML 中，只要将滑鼠游标移到任何色彩值或是渐变色上，Brackets 就会自动显示预览。 - 对图片也同样有用，在 Brackets 裡将滑鼠游标移到图片连结上，就会自动显示预览缩图。 -

- - - 自已试试快速检视，只要将游标移到这份文件最上方的 标籤上，按下 Cmd/Ctrl + E - 开启 CSS 快速编辑器，将滑鼠游标移到 CSS 上的任何一个色彩值上就能看到。 - 想要预览渐变色，您也可以在 标籤上开启 CSS 快速编辑器，移到随便一个背景图片 (background-image) 值就能看到。 - 要试图片预览，则是将游标移到前几段提到的画面撷图上就能看到。 - - -

还不够吗? 安装扩充功能吧!

-

- 除了 Brackets 内建的这些好物外，我们那深具规模，且日益状大的开发者社群已经写出了数百个扩充功能。 - 如果您觉得 Brackets 少了什麽，说不定早就有人写好扩充功能了。 - 点一下 档案 > 扩充功能管理员...，再点一下「可使用」页籤，就能浏览或搜寻扩充功能清单。 - 一旦找到想要的扩充功能，按一下后面的「安装」按钮就可以了。 -

- - -

一起参与

-

- Brackets 专案是开放原始码的。世界各地的网页开发者贡献一己之力，只为打造出更好的程式编辑器。 - 也有不少人正在开发扩充功能，让 Brackets 更强大。 - 告诉我们您的想法，分享您的构想，或是直接为本专案做点事吧。 -

- - - - - diff --git a/samples/zh-cn/Getting Started/main.css b/samples/zh-cn/Getting Started/main.css deleted file mode 100644 index 225fc8967f..0000000000 --- a/samples/zh-cn/Getting Started/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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: 700; - line-height: 1.3; -} - -h2 { - margin-top: 1.3em; -} - -a { - color: #0083e8; -} - -b, strong { - font-weight: 700; -} - -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%); - } -} diff --git a/samples/zh-cn/Getting Started/screenshots/quick-edit.png b/samples/zh-cn/Getting Started/screenshots/quick-edit.png deleted file mode 100644 index 82a984b525..0000000000 Binary files a/samples/zh-cn/Getting Started/screenshots/quick-edit.png and /dev/null differ diff --git a/samples/zh-tw/Getting Started/index.html b/samples/zh-tw/Getting Started/index.html deleted file mode 100644 index e37eb69de6..0000000000 --- a/samples/zh-tw/Getting Started/index.html +++ /dev/null @@ -1,195 +0,0 @@ - - - - - - - BRACKETS 入門 - - - - - -

BRACKETS 入門

-

讓我為您好好介紹!

- - - -

- 歡迎使用 Brackets，這是個很懂網頁設計的現代化開放原始碼程式編輯器。 - 輕巧又不失威力，整合多項視覺化的編輯功能，在需要時提供您適當的協助。 -

- - -

- Brackets 與眾不同。 - Brackets 提供「快速編輯」、「即時預覽」等別的編輯器沒有的獨家功能。 - 而且 Brackets 是用 JavaScript, HTML 及 CSS 寫出來的。這代表大多數使用 Brackets 的人都有能力修改及擴充它。 - 事實上，Brackets 本身就是我們用 Brackets 一天天打造出來的。 - 如果您想學會如何使用這些功能，請繼續看下去。 -

- - - -

Brackets 中的「專案」

-

- 只要開啟包含您程式碼的資料夾，就能使用 Brackets 來編輯。 - Brackets 會將目前開啟的資料夾視為一個「專案」，「程式提示」、「即時預覽」及「快速編輯」等功能都只會參考到專案裡的檔案。 -

- - - 要是您已經準備好關掉這個範例專案，開始編輯自已的程式，可以使用左邊側欄的下拉式選單切換資料夾。 - 現在應該是選到「Getting Started」，也就是您看的這份文件所在的資料夾。 - 按一下下拉式選單，點選「開啟資料夾…」選項，就能開啟您自已的資料夾。 - - 之後您也可以透過同樣的下拉式選單切回開啟過的資料夾，包含這個範例專案。 - - - -

CSS 及 JavaScript 快速編輯

-

- 別再因為不斷切換檔案而一直分神失焦了。編輯 HTML 時，按下 Cmd/Ctrl + E - 快速鍵就地開啟編輯器，秀出所有相關的 CSS 規則。 - 調好 CSS 樣式後按 ESC 馬上就能回到 HTML 繼續編輯。 - 此外，也可以放手讓那些 CSS 規則一直開在 HTML 編輯器裡。 - 只要在快速編輯器的範圍外按下 ESC 鍵，就能關掉所有快速編輯器。 - 快速編輯也能找到定義在 LESS 及 SCSS 檔案中的規則，就算是巢狀規則也沒問題。 -

- - - 想親身體驗嗎? 把游標移到上面的 標籤中，按下 Cmd/Ctrl + E。 - 您應該就會看到 CSS 快速編輯器出現在上方，顯示出所有套用到的 CSS 規則。 - 快速編輯功能也支援 class 及 id 屬性。搭配 LESS 或 SCSS 檔嘛會通喔。 - - 您也可以透過這個方式新增規則。在上方隨便一個 標籤上點一下，按 Cmd/Ctrl + E。 - 可以看到它上面並沒有任何 CSS　規則，但您可以按一下「新增規則」按鈕，就會新增 規則。 - - - - 使用 CSS 快速編輯的畫面擷圖 - - -

- 您也能使用相同的快速鍵編輯其他東西，例如 JavaScript 函式、CSS 色彩、CSS 動畫計時函式等，持續增加中。 -

-

- 目前還不能在快速編輯器中巢狀開啟其他快速編輯器，只有游標在主編輯器時才能開快速編輯功能。 -

- - -

在瀏覽器裡即時預覽 HTML 及 CSS 變更

-

- 有一種舞叫做「存檔再重新載入探戈」，我們跳了好多年，您聽過嗎? - 就是在編輯器裡改一改東西，儲存好，馬上再切過去瀏覽器，按「重新整理」後才能真正的看到結果，超鳥的! - 用 Brackets，您永遠不必再這麼「跳」。 -

-

- Brackets 會跟您本機的瀏覽器即時連線，在您修改的同時將 HTML 及 CSS 內容更新過去! - 說不定活在 21 世紀的您已經用瀏覽器提供的開發者工具做過類似的事了。 - 但是用 Brackets，您不用再手動把總算是會動的程式複製貼回編輯器。 - 您的程式雖然是跑在瀏覽器上，但是所有的血與肉都還是在編輯器裡啊! -

- -

即時突顯 HTML 元素及 CSS 規則

-

- Brackets 讓您更容易看到 HTML 及 CSS 的修改會對頁面造成什麼影響。 - 當游標停在 CSS 規則上時，Brackets 會在瀏覽器裡將所有會受影響的元素突顯出來。 - 編輯 HTML 檔案時，Brackets 也會在瀏覽器中突顯對應的 HTML 元素。 -

- - - 如果您安裝了 Google Chrome，馬上就可以試看看。 - 按一下 Brackets 視窗右上角的閃電圖示，或是按 Cmd/Ctrl + Alt + P。 - 當即時預覽功能在 HTML 檔案上啟用後，所有連結到的 CSS 檔案也都可以馬上編輯馬上生效。 - Brackets 與您的瀏覽器建立連線時，圖示會由灰轉金。 - - 就是現在，把游標移到上面的 標籤。注意看 Chrome 在圖片上顯示的藍色框。 - 接下來，按 Cmd/Ctrl + E 開啟相關的 CSS 規則定義。 - 試著將框線 (border) 值由 10px 改成 20px，或將背景色 (background-color) 由透明 "transparent" 改成 "hotpink"。 - 如果您把 Brackets 跟瀏覽器並排放好，就能看到所有異動都直接反應在瀏覽器上了。酷吧?! - - -

- 目前 Brackets 只能即時預覽 HTML 及 CSS。不過，儲存修改過的 JavaScript 檔案時也會自動重新載入頁面。 - 我們正在努力讓即時預覽功能支援 JavaScript。 - 此外，即時預覽現在只能在 Google Chrome 上執行，我們希望將來能支援所有主流的瀏覽器。 -

- -

快速檢視

-

- 為了那些記不得色彩十六進位值或是 RGB 值的人，Brackets 能快速又簡單的讓您看見色彩的真相。 - 不管在 CSS 或 HTML 中，只要將滑鼠游標移到任何色彩值或是漸變色上，Brackets 就會自動顯示預覽。 - 對圖片也同樣有用，在 Brackets 裡將滑鼠游標移到圖片連結上，就會自動顯示預覽縮圖。 -

- - - 自已試試快速檢視，只要將游標移到這份文件最上方的 標籤上，按下 Cmd/Ctrl + E - 開啟 CSS 快速編輯器，將滑鼠游標移到 CSS 上的任何一個色彩值上就能看到。 - 想要預覽漸變色，您也可以在 標籤上開啟 CSS 快速編輯器，移到隨便一個背景圖片 (background-image) 值就能看到。 - 要試圖片預覽，則是將游標移到前幾段提到的畫面擷圖上就能看到。 - - -

還不夠嗎? 安裝擴充功能吧!

-

- 除了 Brackets 內建的這些好物外，我們那深具規模，且日益狀大的開發者社群已經寫出了數百個擴充功能。 - 如果您覺得 Brackets 少了什麼，說不定早就有人寫好擴充功能了。 - 點一下 檔案 > 擴充功能管理員...，再點一下「可使用」頁籤，就能瀏覽或搜尋擴充功能清單。 - 一旦找到想要的擴充功能，按一下後面的「安裝」按鈕就可以了。 -

- - -

一起參與

-

- Brackets 專案是開放原始碼的。世界各地的網頁開發者貢獻一己之力，只為打造出更好的程式編輯器。 - 也有不少人正在開發擴充功能，讓 Brackets 更強大。 - 告訴我們您的想法，分享您的構想，或是直接為本專案做點事吧。 -

- - - - - - - diff --git a/samples/zh-tw/Getting Started/main.css b/samples/zh-tw/Getting Started/main.css deleted file mode 100644 index a7ef1e49de..0000000000 --- a/samples/zh-tw/Getting Started/main.css +++ /dev/null @@ -1,60 +0,0 @@ -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: 700; - line-height: 1.3; -} - -h2 { - margin-top: 1.3em; -} - -a { - color: #0083e8; -} - -b, strong { - font-weight: 700; -} - -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/zh-tw/Getting Started/screenshots/quick-edit.png b/samples/zh-tw/Getting Started/screenshots/quick-edit.png deleted file mode 100644 index 82a984b525..0000000000 Binary files a/samples/zh-tw/Getting Started/screenshots/quick-edit.png and /dev/null differ