Vamos lá?!
Você vai precisar de:

Subversion: http://subversion.tigris.org
É o servidor de SVN, pode baixar a última versão que não tem grilo. A instalação é tranquila, nem necessita de explicações.
Caso você não queira/precisa instalar o Subversion na sua máquina, e vai consumir um SVN externo, então não precisa copiar!
Uma dica de SVN externo é o repositório do Google code: http://code.google.com/hosting/

Tortoise SVN: http://tortoisesvn.tigris.org
Tortoise é com certeza o Client UI de SVN mais utilizado, e de fácil instalação. Após instalado, você conseguirá trabalhar com ele a partir de qualquer pasta no seu windows.

Ankhsvn tool: http://ankhsvn.open.collab.net
É a ferramenta de Subversion que provê integração total com o Visual Studio 2005, 2008 e 2010! Na minha opinião, em questão de integração, ele é mil vezes melhor que o Microsoft Source Safe… (claro que não bate o Team Fondation $erver, mas isso é outra história hehehe)

Se você quiser uma versão paga de integração com a IDE da Microsoft, tente o VisualSVN ($49 doletas…)

http://www.VisualSvn.com

Primeiro Passo – Configurar SVN/Tortoise

Após instalar tudo, e reiniciar a máquina (importante). Abra as Configurações do TortoiseSVN a partir de qualquer pasta no Windows Explorer. Basta clicar com o direito em uma pasta, selecionar TortoiseSVN > Settings.
Após feito isso, na guia de General mesmo, marque a opção Use "_svn" instead of ".svn" directories, para trocar o nome dos repositórios de .svn para _svn para melhor funcionamento no Visual Studio

Criando um novo Repositório com o TortoiseSVN

Agora vamos criar um repositório e então adicionar um projeto do Visual Studio nele, e fazer tudo conversar na mesma língua!

Repositórios são basicamente “banco de dados” aonde estarão os arquivos a serem versionados. Este pode ser armazenado na sua máquina local ou remota, acessando via Daemon Service ou através de HTTP utilizando Apache module (instalado a parte). Vamos trabalhar aqui com sua máquina local, e usando o Tortoise para administrar este banco de dados. Para criar um repositório, basta criar uma pasta aonde você colocará o projeto do VS.

Vamos usar como exemplo: C:\Projetos\Aquavisor
Após criar a pasta, clique com o botão direito do mouse nela e vá em TortoiseSVN > Create Repository Here (a pasta deve estar vazia, e não ser “somente leitura”)
Depois disso você precisa configurar o C:\Projetos\Aquavisor\conf\svnserve.conf

no SvnServe.conf:

[general]
	#anon-access = read
	auth-access = write
	password-db = passwd
	realm = Aquavisor

Isso para liberar autentificação de usuários na pasta.
Feito isso, para adicionar usuários, basta colocar seus usernames e senha como chaves pares (username = password), Exemplo:

[users]
	malkafly = senhachiquechique
	golum = precioso
	anakin = morrampovododeserto

Colocando Subversion como um serviço

Uma vez que o repositório é criado, o próximo passo é tornar ele acessível remotamente. Junto com o Subversion virá um built-in chamado Daemon server, que permitirá esse acesso através de TCP/IP (porta 3690 por default). A ativação do serviço é feita pelo SvnServer.exe localizado na pasta BIN da instalação do Subversion, quanto você rodar esse .exe ele já irá ser instalado como um serviço, e para fazer isso de forma mais fácil, vamos criar um arquivo bach, ou digitar tudo como linha de comando mesmo.

Tudo na mesma linha e corrigir o caminho do subversion caso você tenha alterado durante a instalação:

sc create svn binpath= "\"c:\arquivos de programa\subversion\bin\svnserve.exe\" --service -rd:\subversion" displayname= "Subversion Server" depend= Tcpip start= auto

Se quiser fazer em bach (o que é beeeem melhor), basta abrir o bloco de notas, adicionar a linha acima, e salvar com a extensão .bat.
Caso precise/queira usar outra porta então use o comando -listen-port=nn.

