O ABREURL é um serviço para reduzir links, como já devem ter visto tantos por aí, mas tem seu diferencial e mostro a seguir isso.

Um exemplo de como funciona, um link como o a seguir:

http://ego.globo.com/Gente/Noticias/0,,MUL758632-9798,00-SANDY+E+LUCAS+LIMA+SE+CASAM+EM+CAMPINAS+VEJA+AS+FOTOS.html

Se transforma em:

http://abreurl.com/7aA2B7

ou em uma segunda opção:  

http://abreurl.com/2c66BZ

Bom a essa altura já devem ter notado a diferença entre os serviços tradicionais e o ABREURL.

Você pode monetizar seus links através do programa de afiliados do Google, o adsense.Basta inserir a URL, seu código de afiliados, escolher o tipo de publicidade e pronto, recebe uma URL curta e monetizada.

Estou trabalhando para melhorar a relevancia dos anuncios do Adsense que devem melhorar muito ja nos proximos dias.Sintam-se a vontade para testar, criticar, sugerir.

Uma vez instalado o meu Firefox não reconheceu automaticamente nenhuma atualização do Firebug compatível com sua nova versão, se tiver o mesmo problema basta ir na página de extensões do Firefox e baixar a versão 1.2.0b6 do Firebug disponível desde 14 de julho para download.

Firebug 1.2.0b6

Feito isso é voltar para o trabalho.. sai do orkut e vai produzir!

Ou vai pro Yoomp e descubra uma porrada de blog interessantes.

A iniciativa é do Pedro Simonetti, e vem crescendo depois de juntar forças com o projeto que citei antes do GUJ, o JBox.

Na época em que citei a possibilidade de construir um framework brazuca muita gente se interessou e disse querer participar, na realidade até hoje recebo emails cobrando o framework.

Bom, irei juntar meus esforços para ajudar algo que já está muito mais evoluído, espero pelo menos ter tempo para isso, afinal o importante e por o Brasil em um degrau mais alto internacionalmente, e unindo forças com outros desenvolvedores com certeza poderemos fazer algo melhor.

Convido todos a conhecer o JProton, um framework 100% brasileiro que realmente me impressionou e tem tudo para dar certo.

Em tempo, ainda não tive tempo de falar com o Pedro, mas acredito que além da documentação em português dava pra pensar em traduzir para outras linguas também, a comunidade internacional adora novidades.

Eu posso ajudar com Inglês e Italiano

Fiz em Javascript e terminei com 347 caracteres e o código segue abaixo para quem quiser ver:

Comentado:

// Coloca de forma aleatoria o ARRAY e gera aleatoriamente os gols
function c(){
    return Math.floor(Math.random()*6)-1;
}
// Aqui crio uma string, que depois explode com split, vira uma array,
// que mando sortear usando a funcao "c"
t="Itália,França,Alemanha,Portugal,Brasil,Argentina,Inglaterra,Ucrânia,Espanha,
Holanda,Suíça,Suécia,Austrália,México,Uruguai,Gana".split(",").sort(c);

// atalhos para os textos
a = ["Oitavas de f","Quartas de f","Semif","F"];
f = "inal:";

//atalho para usar quebra de linha
q="n";
// iniciando a variavel que guardara todo o texto que sera exibido
// no final
j="";

// um laço para rodar entre todas as etapas
for(i=0;i<4;i++){
    // coloco quebra de linhas, depois o texto indicando
    // que etapa estamos
    // Oitavas, quartas, semi e final
    j+=q+q+a[i]+f;

    // Inicio array temporario
    w=[];

    // Segundo laço para varrer o array, sortear os gols e
    // eliminar os perdedores
    for(o=0;o
        // enquanto os gols nao forem diferentes fica preso no laço
        while((p=c()+1)==(s=c()+1));

        // Poe o resultado e mostra o vencedor de cada jogo, tudo
        // dentro da string
        // e ainda guarda o vencedor no array temporario "w"
         j += q+t[o]+" "+p+" x "+s+" "+t[o+1]+" - "+(w[o/2] = p>s ? t[o] : t[o+1]);
    }
    // passa o valor do array temporario "w" para o principal "t"
    t=w;
}
// Imprime na tela todos os resultados
alert(j+" campeão");

Somente o código:

function c(){
    return Math.floor(Math.random()*6)-1;
}
t="Itália,França,Alemanha,Portugal,Brasil,Argentina,Inglaterra,Ucrânia,Espanha,
olanda,Suíça,Suécia,Austrália,México,Uruguai,Gana".split(",").sort(c);

