Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

Como os Chineses não têm o que fazer, já piratearam o iPhone, ele é tão malfeito que você precisa de uma caneta para acessar suas funções, vejam no vídeo abaixo:

Com CSS é possível praticamente fazer tudo aquilo que você deseja, até mesmo colocar bordas de imagem em elementos que você deseja, como vocês podem ver nessa screenshot acima, e mediante a propriedade “padding” você define a espessura da borda de imagem. É bem simples, peguem esse CSS como exemplo:

img {
       padding:6px;
       background:url(dotted.gif) repeat;
}

Está pronto, em background você pode utilizar a imagem que desejar, basta ter criatividade. Caso você queira utilizar a imagem da borda desse tutorial, pode baixá-la aqui. Um exemplo desse tutorial você pode ver aqui.

Referências

• Distintos bordes de imagen con CSS
• Dotted Image Border

Não sei se notaram, mais recentemente ando meio ausente aqui do blog, e o motivo já citei acima, isso mesmo, estou trabalhando em uma agência pela primeira vez, para mim está sendo a melhor experiência do mundo, pois tenho certeza que com isso irei aprimorar e muito os meus conhecimentos. Bem, a agência se chama ADBusiness, alguém aqui conhece? Ela é formada por um grupo de 4 agências, que juntas somam quase 300 funcionários. Ela fica localizada próximo a Av. Paulista, perto do Metrô Brigadeiro.

Tudo aconteceu da seguinte forma, eu participo de uma lista de discussão sobre WebStandards, e um funcionário da empresa enviou um e-mail para a lista dizendo que precisavam de um profissional WebStandards, me interessei pela vaga, e enviei o currículo, no mesmo dia fui respondido e chamado para fazer uma entrevista. Fiz a entrevista, eles me deram um teste para fazer, que consistia em desenvolver a home de um site de um projeto deles, coisa básica, não muito difícil, só tive alguns probleminhas com o IE, como sempre ele para atrapalhar, enviei o teste para análise, gostaram, e então fui convidado a trabalhar em conjunto com eles, estou lá desde o dia 02 de maio de 2007.

Logo no primeiro dia de trabalho já fiquei surpreso com uma coisa lá: Ninguém sabia que era possível rodar no mesmo micro, juntos, o IE6 e o IE7, quando eles viram no meu micro os 2 funcionando, a surpresa foi total, agora você me pergunta, como eles faziam para testar o site nesses 2 browsers? Alguns micros tinham o IE6 e outros IE7, então tinham que sair do micro para testar o site, agora isso já é coisa do passado.

Trabalhar em uma agência tem sua vantagens, mas que é cansativo é, e muito, correria o tempo todo, mas no final das contas tudo acaba bem!!!

Lá estava eu dando uma olhada no Orkut, especificamente na comunidade sobre Tableless, aí me deparo com uma discussão meio sem sentido, onde vemos o despreparo do profissional brasileiro:

Todos os comentários contidos nas imagens são de responsabilidade de seus respectivos autores.

No dia 22 de abril de 2006, iria ao ar o primeiro post desse blog, naquela época eu nã sabia nada de webstandards, ainda não sei muita coisa, e esse foi o motivo para colocar esse blog no ar, queria me aprofundar mais no assunto, pois CSS pra mim só servia para retirar o sublinhado dos links. Com isso comecei a estudar muito, ler bastante sobre o assunto, não fiz curso algum para chegar até onde cheguei hoje, e isso é prova de que basta seu esforço se quiser alguma coisa. Desde esse dia, fiz vários amigos, e também inimigos, não pensem que é todo mundo que adora esse blog aqui não, conheci vários blogs interessantes, e hoje estou aqui, servindo algumas vezes como referência para aqueles que estão ingressando no mundo dos WebStandards. Eu só tenho a agradecer a paciência de meus queridos leitores. Espero que continuem acompanhando meu blog, por RSS ou da forma como preferir.

Estatísticas

Veja abaixo algumas estatísticas aqui do blog:

• Número de Posts: 262
• Número de Comentários: 887
• Número de Comentários categorizados como Spam: 9832
• Número de Assinantes do Feed:

E como podem reparar, estou com layout novo, desenvolvido pela equipe do site Storelicious, os caras mandam muito bem no quesito design, já utilizei um layout desenvolvido por um membro da equipe deles, aí depois de um tempo resolvi mudar, e então, o que acharam desse agora?

Recentemente estive pensando em uma forma de ocorrer uma maior “interação” com os usuários desse que diariamente lêem esse blog, e ontem cheguei a conclusão de que a partir de agora, você que tem vontade de escrever sobre WebStandards, HTML, XHTML, CSS, ASP, PHP, Ruby, Receita de bolo, e tudo mais relacionado a Desenvolvimento Web, estarei cedendo o espaço para você publicar aqui seus artigos. Aproveite que essa é a hora de você retirar aquele seu artigo empoeirado da gaveta e mandar aqui pra mim publicá-lo. Mas como nem tudo são flores, algumas regras básicas deverão ser seguidas:

• O tutorial deve estar em formato HTML.
• Imagens ou quaisquer outros arquivos contidos no tutorial devem estar zipados junto com o arquivo HTML.
• O tutorial deve ser enviado para o seguinte e-mail: pedrorogerio@pinceladasdaweb.com.br.

Seguindo essas regras básicas, em no máximo 24 horas seu tutorial será publicado aqui no blog com os devidos créditos dados.

Um set que como próprio título desse post já diz, 50 anúncios bastante interessantes de várias marcas.

Via: Infected-FX.

Lá estava eu fazendo o meu HTML todo correto, utilizando as tags para que elas foram realmente criadas, me chega um camarada e pergunta: Nossa, por que você utiliza isso aí, esse h1? Ué, utilizo para o título do meu site, camarada me fala que é bobeira utilizar isso, é mais fácil utilizar um parágrafo, aliás, funciona do mesmo jeito né, pra que então fazer as coisas corretamente? A cada dia eu me surpreendo com mais e mais gente dizendo isso, desenvolvendo dessa forma, as tags h1 ao h6 foram criadas para serem utilizadas, não estão alí de enfeite. Outrora vejo outro quando vai inserir um JavaScript na página insiste em fazer dessa forma:

<script>
</script>

Pra que fazer da forma correta se da forma acima citada funciona né? Pessoal, vamos porcurar ler mais um pouquinho, estudar mais um pouquinho, não custa nada, lhes garanto que sua curva de aprendizado irá melhorar e muito.

CSSFly é uma ferramenta online onde, além de você poder editar o HTML de qualquer página, pode também editar o CSS e ver as mofdificações em tempo real. Seu funcionamento é muito simples, ele abra um frame na página com o código a ser alterado e as modificações vão acontecendo no outro frame que está o site em tempo real. Se você quer fazer um teste, basta abrir qualquer site(pode testar aqui mesmo), e digitar o seguinte código na barra de endereços:

javascript:what=document.URL; var re2=new RegExp('http:\/\/','g'); what = what.replace(re2,'http://www.cssfly.net/t/');  top.location.href=what;

Ou se prefirir, visite o site e faça as edições por lá.

Meu outro site está de layout novo, um pouquinho mais colorido agora, esse layout foi desenvolvido para a resolução 1024×768, quem usa 800×600 acho que não vai gostar nem um pouquinho por que vai ter uma barra de rolagem na horizontal, mas com a queda dos preços dos monitores de 17¨, creio que a tendência de muita gente daqui pra frente é começar a usar uma resolução maior que 1024×768.

Outra coisa interessante é que estou utilizando também Content Negotiation para servir o XHTML como text/html e application/xhtml+xml, ou seja, em um browser de verdade o XHTML vai ser servido como XML, mas no IE ele é servido como text/html.

Para vocês observarem a evolução do meu site, basta estar olhando as antigas versões:

• Versão 1
• Versão 2

<update 23-02-2007>Tutorial para quem não sabe o que é Content Negotiation</update>