Agora para startar o serviço do svn basta ir no Gerenciador de Serviços do windows ou via linha de comando mesmo: sc start svn

Testando o Repositório

Primeiro, para ter certeza que o repositório está OK, é iniciar o TortoiseSVN de qualquer lugar e tentar conectar no seu endereço de IP ou host da máquina. Abra uma pasta qualquer, clique com o botão direito do mouse, escolha TortoiseSVN > Repo-browser e adicionar seu novo server de SVN, exemplo: svn://endereçoIPOUhostname/. Se abrir seu repo, sem nenhuma mensagem de erro, então: “Maaaravilha alberto!” tudo certinho e ok
Caso contrario certifique-se do caminho digitado, definitivamente TEM que funcionar localmente, remotamente pode dar bucha por causa do Firewall, verifica se ele está bloqueando a porta selecionada (3690 por padrão!)

Adicionando seus Projetos/Arquivos ao SVN

Como se sabe, o TortoiseSVN não se integra ao Visual Studio, então vou mostrar como fazer o basicão só pelo Tortoise mesmo, e depois mostro o integrado (muito porque, é extremamente mais simples já que que o ankhsvn vira um plugin do visual studio).

Então vamos lá, adicionando. Supondo que meu projeto, tenha a seguinte estrutura:

[raiz]
– Malkafly.Aquavisor
—- Malkafly.Aquavisor.BusinessLayer
—- Malkafly.Aquavisor.DataLayer
—- Malkafly.Aquavisor.Web

Criação de projetos é um pouco complicado com Tortoise, porque quando você pode facilmente importar conteúdo para o SVN no servidor, a opção Importar não verifica automaticamente o conteúdo local. Você também não pode dar Checkout imediatamente depois de você ter importado porque o Tortoise não irá permitir que você sobrescrever arquivos existentes que não estão sob o SVN.

Uma das formas de resolver isso é:

• Criar um novo diretório no repositório
• Encontrar a pasta do seu projeto no Explorer
• Usar o Tortoise para dar Checkout na nova pasta criada no repositório
• Adicionar arquivos diretamente pelo Explorer com o Tortoise
• E Commit Changes

Passo a passo fica assim.

1 – Criaremos uma “Pasta um nivel acima da sua Raiz”.
– No Tortoise vá no Repo-browser;
– Na janela de “Repository Browser” selecione o host, clique com o direito do mouse e vá em Create folder;

2 – Baixando a nova pasta Raiz, e adicionando seu projeto.
– Volte ao Explorer e vá ou crie, a pasta “Aquavisor” no diretório aonde deseja baixar projeto;
– Clique direito nessa pasta, e selecione SVN Checkout...;
– Selecione o nível topo do repositório e aponte para sua pasta local correspondente;

Bom, nada de fato foi baixado, porem agora você pode adicionar seu projeto individualmente…

3 – Adicionando o Projeto ao SVN
– Volte ao Explorer, a pasta que você acabou de dar checkout, está com um Ícone Verde.
– Arraste/Copie seu projeto para dentro desta pasta, ela vai ficar com um Ícone de interrogação.
– Agora basta clicar com o botão direito do mouse nesta pasta, ir em TortoiseSVN > Add…

e confirmar, ele vai subir recursivamente todos arquivos, e pastas.
Recomendável, de que como é um projeto .net que estamos falando, você vá nas pastas /bin/ e /obj/ de cada projeto, e remova do repositório. Para fazer isso, vá nestas pastas de cada projeto, clique em com direito do mouse: TortoiseSVN > Delete and add to ignore list... e selecionar a opção de ignorar por nome.

AH! Claro, se for adicionar a bin como ignorada, tenha certeza de subir as .dll auxiliares do projeto de alguma forma… Eu geralmente crio uma pasta “lib” na raiz do projeto, e subo junto, ela só não é adicionada ao projeto do visual studio, mas está no repositório.

4 – Commit!
– Feito isso, adicionado o projeto, arquivos e tudo mais, e também (opcionalmente) ter removido as pastas de log, obj, bin

