Promoção – Ganhe 15% de desconto para comprar Livros no Submarino – Clique aqui e Participe!

Novos Artigos:

Até onde vai o AJAX?

Livros sobre desenvolvimento web

1º Encontro Brasileiro de Arquitetura da Informação

Entrei na blogosfera há pouco tempo atrás e já estou tendo algum retorno, principalmente com os programas de afiliados. No começo, não pensava em escrever em um blog para gerar lucros, apenas senti vontade de experimentar essa mania compartilhar conhecimentos que envolvem todo o planeta. Mas, não posso negar que a possibilidade de gerar algum retorno aliado com o prazer de escrever não é nada mal. Dá até pra pagar a hospedagem do blog sem tirar nada do meu bolso. Nada mais justo não é mesmo?! =D

Compartilhando um pouco das estatísticas do Webnatal com vocês, irei mostrar os meus primeiros lucros com o “Programa de Afiliados Submarino”.A partir desse blog, foram vendidos os livros “Design para Internet:Projetando a experiência perfeita – Felipe Memória”, “Não me faça pensar – Steve Krug” e “Criando páginas Web com CSS(Uma tradução do famoso CSS Mastery)”. E ainda um “Colar com Pingente de Coração Vazado Banhado a Ouro”, o que se faz engraçado, pois o blog é voltado para profissionais da área web, mas acabei ganhando alguns trocados com isso. Apesar das vendas serem pequenas, este artigo serve para demonstrar como funciona o mecanismo de afiliados de um dos maiores sites de comércio eletrônico do Brasil.

Abaixo uma figura que ilustra a quantidade de clicks que o Webnatal gerou para o Submarino no mês de Junho, chamado “Relatório de Acesso”.

O Submarino também disponibiliza um relatório de todos os pedidos que foi gerado, independentemente de já terem sido pagos pelo usuário ou não. Veja abaixo o “Relatório de Pedidos”:

Já no “Relatório de Vendas” você tem acesso à todas as compras que já foram faturado e ficar ciente da comissão que elas geraram para o seu bolso. Veja a imagem abaixo:

Lembrando ainda que, o percentual da comissão que lhe será concedida é calculado de acordo com cada categoria de produtos. Veja:

Por enquanto ainda não recebi nenhum pagamento, pois o mesmo só é efetivado quando se atinge uma cota mínima equivalente a R$50,00. E detalhe, se você não conseguir atingir uma cota de R$50, o sistema cancela o código do afiliado que não alcançar esse patamar mínimo em até 6 meses. Espero conseguir! =D

Se você deseja se cadastrar no Programa de Afiliados Submarino, é só acessar http://www.submarino.com.br/afiliados e efetuar seu cadastro. A Equipe do Submarino vai fazer uma análise do seu site e logo em seguida enviará uma confirmação para que você possa começar a vender.

São 25 lojas com cerca de 700 mil produtos dentro do seu site. A imagem do seu negócio será vinculada a um dos melhores sites de comércio eletrônico do Brasil.

Hoje, dia 14 de Junho de 2007, estou completando meus 20 anos de idade. E nesse dia tão especial desejo, não só para mim, mas também para todos os seres humanos muita paz, saúde, fé e convicção, para que todos nós, juntos, possamos fazer um mundo melhor. Apesar de o aniversário ser meu, gostaria de agradecer a todas as pessoas que vêem me dando apoio. Em casa, no trabalho, na faculdade, e em todos os locais no qual socializo um pouco. Minha Mãe, minha avó, meu irmão, amigos, colegas, conhecidos.

Agradeço todos os dias à papai do céu por ser um pessoa privilegiada, não só porque ele me deu a condição de ter “condição”, mas por todas as possibilidades que ele me propôs, por toda essa luz radiante que me ajuda a cavalgar por caminhos ainda não traçados. Espero continuar com muita saúde, e só assim, continuar a minha trilha com dias sempre melhores, noites mais tranqüilas, pensamentos pilados. Sem nunca perder a única capacidade com a qual todos os seres humanos nascem, a capacidade de SONHAR.

Aproveitando, gostaria de pedir desculpas aos meus fiéis leitores, pois ultimamente minha vida está um pouco corrida. Final de semestre na faculdade cheio de trabalhos e provas, e muitas decisões que estou tendo que tomar ultimamente. Afinal de contas, completo 20 anos, e já é hora de mudar de vida né?! Mas prometo que a medida que estiver sobrando um tempinho, postarei muitas novidades interessantes, e até alguns resultados que venho tendo com esse novo Blog.

Sem esquecer, Parabénssss pra mimmmm =DDDDDDDDDDDDDDD

Acesse o novo blog do Webnatal – http://www.webnatal.com/blog

Hoje venho aqui pra falar um pouco sobre a história da linguagem que é lembrada por muitos, como o futuro da formatação do design de páginas para web. O CSS. E oque é verdade, e não há oque se costestar em relação a capacidade e facilidade que ela vem nos trazendo no dia-a-dia. Não preciso falar, agora, nas qualidades que o css nos trás, né mesmo?