a = ["Oitavas de f","Quartas de f","Semif","F"];
f = "inal:";

q="n";
j="";
for(i=0;i<4;i++){
    j+=q+q+a[i]+f;

    w=[];

    for(o=0;o
        while((p=c()+1)==(s=c()+1));

         j += q+t[o]+" "+p+" x "+s+" "+t[o+1]+" - "+(w[o/2] = p>s ? t[o] : t[o+1]);
    }
    t=w;
}

alert(j+" campeão");

Loucura total, mas foi muito divertido participar do desafio.

O objetivo desse desafio será avaliar não só o programador, mas também as facilidades de cada linguagem.

Consiste basicamente em formular um código que pega 16 seleçoes de futebol, de nomes fixos e já informados, ordena-las como se fosse uma copa do mundo.
Começando das oitavas de final, fazer essas 16 fazer um jogo e se eliminarem, indo paras quartas, depois semi, e a final.
O código tem que randomizar as oitavas de final, e os resultados das partidas, sendo que os resultados devem conter valor máximo de 5.

Os detalhes de forma exata poder ver no fórum do iEvolution/Webly Fóruns.

Se você sabe programar em qualquer linguagem participe, não ganha nada além do prazer da disputa, mas é muito divertido.

Ganha quem fizer com menor numero de caracteres, caracteres como o $ do php não contam para equilibrar a disputa.

Eu em Javascript estou com um código até agora de 489 caracteres, tem uma boato rondando por la que algum maluco ta rondando os 300 caracteres, deve ser Python.

Entrem no fórum se informem melhor e escrevam ai como esta o andamento de vocês

A sugestão é este site:

ajaxload

Praticamente é um gerador de gifs animados neste estilo que precisamos, em poucos segundos é possível personalizar e montar o seu gif.

Eu usei no script da Galeria de Fotos

Passando somente para escrever sobre as estatísticas disponibilizadas no site da w3c sobre os navegadores mais utilizados ao acessarem seu site mês a mês, porque eu particularmente sou um apaixonados por estatísticas.

Sou péssimo em montar dados estatísticos, mas adoro ver dados, tabelas, gráficos.

No site podemos ver que atualmente como era de se esperar o mais utilizado é o internet explorer, sua versão 6 deteve segundo eles no mês de julho 36.9% de participação, a versão 7 obteve 20.1%, e o IE5 teve ainda 1,5%(quem usa isso ainda?), somando para o Internet Explorer um total de 58,5% dos acessos.
Em segundo lugar vem o firefox com 34,5% dos acessos, seguido de longe por outros navegadores, como o Opera com 1,9%, Safari com 1,5% e Mozilla(Netscape, Gecko), com 1,4%.

Pela tabela apresentada no site deles vide figura abaixo acima, podemos perceber a tendência de queda dos acessos de quem usa IE6 e IE5, obviamente e o aumento de utilizado do IE7 e Firefox, ainda, Safari e Opera, obtiveram um aumento ligeiro.

Ainda no site vemos que 6% dos acessos ao site são realizados com Javascript desativado, ou inexistente no dispositivo, e ainda tem gente que duvida da importância de programar Javascript de forma não obstrutiva, imaginem quando acessos são 6% em um site como esse.

No site ainda mostram estatísticas dos sistemas operacionais, que segue na imagem abaixo:

Vemos que o windows domina plenamente 87,1% dos acessos, seguido pelo Mac com 4% e Linux com 3,4%.

Existem ainda outras informações interessantes para quem quiser ver mais acesse o site clicando no link abaixo:

W3C Stats [EN]

Lembrem-se porém que o site da W3C é normalmente acessado por desenvolvedores, portanto é comum que navegadores alternativos ao Internet Explorer tenham uma audiência acima da média das pessoas “normais”

O post foi meio que um gancho com o próximo que farei onde vou mostrar algumas estatísticas aqui do blog, pra quem gosta, aguarde

Bom final de semana.

Alguém chegou a brincar com o Google Maps por aqui?
Então é muito chato ficar mexendo naquela API deles, ou era, lançaram essa semana uma atualização no serviço que facilitar muito a vida para todos nós.

Para inserir o Google Maps no seu site agora basta seguir os seguintes passos:

• Acessar o Google Maps
• Digitar o endereço desejado na barra de busca no topo
• Clique em Criar link para essa página no topo a direita
• Copiar completamente o código dentro de “Colar HTML para incorporar ao website”
• Por último mas não menos importante, cole o código no html do seu site

tcha rannn (som emotivo)