etc… vamos ao commit!
– Clique na raiz da pasta que você tinha criado anteriormente, clique com o direito e SVN Commit..

Pronto! Após subir tudo, seu diretório vai ficar cheio de balõezinhos verdes nos ícones =)
Isso você fará cada vez que precisar adicionar um projeto no SVN.
Agora que ele está pronto, vamos usar-lo!

Baixando um projeto do SVN para pasta local

Isso vale principalmente para você que hospeda seu código no Google Code, Codeplex ou servidor web de terceiros, e precisa ter acesso ao fonte.
Basta criar uma pasta em algum local bacana como o descrito lá em cima na criação do projeto no svn, depois dar clique direito do mouse sobre essa pasta, e basicamente ir em SVN Checkout.
Só que desta vez (para quem acaba de criar o próprio server SVN, ou acabou de subir pela primeira vez o source), aparecerá todos os arquivos do seu projeto, então basta selecionar a raiz do projeto, e apontar para sua pasta correspondente na sua máquina local.

Usando o Tortoise

Diferente do Source Safe, o SVN utiliza um conceito de marge-copy-Modify, que possibilita que vários usuários possam trabalhar no mesmo arquivo, ao mesmo tempo.

Os Ícones
Vermelho com exclamação: Significa que este arquivo foi alterado e ainda não foi enviado ao servidor (SVN commit…), quando este ícone esta em uma pasta, quer dizer então que dentro desta, há arquivos nessa situação.

Verde Checkado: Arquivo que está com a mesma versão do servidor.
Amarelo alerta: Se durante um update houver algum conflito, este arquivo irá ser marcado com a exclamação amarela.
Sinal de + azul: Arquivos em seu diretório local que não estão no servidor, e para que sejam adicionados ao svn precisam ser “added” ao svn, e depois SVN Commit.

Pegando um arquivo para trabalhar
Regra numero 1 que aprendi com o mestre Oleiro, que vivia acertando as cagadas que eu fazia no SVN…
1º Antes de pegar qualquer arquivo para edição, selecione o mesmo, clique com o direito do mouse e vá em SVN

Update.... Feito isso as chances de você trabalhar em uma cópia antiga deste arquivo são remotas.
Após dar um “update”, então basta abrir o arquivo e começar seu trabalho. Automaticamente, ele atualizará o iceno para vermelho, que significa alterado em relação a versão do servidor.
Caso ao baixar tenha dúvidas sobre as alterações feitas no código, você pode ir em “Check for modifications”:

…e comparar as versões direfentes do servidor e local do arquivo em questão:

Subindo seus arquivos para o SVN
Feito o trabalho no arquivo, para mandar para o svn, é simples! Basta selecionar o arquivo (ou diretório) e ir em “SVN Commit”. Uma vez que existir divergências no código fonte, será necessário fazer uma verificação nas diferenças, e tomar decisão por subscrever a versão do servidor (ou local) ou optar por um marge, que é unir ambas versões, toda calma e cuidado nessa hora é pouco!

Integração com Visual Studio

Essa sinceramente dispensa muitas explicações.
Após baixar o AnkhSVN e instalar. Abra o visual studio e veja a diferença na sua Solution Explorer:

E a nova barra adicionada:

Dúvidas? Sugestões? Criticas?! manda bala ae nos comentários =)
Abraços!

52 Framework

É um framework novo, que ainda está em processo de aprimoramento, mas que no estado atual já quebra um galhão!. Você já usou um framework de CSS? Não? Amigo, é fácil, ajuda muito, e poupa muito, muito tempo de desenvolvimento. Principalmente se você não é nenhum expert em front-end, e precisa de um layout, mesmo que simples, bem organizado.
Fato que o uso do HTML5 e CSS3 ainda é um pouco cedo, visto que muita coisa ainda está rolando, mas o quanto antes agente começar a quebrar a cabeça com isso, mais aptos a dominá-la na hora certa seremos.

Como Usar

Então vamos ao 52!

Download
Primeiro, faça download do framework no site oficial para conseguir a última versão.
http://52framework.com/downloads