A História do CSS

O Primeiro código CSS foi proposto por um cara chamado Hakon Lie em Outubro de 1994. Logo depois, em 1995, foi criado um workshop e com isso surgiu a W3C. Um ano se passou e o CSS1 começou a ser recomendado, exatamente em 1997. Muitos trabalhos e estudos foram feitos em cima do CSS1 e em meados de 1998, mas precisamente em Maio, o CSS2 tornou-se uma linguagem de marcação recomendada pela W3C.

Desde então, apenas esboços foram apresentados como módulos em Junho de 1999.
Reparem só na data, JUNHO DE 1999. Bastante tempo, Não acham? Entretanto, os browser da Mozilla, o Firefox 3, vem sendo trabalho com base no CSS3. Vamos esperar para ver? se você já fez o teste com o novo FF3, deixe um comentário contando sua experiência.

Andei dando uma olhada nos slides da palestra do Andy Budd, e dentre alguma informações, pude constatar que o CSS3 trará muitas novidades que com certeza irão resolver muitos dos nossos problemas atuais.

Abaixo segue as novidades do CSS3 apresentada por Andy Budd em uma de suas apresentações.

- Seletores de atribuição:

Com eles, você poderá adicionar links dentro dos próprios seletores da tag de link(), e até mesmo colocar um mailto para atribuir emails à links.

Ex:

a[href^="mailto:"] {
background-image: url(email.gif);
}

a[href$=".pdf"] {
background-image: url(pdf.gif);
}

- Estilizar links externos:

Ex:

a[href^="http:"] {
background: url(images/externalLink.gif) no-repeat
right top;
padding-right: 10px;
}

a[href^="http://www.yoursite.com"],
a[href^="http:yoursite.com"] {
background-image: none;
padding-right: 0;
}

- Alguns novos seletores CSS3 interessantes:

Ex.:

::selection { background: yellow;} /* Faz uma seleção em todos os textos amarelos que houver */

#menu a:after { content:” 0BB”;} /* adiciona um caractere( “»” ) depois de todos os links de um menu */ – Isso facilitará muito para o pessoal que sempre visa um maior usabilidade no site. Segundo o Livro de Felipe Memória(Design para internet – Projetando a Experiência Perfeita), o qual eu li, explica que esse tipo de símbolo ajuda a mostrar para usuários menos experientes que essa palavra(com o caractere “»” ) o leva para outra página.

