Inserindo Flash válido em XHTML Strict

Julho 28, 2009 at 4:47 pm · Categorias: Dicas XHTML/ CSS

Depois de muito tempo, precisei de um código validado para inserir um arquivo .swf num site. Dei uma rápida pesquisada no oráculo e encontrei a seguinte solução que funcionou muito bem (até onde testei):

<object type=”application/x-shockwave-flash” data=”flash/banner.swf” width=”288″ height=”128″>
<param name=”movie” value=”imagebs/banner.swf” />
<img src=”imagens/banner.gif” width=”288″ height=”128″ title=”Title da Imagem” alt=”banner” />
</object>

Segundo o site onde peguei o código, o código foi testado e funciona no IE 5.01, 5.5, 6.0, Firefox, Opera e Konqueror; além de ser validado no XHTML Strict.

Compartilhe!

Comentários (10) - Gostou do post? Envie para seu amigo

O que não fazer em mídias sociais

Julho 23, 2009 at 10:30 am · Categorias: Internet

Outro dia estive precisando dos slides de uma palestra da agência ds|one sobre o que não deve ser feito nas mídias sociais.

A palestra mostra 6 fail cases de ações de marketing na web 2.0, são ações para grandes marcas como Bis - Lacta, Skol e Nike. Segue os slides:

Palestra “O que não fazer em Mídia Sociais”

Vale a pena adicionar a palestra no seu delicious, nunca se sabe quando será útil para mostrar pra alguém que não entende nada de mídias sociais e não leva muita fé no seu conhecimento porque você só tem 21 anos.

*Update
Não sei porque mas a agência ds|one deletou a conta deles no Slideshare, a apresentação foi apagada junto. Merecem até um nofollow no link pra eles…

*Update²
Parece que eles criaram outra conta no slideshare, achei lá os slides.

Compartilhe!

Comentários (4) - Gostou do post? Envie para seu amigo

Plugin para WordPress: Post Editor Buttons

Julho 17, 2009 at 12:00 pm · Categorias: Plugins, Wordpress

O plugin Post Editor Buttons permite algo muito simples mas que facilita muito a vida de quem usa o WordPress, ele permite que você crie e adicione botões no editor de texto WYSIWYG do WP.

Algumas idéias de uso para o plugin:

• botões com tags que não existem no editor de texto;
• botões com tag já definida com alguma classe específica de CSS;
• botão de h2 ou h3, o que você usar com maior frequência  pra não ter que ficar selecionando no select;
• um botão para inserir um código grande que você usa frequentemente nos posts;
• botões com diferentes códigos para inserir banners de propagandas ao final do post.

Essas são algumas das idéias que tive para usar esse plugin, lembrem-se sempre que escrever esses códigos na mão é muito fácil para quem é programador, porém, para o seu cliente não deve ser uma tarefa fácil.

Quem tiver mais alguma idéia, comenta aí que a gente agradece =D

Compartilhe!

Comentários (1) - Gostou do post? Envie para seu amigo

Bordas arredondadas via CSS3

Julho 13, 2009 at 7:23 pm · Categorias: Dicas XHTML/ CSS

Há muito tempo os desenvolvedores já vêm dando um jeitinho (POG) de utilizar bordas arredondadas em suas DIVs, tabelas, etc. Existem soluções via jQuery e várias outras gambiarras via CSS para se utilizar bordas arredondadas.

Porém todas eram justamente isso: gambiarras. O CSS3 trará trouxe uma nova propriedade justamente para acabar com essas gambiarras, a border-radius.

Atualmente, essa propriedade só está funcionando nos navegadores que utilizam as engines Gecko (Firefox) e Webkit (Safari e Google Chrome). Veja um exemplo abaixo:

Só quem estiver utilizando o Firefox ou o Safari 3 conseguirão ver as bordas arredondadas nesta div.

Poucos navegadores a estão implementando pois a versão 3 do CSS ainda não foi finalizada, por isso a propriedade em si border-radius não funcionará em navegador algum. Para que ela funcione no Firefox, você deverá utilizar: -moz-border-radius, para funcionar em navegadores com a engine webkit: -webkit-border-radius.

Mas não se preocupe, os outros navegadores simplesmente ignoram essa propriedade caso não a possam renderizar, então você pode utilizá-la tranquilamente, perdendo apenas parte do visual nos navegadores mais antigos.

A propriedade permite que você especifique o quão arredondada você quer que a borda do elemento seja, inclusive especificando um valor diferente para cada canto do elemento, veja o exemplo abaixo e seu respectivo código:

Só quem estiver utilizando o Firefox ou o Safari 3 conseguirão ver as bordas arredondadas nesta div.

<p style=”border: 1px solid #000000; padding: 10px; background-color: #bfe4ff; -moz-border-radius: 10px 5px 0 10px; -webkit-border-radius: 10px 5px 0 10px;”> Só quem estiver utilizando o Firefox ou o Safari 3 conseguirão ver as bordas arredondadas nesta div.</p>

Compartilhe!

Comentários (6) - Gostou do post? Envie para seu amigo

Joomla Day Brasil 2009 no RJ

Julho 8, 2009 at 12:39 pm · Categorias: Eventos

Acho que a maioria dos meus leitores sabe que eu sou fã do WordPress e alguns poucos devem saber também que não vou com a cara do Joomla. O que é algo pessoal pois ele é um ótimo CMS para alguns trabalhos (apesar de pecar em usabilidade =p).

Mas chega de offtopic, vim aqui ajudar a divulgar o Joomla!Day Brasil 2009 que nesse ano ocorrerá dia 12 de setembro no RJ. O Joomla Day é promovido pelas comunidades do mundo inteiro, aqui no Brasil o evento vem ocorrendo desde 2007 e tem como intuito discutir e trocar experiências, além de disseminar conhecimentos sobre o uso e desenvolvimento deste CMS.

A programação do evento ainda não está fechada mas destaco logo que o evento deste ano promete pois terá até um representante do Core do Joomla!

Apesar de não ser um evento com fins lucrativos, a inscrição não é gratuita pois existem gastos com o local, hospedagem e passagem dos palestrantes, etc. O ingresso está custando R$ 63 até o dia 25/07 e depois passará a custar R$ 83.

Compartilhe!

Comentários - Gostou do post? Envie para seu amigo