Ao baixar, você terá estes arquivos:

O Framework é basicamente 3 folhas de estilo, 2 html, 1 javascript e uma imagem jpg.
Basta extrair para alguma pasta, e abra o arquivo index.html para visualizar o Demo do 52 framework.

Demo do 52 Framework

O código
A primeira coisa que você vai notar no html, é a nova tag de doctype.

	<!DOCTYPE html>

Outra coisa que você vai notar, é o Javascript html5.js, que é uma massa tensa de scripts para garantir que o html5 funcione bem em versões antigas de alguns navegadores. Você não precisa entender como este js funciona, não se preocupe com ele (:

Semântica
Outra coisa bacana é a semântica do html.
O Html5 terá como principal desafio e logo rotina, o bom uso das tags para seus respectivos conteúdos. O Front-end que trabalhará com essa tecnologia, terá muito mais preocupação em o que usar/quando, do que nos dias de hoje, uma vez que a semântica é fundamental para o desempenho e SEO de qualquer sistema baseado na WEB.

<body>
 
<header>
  <nav> </nav>
</header>
 
<aside>
  <form>
  </form>
</aside>
 
<section>
  <article> </article>
  <article> 
    <code> </code>
    <article> </article>
  </article>
</section>
 
<footer> </footer>
 
</body>

Pois é, “não é só de div que vive um html5″.

CSS Reset e Grid System
As 3 principais folhas de estilo do 52 Framework são baseadas em Geral, Reset e Grid.
O reset.css é uma versão alterada da original (criada por Eric Meyer), esta versão é de Richard Clark e tem novos elementos de html. Esta serve para “zerar” todas margens, paddings, e outros atributos das tags.

O grid.css usa basicamente a estrutura de 16 Colunas de um 960 grid system comum.
Cada coluna é representada por uma classe “col_X”, sendo o tamanho de 1 coluna em 40px, e margin-right de 10px em todas.

.col_1 {width:40px;}
.col_2 {width:100px;}
.col_3 {width:160px;}
.col_4 {width:220px;}
.col_5 {width:280px;}
.col_6 {width:340px;}
.col_7 {width:400px;}
.col_8 {width:460px;}
.col_9 {width:520px;}
.col_10 {width:580px;}
.col_11 {width:640px;}
.col_12 {width:700px;}
.col_13 {width:760px;}
.col_14 {width:820px;}
.col_15 {width:880px;}
.col_16 {width:940px;}

O general.css contém diversas classes com algumas novidades para quem nunca pegou css3, vale muito apena ficar brincando alterando os valores e vendo o que acontece! Uma das features é a seleção de cores da página para sobrescrever os valores padrões dos navegadores. Isso significa que quando você seleciona uma linha de texto (o “highlight”) esta terá a cor que você definiu:

::selection {
	background: #525252; /* Safari */
}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}

No fieldset você irá encontrar algumas popularidades do css3. As famosas bordinhas…

