mirror of
https://github.com/adobe/brackets.git
synced 2024-11-20 18:02:54 +01:00
Grammar corrections
This commit is contained in:
parent
d94892f283
commit
e7f9fe2ba3
@ -18,7 +18,7 @@
|
||||
-->
|
||||
|
||||
<p>
|
||||
Bem-vindo ao Brackets, um moderno editor de código open-source que entende web design. Leve, mas poderoso, ele combina ferramentas visuais no editor para que você obtenha a quantidade certa de ajuda quando precisar.
|
||||
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.
|
||||
</p>
|
||||
|
||||
<!--
|
||||
@ -26,7 +26,7 @@
|
||||
-->
|
||||
|
||||
<p>
|
||||
Brackets é um editor diferente e tem algumas caracteristicas ú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 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 extender 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.
|
||||
Brackets é um editor diferente e 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.
|
||||
</p>
|
||||
|
||||
|
||||
@ -40,8 +40,8 @@
|
||||
</p>
|
||||
|
||||
<samp>
|
||||
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 é pasta que possui o arquivo que vocês está olhando agora mesmo. Clique no menu e escolhar "Abrir pasta..." para abrir sua própria pasta.
|
||||
Você também pode usar o menu para voltar a pastas que você abriu anteriormente, incluindo esse projeto de exemplo.
|
||||
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.
|
||||
</samp>
|
||||
|
||||
<!--
|
||||
@ -55,7 +55,7 @@
|
||||
</p>
|
||||
|
||||
<samp>
|
||||
Quer vê-lo em ação? Coloque o cursor sobre o tag <!-- <samp> --> acima e pressione <kbd>Cmd/Ctrl + E</kbd>. 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 atribudos id também. Você pode usa-lo com seus arquivos LESS e SCSS também.
|
||||
Quer vê-lo em ação? Coloque o cursor sobre a tag <!-- <samp> --> acima e pressione <kbd>Cmd/Ctrl + E</kbd>. 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 <!-- <p> --> acima e aperte <kbd>Cmd/Ctrl + E</kbd>. Não existem regras para ele nesse momento, mas você pode clicar no botão Nova Regra e adicionar uma nova regra para <!-- <p> -->.
|
||||
</samp>
|
||||
@ -65,10 +65,10 @@
|
||||
</a>
|
||||
|
||||
<p>
|
||||
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.
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
Por enquando inline editors não podem ser aninhados, então você só pode usar Quick Edit enquando o cursor estiver em um editor de tamanho máximo.
|
||||
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.
|
||||
</p>
|
||||
|
||||
<!--
|
||||
@ -87,13 +87,13 @@
|
||||
<h3>Destaque ao vivo de elementos HTML e regras CSS</h3>
|
||||
<p>
|
||||
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, Brackets irá destacar todos os elementos afetados no navegador. Similarmente, quando estiver editando um arquivo HTML, Brackets irá destacar o elemento HTML correpondente no navegador.
|
||||
Quando seu cursor está em uma regra CSS, Brackets irá destacar todos os elementos afetados no navegador. Similarmente, quando estiver editando um arquivo HTML, Brackets irá destacar o elemento HTML correspondente no navegador.
|
||||
</p>
|
||||
|
||||
<samp>
|
||||
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 <kbd>Cmd/Ctrl + Alt + P</kbd>. 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 Brackets estabelecer uma conexão com o seu navegador.
|
||||
|
||||
Agora, coloque o cursor sobre o tag <!-- <img> --> acima e use <kbd>Cmd/Ctrl + E</kbd> 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 Brackets e seu navegador rodando lado a lado, você vai ver as alterações refletidas instantaneamente no seu navegador. Legal, certo?
|
||||
Agora, coloque o cursor sobre a tag <!-- <img> --> acima e use <kbd>Cmd/Ctrl + E</kbd> 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 Brackets e seu navegador rodando lado a lado, você vai ver as alterações refletidas instantaneamente no seu navegador. Legal, certo?
|
||||
</samp>
|
||||
|
||||
<p class="note">
|
||||
@ -102,16 +102,16 @@
|
||||
|
||||
<h3>Quick View</h3>
|
||||
<p>
|
||||
Para aqueles de nós que ainda não memorizaram os códigos de cores equivalentes para HEX e RGB, 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 um 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.
|
||||
Para aqueles de nós que ainda não memorizaram os códigos de cores equivalentes para HEX e RGB, 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.
|
||||
</p>
|
||||
|
||||
<samp>
|
||||
Tente o Quick View você mesmo, passe o cursos na tag <!-- <body> --> no topo desse documento e aperte <kbd>Cmd/Ctrl + E</kbd> 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 <!-- <html> --> 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 incluido anteriormente nesse documento.
|
||||
Tente o Quick View você mesmo, passe o cursor na tag <!-- <body> --> no topo desse documento e aperte <kbd>Cmd/Ctrl + E</kbd> 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 <!-- <html> --> 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.
|
||||
</samp>
|
||||
|
||||
<h3>Precisa de algo mais? Tente uma extensão!</h3>
|
||||
<p>
|
||||
Além de todas as coisas boas contruidas no Brackets, nossa grande comunidade de desenvolvedores de extensões tem construido 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 alguem já construiu uma extensão para isso. Para pesquisar na lista de extensões disponíveis, escolha <strong>Arquivo > Gerenciador de Extensões...</strong> e clique na aba "Disponíveis". Quando encontrar uma extensão que você quer, apenas clique no botão "Instalar" ao lado.
|
||||
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 <strong>Arquivo > Gerenciador de Extensões...</strong> e clique na aba "Disponíveis". Quando encontrar uma extensão que você quer, apenas clique no botão "Instalar" ao lado.
|
||||
</p>
|
||||
|
||||
<!--
|
||||
@ -120,8 +120,8 @@
|
||||
|
||||
<h2>Envolva-se</h2>
|
||||
<p>
|
||||
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 expandem as capacidades do Brackets.
|
||||
Diga-nos o que você pensa, partilhe as suas ideias ou contribua diretamente para o projeto.
|
||||
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.
|
||||
</p>
|
||||
<ul>
|
||||
<li><a href="http://brackets.io">Brackets.io</a></li>
|
||||
@ -157,4 +157,4 @@
|
||||
[:::::::::::::: ::::::::::::::]
|
||||
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
|
||||
|
||||
-->
|
||||
-->
|
||||
|
Loading…
Reference in New Issue
Block a user