input:enabled { background: #999;} /* todos os inputs ativos ficam verde escuro */

input:disabled { background: #ccc;} /* os inputs inativos ficam cinza claro */

input:checked { background: #39c;} /* os inputs marcados ficam azul */

#menu li:last-child { border-bottom: none;} /* remove a borda inferior do ultimo elemento de uma lista */ O que nos economiza o trabalho de criar uma classe especial, só para tirar a borda de baixo do último elemento.

- Múltiplos backgrounds:

Ex:

Headline

Content

.box {
-webkit-border-image: url(images/corners.gif) 25% 25% 25% 25% / 25px round round;
}

Esse novo seletor é uma mão na roda, excluindo o nosso trabalho de ter que ficar importando várias figuras com bordas arredondas para poder conseguir o efeito nas caixas ou divs.

- Efeito Shadow nos textos:

Ex:

h1 {
text-shadow: 4px 4px 5px #999;
}

Se você é daqueles que gosta de ficar colocando o efeito shadow nos títulos das notícias, artigos, ou afins. Com o CSS3 os seus problemas acabaram.

resultado:

- Efeito Shadow nas caixas:

.box {
-webkit-box-shadow: 4px 4px 8px #444;
-moz-box-shadow: 4px 4px 8px #444;
box-shadow: 4px 4px 8px #444;
}

resultado:

- Efeito Opacidade:

.alert {
background-color: #000;
opacity: 0.8;
filter: alpha(opacity=50); /*proprietary IE code*/
}

resultado:

- Múltiplas colunas:

#content {
-moz-column-count: 2;
-moz-column-gap: 2em;
-webkit-column-count: 2;
-webkit-column-gap: 2em;
column-count: 2;
column-gap: 2em;
}

Para quem, por exemplo, criava duas divs para poder fazer um layout com duas colunas. Essse novo seletor veio para facilitar um pouco mais nossas vidas. Com ele, você pode escolher quantas colunas quer adicionar em uma determinada div, qual o espaço que você quer entre uma e outra, espaço entre o texto, etc.

resultado:

Todas as imagens e textos forão extraídas e traduzidos do site do Andy Budd

Link para a apresentação: http://www.andybudd.com/presentations/css3/CSS3.pdf

Antes, não deixem de acessar o Novo Blog do Webnatal, que breve será migrado totalmente – http://www.webnatal.com/blog

Dando uma checada em meus Feeds(faço isso diariamente). Encontrei um post interessantíssimo do Pedro Rogério(Pinceladas da Web) fazendo referência ao Colour Lovers, um site que disponibiliza várias combinações de cores, em forma de paleta, muito útil para desenvolvedores web.

O Site agora traz para você, uma coleção de Paleta de Cores baseadas em borboletas. É belissímo. Não deixe de visitar.

18 Paleta de Cores baseadas em Borboletas.

Como o próprio Pedro já falou, se você está pensando em dar uma inovada em seu site/blog, ou está com algum projeto novo para desenvolver. Que tal dar um passada lá, e inspirar-se no mundo de cores exuberantes, que só a natureza pode oferecer.

Palavras relacionadas: cores, design, paleta, borboleta, site, blog, projetos, feeds, web, desenvolvedor, colour, lovers.

Antes, não deixem de acessar o Novo Blog do Webnatal, que breve será migrado totalmente – http://www.webnatal.com/blog

Há pouco tempo foi lançado a mais nova revista destinada à programadores e interessados na área de TI no geral. A RevistaWEB.net

A Revista é completamenta gratuita, e será publicada mensalmente. Basta efetuar um cadastro rápido no site http://www.revistaweb.net e fazer o download do material. Dei uma olhada por cima, e gostei muito do conteúdo proposto. Torço muito por esse tipo de iniciativa, e espero que o projeto continue. irei acompanhar e postarei mais detalhes no decorrer das publicações. Vale a pena conferir o conteúdo!

Em sua primeira edição, a RevistaWEB.net trás conceitos básicos de entendimento para VoIP, PHP, Padrões WEB e informações necessarias antes de abrir sua loja virtual. Vale a pena conferir essa primeira edição de muitas que estão por vir.

Conteúdo da primeira edição:
- VoIP, que coisa é essa?
- Montando sua loja virtual
- Introdução à PHP
- Web Standards

Antes de tudo, não deixem de acessar o Novo Blog do Webnatal – http://www.webnatal.com/blog

Navegando pela rede, encontrei um vídeo, que apesar de ser em inglês(ou você começa loga a aprender essa lingua, ou considere-se fora do mercado), é interessantíssimo. O Vídeo mostra, de forma criativa, n razões para você usar o webmail do Google. Confira o vídeo ao final do post. Vale a pena.

Eu particularmente já uso o Gmail a quase 2 anos. E nunca tive problema algum. Super rápido e fácil de usar. Jamais tive algum motivo para cancelar minha conta, ao contrário do Thiago Mobilon(TecnoBlog), que quis desistir do seu Hotmail, e que quando foi fazer essa operação, nem ao menos conseguiu deletar sua conta. Em seu blog, ele “desafia” você a tentar apagar sua conta do Hotmail em menos de 10 Minutos.

“Desafio qualquer um que consiga fazê-lo em menos de 10 minutos (quem já tentou, ou já conseguiu sabe do que estou falando)!”

E claro, o Thiago dá a dica de como finalizar a sua conta do Hotmail.

Pessoal, é com muito orgulho que venho aqui anunciar o novo blog da comunidade Webnatal.

http://www.webnatal.com  – Novo Blog do WebNatal

Não deixem de assinar o Feeds do novo Blog

É verdade que o layout ainda está apresentando alguns problemas no Internet Explorer, mas isso será corrigido assim que eu tiver um tempinho. Fora isso, não há mais nada que possa interromper a experiência dos visitantes no site.

O Blog foi todo adaptado para a plataforma do WordPress, devido a necessidade de instalar novas funcionalidades(coisa que o wordpress.com não permite) tive que fazer essa mudança.

Gostaria de agrendecer a alguns colegas que me incentivaram e me ajudaram a migrar o blog para essa nova plataforma. Primeiramente o Lucas(About:Blank), um cara que me passou total segurança e me deu total apoio nas tarefas que precisavam ser executas para que o processo de migração do blog fosse executada. Outro que me ajudou e vem me ajudando bastante é o Thiago Arraes, me dando dicas de plugins e de como proceder para melhorar a estrutura do design.

Outros Blogueiros também tem me ajudado bastante, possibilitando a troca constante de experiência:

Doufer
Mario Nery
TechBits
Aguinelo Pedroso
Leandro Vieira

Visite o novo Blog da Comunidade Webnatal – http://www.webnatal.com

No dia 16 de Junho de 2007 haverá o 13º encontro de Webdesign, promovido pela Arteccom. O pessoal de Natal-RN que estiver interessado em participar do evento, entrar em contato pelo seguinte telefone: 9111.8795. Falar com Yalli.

Estaremos reunindo uma galera e iremos alugar um micro-ônibus.

Sobre o Evento:

A programação é voltada para designers, programadores, jornalistas, publicitários, empresários, estudantes e quem trabalha ou se interessa por web. Hoje, considerado o maior evento da área, o Encontro tornou-se uma referência: reúne anualmente quase dois mil profissionais com o objetivo de trocar informações sobre o potencial da internet e a importância do design neste meio.

Programação do Evento em Recife-PE:

Recife – 16 de junho – Sábado