{ 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

…E também sombra na header!

header .logo {
	font-size:2.5em; 
	height:52px;
	padding-top:28px;
	font-weight:700;
	text-shadow:1px 1px 2px #000;
	color:#fff;
	filter: Shadow(Color=#666666, Direction=135, Strength=3);
}

Bom né?

52 Framework está em constantes atualizações, até a data de hoje já existe uma versão beta nova, mas muito mais ainda virá. Existem outros frameworks de html/css que testei e gostei bastante, mas o 52 framework é mais flexivel.
Se quiserem se aventurar com os outros, fica aqui os links:

960 Grid System – http://960.gs (O segundo melhor na minha opinião)
baseline – http://baselinecss.com/
BlueTrip – http://bluetrip.org/
Blueprint – http://blueprintcss.org/ esse foi atualizado, parece estar muito melhor! (Dica do @raulsouzalima)

Dúvidas de como implementar? Sugestões? Criticas?! hehehe só comentar =)
Abraços galera!

Este plugin foi testado no Internet Explorer 6/7, Firefox 1.5/2/3, Safari, Chrome e Opera. A definição da máscara é configurada na própria chamada do plugin, com caracteres literais, por exemplo:

• a – Representa caracteres alphas (A-Z, a-z)
• 9 – Representa caracteres numéricos (0-9)
• * – Representa caracteres alphanuméricos (A-Z,a-z,0-9)

Vamos ao código?!

Primeiro baixe aqui o javascript do plugin:
[download id="4"]

Depois inclua a chamada do jquery e do pluging.

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>

Próximo passo é chamar as funções da máscara e associar aos inputs que desejar.

jQuery(function($){
   $("#data").mask("99/99/9999");
   $("#telefone").mask("(999) 999-9999");
   $("#telefone2").mask("99-9999999");
   $("#cpf").mask("999.999.999.09");
});

Opcionalmente, se você não quiser que os espaços em branco da máscara no input, sejam representados por sublinhado ( ‘_’ ), então você pode usar o método placeholder com o o caracter que desejar. Exemplo:

jQuery(function($){
   $("#data").mask("99/99/9999",{placeholder:" "});
});

Outra opção opcional é a execução de alguma função após o término da digitação no campo. Exemplo:

jQuery(function($){
   $("#data").mask("99/99/9999",{
                completed:function(){
                      alert("Você digitou a seguinde data: "+this.val());
                 }
   });
});

E também, você mesmo pode criar sua própria definição de máscara:

jQuery(function($){
   $.mask.definitions['~']='[+-]';
   $("#customizada").mask("~9.99 ~9.99 999");
});

É isso ae!
Dúvidas, acertos, ou qualquer coisa é só comentar!

Abraços (:

É uma tag do Twitter dedicada aos apaixonados por Aquarismo no Brasil. Através dela, poderemos rastrear todos os posts relacionados a aquarismo de forma fácil, e unir em uma listagem rápida os mais diversos tipos de conteúdos postados sobre o assunto.

Twitter: http://twitter.com/SouAqua

Como Participar?

Muito simples, basta seguir algumas dicas e regrinhas básicas:

- Siga a lista #SouAqua e se possivel siga também os membros que preferir;
- Para se apresentar à todos, basta enviar uma mensagem contando a tag #SouAquarista;
- Siga também o @SouAqua no twitter! E acompanhe as campanhas que serão promovidas pelo site, e receber notícias e eventos importantes;
- E o mais importante, quando for mandar um twit sobre Aquarismo, coloque a tag #SouAqua

Gerador de código baseado no Microsoft Entity Framework – Em desenvolvimento.
Mais novidades em http://efdorsal.codeplex.com/

Aquavisor, é um sistema on-line de administração de seu aquário que estou desenvolvendo. Basta cadastrar seu tanque, com seus equipamentos, fauna e flora, que o sistema disponibilizará uma planilha completa de tarefas a serem executadas para melhor gestão de seu aquário. Com niveis de prioridade, e links para consultas e ajuda, o Sistema é integrado aos principais fóruns do Brasil sobre Aquarismo.

[nggallery id=1]

Principais Recursos desta versão

Abaixo os principais recursos da versão 1.0b do Aquavisor.
Destaque para o perfil público. Uma página de acesso público com fotos, estatísticas e relatórios completos sobre seu tanque, facilitando assim a troca de informações do mesmo com seus amigos, fóruns, e muito mais.

* Cadastro de Aquários de diversos tipos
* Administração completa de componentes químicos da água
* 1 click para relatórios completos dobre seu aquario
* Gerador de extimativas da qualidade da água
* Gestão completa da manuteção do seu tanque
* Página de público com os dados/relatórios do seu aquário
* Catálogo de Peixes, Plantas, Corais, Invertebrados, Produtos e Equipamentos
* É GRÁTIS

O que vem por ai?

Abaixo, um pouco do que o nosso sistema disponibilizará gratuitamente a todos usuários.
Primeira Etapa

* Cadastros (Usuarios, Aquários, Peixes, Plantas, Corais, Invertebrados, Produtos e equipamentos)
* Manutenção de Aquarios de água Doce e Salgada
* Status e relatórios do aquário a cada manuteção
* Perfil Público do aquário
* Possibilidade de comentários nos aquários

Segunda Etapa

* Auto sugerir soluções para conflitos químicos do aquário
* Integração com os principais fóruns do Brasil
* Agenda de reposição de elementos químicos e manuteção mais completa
* Cadastro de múltiplos aquários por perfil de usuário
* Manuteção e suporte a aquários de todos os tipos (plantados, rochosos, beteiras etc..)
* Diario de montagem do aquário/Blog
* Integração com sistemas Mobiles

Visite o site do projeto para mais informações

Para remover a validação de posts no novo framework, você deve adicionar os seguintes nós em system.web

 
  <system.web>
    <pages validateRequest="false" />
    <httpRuntime requestValidationMode="2.0" />
  </system.web>

Só isso =)
decidi postar pra não esquecer, e quem sabe ajudar alguem rápido

Abraços!

Como usar uma imagem como background de uma UIView no iPhone SDK.
Precisei disto semana passada, e felizmente foi fácil achar! Mas vo documentar aqui tambem:

self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"ImagemDeFundo.png"]];