Pronto seu site já possui um mapa, chega de API, chega de chaves, chega! afinal simples!

O endereço do mapa acima é do meu trabalho, quem quiser me visitar, sinta-se convidado!

Não testei em outros temas, portanto não tenho como garantir que funcione, embora acredite que seja parecido.

O procedimento é simples, procure a pasta do seu template subSilver dentro da pasta do fórum, normalmente o caminho é seuforum/templates/subSilver/.

Dentro desta pasta entre vários arquivos você vai encontrar 2 que nos interessam:

• overall_footer.tpl
• simple_footer.tpl

Baixe estes arquivos para seu computador e os abra com um editor de texto ou HTML normal.

Dentro deles logo acima do </body> insira o código fornecido pelo Google Analytics que deve ser algo como:

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">_uacct = "UA-0000000-1";
urchinTracker();
</script>

Atenção o código acima é apenas um exemplo, para conseguir seu código pessoal deve acessar a pagina do Google Analytics e se cadastrar no serviço.

Logo abri um fórum para podermos trocar idéias informalmente, de forma descontraída, assim quando alguém tiver alguma dúvida mais especifica sintam-se a vontade para utilizar aquele meio.

Sempre passarei pelo fórum, logo, se alguém tem um script no trabalho dando erro, um código que emperrou e não quer andar, posta no fórum, assim tem a possibilidade de qualquer um que frequentar o fórum responder a sua dúvida, o que agiliza muito o processo.

Muitos devem usar orkut para postar dúvidas, eu sinceramente desisti daquilo, tentei muitas vezes ajudar e ser ajudado, mas é patada pra todo lado, e gente que começou ontem se achando o dono do mundo, e fórum deixo aqui uma mensagem, quer ser arrogante, não quer ajudar? acha a pergunta dos outros boba? vai pro orkut

O sistema do fórum é o PHPBB, pois é o que conheço, e o que tinha na hospedagem do meu site pronto para se auto-instalar fui pela praticidade mesmo.

Está em inglês, sinceramente não procurei nada que o passe para português ainda, pretendo procurar, se alguém tiver alguma indicação ou sugestão, como sempre, fique a vontade.

De inicio criei 2 categorias, uma Geral, onde esta um fórum falando sobre o blog, qualquer coisa relacionada ao mesmo, e dentro desta categoria Geral, ainda temos Administração, caso tenha algum recado a passar sobre o fórum especificamente colocarei ali.

A outra categoria é Sobre fazer sites, criei dentro quatro fóruns, Javascript, PHP, CSS, Design.

Pode ser que uma apenas seja usada, que surja necessidade de mais, vamos ver o retorno que teremos, de inicio serão essas, e claro, novamente fica aberto a sugestões.

Bom acho que é isso, espero de verdade que ajude a todos este fórum, espero que seja um sucesso e vá adiante, e conto com a colaboração de todos.

Para acessarem e se cadastrarem no fórum cliquem no link abaixo:

Fórum Fazedor de Site

Bom, a idéia de escrever códigos, e ir postando a evolução me agradou bastante e todos deram um retorno bastante positivo, além de ajudar bastante, então, pensei, porque não pensar um dedinho mais alto, montar um framework? claro algo simples, porque montar algo complexo como prototype, um jquery leva tempo, um tempo que não tenho atualmente, mas algo simples, comentado bonitinho em português, então, resolvi começar algo assim, portanto, esperem novidades para os próximos dias.

Aguardo desde já sugestões, e posteriormente quando tivermos uma base já estabelecida eu passo a galeria para o padrão desse framework, mas ainda deixarei disponível somente a galeria para quem quiser um código mais enxuto e menor.

Vou tentar né, garantia que vai sair algo não temos nenhuma, mas não custa nada, além do tempo.

Mas com os 3 dólares que ganhei até hoje com os links patrocinados do adsense, já estou poupando para minha casa própria… ahahah

Abraços e boa semana a todos!

O Robots.txt nada mais é que um arquivo texto que é lido pelos robôs(bots) dos sistemas de busca como Google, Yahoo…

O que este arquivo de texto faz é informar ao robô quais diretórios e/ou arquivos não deve acessar, fora os diretórios/arquivos informados neste arquivo ele automaticamente pega tudo que tem no seu site, diretórios, sub-diretórios, arquivos.

Caso você não utilize este arquivinho os buscadores indexam o site todo, ou seja, se seu site tiver uma área reservada, intranet, extranet, o que for, sem esse arquivo, tudo isso será indexado, inclusive aquelas informações confidenciais que seu concorrente adoraria saber.

