arthur carvalho dev: tip

segunda-feira, 23 de abril de 2012

tip: Melhorando a navegação entre arquivos pelo Finder.

Meu `os x` é todo personalizado. Eu frequentemente fico incomodado com passos que sempre faço e vejo que poderiam ser executados de forma mais rápida.

OK, aqui vou dar uma pequena dica de usabilidade no Finder.

Meu método de navegação favorito é por coluna. Acho que fica mais tranquilo de mover arquivos entre pastas e também me oferece feedback de onde estou na árvore de navegação. Então, primeira dica:

Ativo a navegação por coluna como padrão. -> View / Show View Options / Always open in column view.

Um fato que me incomoda na visão de coluna é que o espaço delas é muito curto. Isso prejudica a leitura de pastas com nomes maiores. Isso pode ser ajustado de algumas formas (do mais lento pro mais rápido):

Colocar o mouse em foco e esperar que ele mostre o nome da pasta em uma caixa amarela. (leeeento)
Clicar com o mouse sobre `||` na parte inferior de cada divisão de coluna e arrastar para deixar maior. (ainda está lento)
Clicar duas vezes sobre `||` na parte inferior de cada divisão de coluna. (melhorou)
Clicar duas vezes sobre `||` na parte inferior de alguma coluna pressionando a tecla `option`. (meu preferido)

A opção 4 é rápida e expande todas as colunas de uma só vez não importando em qual coluna seja clicada. Essa é a dica :)

quinta-feira, 25 de agosto de 2011

SyntaxHighlighter no Blogger.

Olá galera, estou começando um blog com objetivo que está escrito subtitulo deste mesmo.
Estava querendo fazer isso já há um tempinho porém sempre enrolava. Vou começar logo então.
Primeiro post vou falar sobre o SyntaxHighlighter, que é uma ferramenta em javascript para adicionar o syntax highlight nos trechos de código postados em um website/blog.

Pode ser baixado em SyntaxHighlighter.
A versão que eu estou utilizando nesse post é 3.0.83.
Feito o download, segue a estrutura de diretórios:

Iremos obrigatoriamente usar o arquivo 'src/shCore.js' e 'styles/shCore.css'.
Depois podemos escolher outros arquivos para as determinadas linguagens em que usaremos o syntax highlight.
Para usar esses arquivos, eu utilizei o sites.google.com para disponibiliza-los na web. Acredito que possa ser utilizado o DropBox também.
Após feito o upload dos arquivos que você quer utilizar, deve-se seguir os passos:

1. entrar na aba 'Modelo' do painel de administração do blogger.
2. editar hmtl
3. ao fim da tag <head> (ctrl+f </head) colar o seguinte codigo.
4. salvar as alterações.

<link href="http://ondeestouhospedado/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://ondeestouhospedado/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script src="http://ondeestouhospedado/shCore.js" type="text/javascript"></script>
<script src="http://ondeestouhospedado/shBrushCss.js" type="text/javascript"></script>
<script src="http://ondeestouhospedado/shBrushJava.js" type="text/javascript"></script>
<script src="http://ondeestouhospedado/shBrushJScript.js" type="text/javascript"></script>
<script src="http://ondeestouhospedado/shBrushRuby.js" type="text/javascript"></script>
<script src="http://ondeestouhospedado/shBrushXml.js" type="text/javascript"></script>
<script type="text/javascript"> 
   SyntaxHighlighter.config.bloggerMode = true;
   SyntaxHighlighter.all()
</script>

Depois faça um teste com uma publicação no blog para confirmar se deu certo.
É só usar um bloco de código em volta da tag <pre> e informar a linguagem no attributo 'class'.
Ex:

<pre class="brush: java" >
public static void main(String args[]) {
   System.out.println("Hello, Arthur!");
}
</pre>

Resultado:

public static void main(String args[]) {
   System.out.println("Hello, Arthur!");
}

Eu particularmente escolhi as linguagens css, java, js, ruby e xml (para html também). Porém diversos outros arquivos para aplicar o sh em outras linguagens são disponibilizados.

Então é isso aí.