Tenho mais algumas básicas, vou lotar isso daqui na medida em que for terminando meus projetinhos no XCode!

Falows =)

GetYoutubeThumb
É Simples, ele simplesmente recebe como parâmetro o Embed do youtube (aquele código de “incorporar” que eles disponibilizam em cada vídeo), e retorna o endereço do Thumb vindo do servidor do próprio Youtube.

 public string GetYoutubeThumb(string pEmbed)
{
    //"http://www.youtube.com/v/odjXNCLoRlc&hl=pt_BR&fs=1&">
    int indexValue = pEmbed.IndexOf("/v/");
    string strFimValue = string.Empty;
    string codEmbed = string.Empty;
    int indexFimValue = 0;
 
    if (indexValue >= 0 && !string.IsNullOrEmpty(pEmbed))
    {
        strFimValue = pEmbed.Substring(indexValue);
        indexFimValue = strFimValue.IndexOf("&");
        if (indexFimValue != -1)
        {
            codEmbed = pEmbed.Substring(indexValue, indexFimValue);
        }
    }
    return string.Format("http://img.youtube.com/vi/{0}/default.jpg", codEmbed.Replace("/v/", string.Empty));
}

O retorno é algo como:

Outra coisa interessante, é que em vez do “default.jpg” você pode usar um número referente ao quadro do vídeo, como 1.jpg, 2.jpg etc…

E se a string retornar ERRO, então o youtube mesmo retorna uma imagem padrão para isso, como:

Ae é só colocar esta string como src de alguma imagem ou ImageUrl de algum controle de imagem do .net.

GetYoutubeID
Achei esta também, que fiz a muito tempo, pode ser usada em conjunto com o método acima, já que esta remove o ID do vídeo do youtube do embed.

Eu tinha feito ela a muito tempo com REGEX, alguém alterou, e até aonde testei ainda está funcionando, então, vo manter o código.

public string GetYoutubeID(string pEmbed)
{
    //"http://www.youtube.com/v/odjXNCLoRlc&hl=pt_BR&fs=1&">
    int indexValue = pEmbed.IndexOf("/v/");
 
    if (indexValue <= 0)
    {
        indexValue = pEmbed.IndexOf("v=") + 2;
    }
    else
    {
        indexValue = +3;
    }
    string strFimValue = string.Empty;
    string codEmbed = string.Empty;
    int indexFimValue = 0;
 
    if (indexValue >= 0 && !string.IsNullOrEmpty(pEmbed))
    {
        strFimValue = pEmbed.Substring(indexValue);
        indexFimValue = strFimValue.IndexOf("&");
        if (indexFimValue != -1)
        {
            codEmbed = pEmbed.Substring(indexValue, indexFimValue);
        }
    }
    return codEmbed;
}

É só jogar o Embed dentro, ou a url do vídeo, que ele retorna o ID – Fácil e simples assim.

Abraços!