Sem mais delongas, o que deve ser colocado nesse arquivo?

Agora vem um processo muito “complexo”, primeiro devo destacar novamente que devem criar o arquivo exatamente com esse nome:
robots.txt

Não pode ser .html .php nada disso, deve ser exatamente robots.txt, um arquivo texto simples, use o notepad para criar se quiser.
Este arquivo deve ser colocado na raiz do seu site, será a primeira coisa lida pelo robozinho.

Agora alguns exemplos de como escrever esse seu arquivo.

Para que nada no site seja indexado por nenhum mecanismo de busca insira dentro do arquivo texto o seguinte:

User-agent: *
Disallow: /

O * ali indica que todos os buscadores devem obedecer o que vem na linha a seguir.
E o / significa todos os diretórios, e disallow é negar o acesso.
Logo ali estamos dizendo que para todos os buscadores devemos negar o acesso a todos os diretórios.
Pronto, seu site não será indexado.

Bom supondo que tenhamos um diretório chamado “admin” que deve ser bloqueado a todo custo dos buscadores, pois ali guardamos muita informação valiosa, e que não pode de forma alguma cair nas mãos maléficas da concorrência, como proteger esse diretório?
Simples assim:

User-agent: *
Disallow: /admin/ #diretorio bloqueado

O sinal #(tralha), serve como comentário, o que vem após dele não interfere na definição das regras de acesso.

Mas veja bem, na realidade, aquele diretório que bloqueamos tem apenas um arquivo que é importante e altamente secreto, que é o “formula_da_cocacola.doc”, o restante gostaria que fosse indexado.
Perfeito, porque não disse antes? Neste caso vamos bloquear apenas o segredo industrial mais bem guardado do século, e o faremos da seguinte forma:

User-agent: *
Disallow: /admin/formula_da_cocacola.doc #XooOOoo buscadores.


Agora para resumir, caso queira bloquear mais de um arquivo/diretório pode fazer assim:

User-agent: *
Disallow: /admin/ #diretorio bloqueado
Disallow: /intranet/ #diretorio bloqueado
Disallow: /segredos_roubados/formula_da_cocacola.doc #aqui nao, TOP SECRET.

No exemplo acima bloqueamos o acesso completo aos diretórios “admin” e “intranet”, e também ao arquivo “formula_da_cocacola.doc”, que está dentro do diretório “segredos_roubados”, o restante dos arquivos do diretório “segredos_roubados” está livre para ser indexado pelos buscadores.
E para finalizar, caso queira bloquear um determinado arquivo/diretório de apenas um buscador, basta ao invés do * em User-agent, escrever o nome do agente/buscador a ser bloqueado, assim:


User-Agent: Googlebot
Disallow: /admin/ #diretorio bloqueado

Oppsss acabamos de bloquear o acesso do google ao diretório “admin”.

Simples e eficaz.

Boa semana a todos!

A Google, considera o frame “fora dos modelos conceituais da web atual”, declarando no seu centro de assistência ao “Fazedor de Site” :D:
“Se nosso motor de busca determina que a busca de um usuário encontra resultados em uma página na sua totalidade, a página inteira é retornada, ainda se com frames; porém, se a busca encontra resultado no interno de um único frame da página, devolvemos apenas o frame em questão, e não toda a página.”

Portanto acho que podemos entender melhor agora o porquê é desaconselhado, não creio que seja do interesse de alguém que um visitante abra um pedaço apenas da sua página, muitas vezes sem ter o que fazer a partir dali, perdido esse visitante é realmente perdido, vai embora, provavelmente não volta mais.

Mas vejam, desaconselhado não é proibido, o iframe principalmente ainda pode ser útil em algumas situações, como upload de arquivos de forma assíncrona(gmail usa), mas utilizar frames para montar o layout, exibir conteúdo, a menos que queiram perder visitas é altamente desaconselhado.

Mas afinal, alguém ainda usa frames?

Nada mais é que um pequeno programa que captura qualquer cor na tela, quem é webdesigner sabe a importância de uma ferramenta assim, afinal economiza ter que tirar printscreen de uma tela, colar no editor de imagem para poder pegar uma cor de um site que te agrada ou, ainda, para testar se a cor que estamos utilizando em determinado site, é realmente a proposta inicialmente.

Por hora é isso ai.

Existem os agregadores como ja disse que vem integrados nos navegadores modernos, existem os agregadores que podemos baixar da internet, são programas desktop que gerenciam suas assinaturas, alguns clientes de email como Thunderbird também possuem integrado a eles o agregador de feeds, onde o assinante recebe o novo conteúdo diretamente no email, e por fim, existem ainda os agregadores on-line, sites onde cria-se uma conta, e o mesmo guarda todas suas assinaturas.

Para quem não tem navegador com agregador de feeds integrado, ou que prefere algo em separado, seguem alguns agregadores dos mais conhecidos:

On line:
BlogLines
Google Reader

Programas desktop:
Feedreader
SharpReader

Cliente de email com agregador integrado:
Thunderbird

Não quer um programa separado, ou visitar um site para assinar feeds mas seu navegador é velhinho e não possui agregador integrado?

Baixe agora um navegador moderno e divirta-se assinando os feeds de seus sites preferidos:

Firefox
Opera

Conteúdo

Como escrevi algumas linhas acima esta é a camada mais importante de todas, o conteúdo é o que motiva uma pessoa a acessar um site, o site pode ser feio, lento, mas tendo um conteúdo bom, o visitante retorna, claro, tendo um outro site com conteúdo tão bom quanto o primeiro, mas bonito e rápido de acessar o visitante certamente não pensará duas vezes em abandonar o site bom, mas feio.
Logo, o conteúdo é o mais importante, mas o design também conta e muito.
Para desenvolver essa camada você usará linguagens de marcação de hipertexto, como HTML ou XHTML.
Definido o layout, a montagem do seu site deve começar aqui, não é uma regra, seu site não explodirá se usar outra ordem, mas é o aconselhável.
Digo isso porque antes de começar a pensar na parte visual, devemos estruturar a forma como será exibida a informação a fim de evitar misturar as camadas.
Será difícil porque o layout vai ficar na sua cabeça louco para aparecer na tela, mas resista, pense primeiro na estrutura, lembre-se de definir o que é importante no conteúdo com as tags devidas, isso facilita a acessibilidade, usabilidade, indexação nos mecanismos de busca e ainda facilitará a implementação da parte estética do site, da camada de apresentação.

Apresentação

Como o próprio nome diz e vocês devem imaginar, essa camada diz respeito a forma como o site é exibido na tela, é a parte visual, é aqui que vamos definir as propriedades visuais dos elementos da página com o tão famoso CSS
Lembrem-se menos as vezes é mais, e a ordem do dia aqui é simplicidade, muita gente gosta de montar um CSS cheio de código proprietário, como por exemplo o “filter” da Microsoft, lembrem-se que isso afeta a experiência e a acessibilidade do seu visitante.
Hacks não são proibidos, mas não são também recomendados, fuja de todos se possível, se não for, use o mínimo, prefira os comentários condicionais para carregar um css a parte do principal somente com os ajustes.
Fuja da coceirinha, é, quem nunca durante a montagem do HTML não sentiu coçar a mão para definir alguma propriedade do elemento diretamente nas tags html, parecia tão mais simples, tão fácil, até se lembrar que um dia aquilo vai precisar de atualização, não misture as camadas, o html diz respeito somente a camada de conteúdo, caso contrário você certamente no futuro se perderá no próprio código.

Comportamento

Muita gente adora essa camada, é a parte das ditas “frescuras”, aqui a linguagem normalmente utilizada é Javascript interagindo com o esqueleto do site, com o HTML, com a árvore de elementos do HTML, para os íntimos simplesmente DOM.
Essa camada tem má fama pelo uso exagerado por parte de alguns desenvolvedores dos recursos que oferece, é também por ser a única das 3 camadas dispensável, seu site pode tranquilamente viver sem ela
Um exemplo de código javascript que interage com a DOM:

document.getElementById(id)

Esse código seleciona algum elemento da árvore DOM para ser manipulado.
Nesta camada que surgem efeitos muito vistos em alguns sites, como o esmaecimento de textos, imagens que somem, aparecem, que mudam de lugar, validação de formulários, a sugestão aqui é o bom senso como sempre.
Essa camada é importante por melhorar a forma de interagir como o visitante do site, mas os recursos usados em excesso ou de forma errada, podem afetar a acessibilidade e a boa experiência do usuário.

Para finalizar, não esqueça o principal, teste no maior número possível de browsers o seu site, garanta a acessibilidade do mesmo e a felicidade do seu visitante, tem coisa mais chata do que entrar em um site escrito:

Melhor visualizado na resolução 800×600, com Internet Explorer, monitor Samsung, e sentado inclinado ligeiramente a direita.

Hoje uma mensagem dessas pega muito mal, mas seja sincero, quem aí que desenvolvia no tempo das trevas da internet nunca usou esse recurso extremamente agradável.