Arquivos Mensais:janeiro 2007

Ação de marketing do Banco do Brasil. Brilhante idéia e má execução?

Publicado em por

[update date="01-10-2007"]
Estou atualizando este post para fazer um breve observação a respeito da nova imagem disponibilizada na home do Banco do Brasil. Veja:

Imagem bem sacada e disponibilizada na home do Banco do Brasil

agora sim, bela imagem e ótima sacada.
[/update]

O Banco do Brasil realizou hoje uma brilhante ação de marketing com a intenção de personalizar o site do banco. Mas tal ação pode ser compreendia de forma ambígua pelos clientes da referida instituição. Como aconteceu comigo quando li a respeito.

A compreensão ambígua é gerada por que quando me deparo com a seguinte imagem na página inicial do banco:

BB - Banco do Bruno

Logo me pergunto: o que é isso? Um novo banco está surgindo? O Banco do Brasil mudou de nome? Quem é esse bruno? A última coisa que penso é uma personalização.

Em busca de uma resposta, logo penso em um Defacement ou em uma ação de marketing que visa personalizar a página inicial do Banco do Brasil. Ora, mas por que Bruno (nada contra os Brunos) e não Leandro?

Agora, se um cliente se depara com uma imagem como a seguinte:

BB - Banco do Ricardo

a “coisa” começa a ficar mais clara, uma vez que estou logado no sistema do banco e tenho todos os meus dados ali armazenados; sendo assim tal personalização é mais aceitável.

Na minha opinião, essa sacada foi brilhante e como o Cardoso citou no Meio Bit a matéria da Time sobre a Personalidade do Ano (Você!) pode ter sido uma grande influenciadora. Mas considero que tal ação não foi bem executada pelo fato de sua interpretação ter sido ambígua, como falei anteriormente .

E se essa discussão foi um Defacement ou uma ação de Marketing vai gerar uma boa polêmica e discussão a respeito.

Nota: as imagens utilizadas neste post foram retiradas do Meio Bit e do Blog do Michelazzo; ambos citados neste post.

Publicado em Sem categoria | Marcado com

Gerenciador de tags em campos de formulários

Publicado em por

Desenvolvi uma solução em JavaScript que gerencia as tags em um campo de formulário de acordo com as configurações informadas pelo utilizador dessa solução.

Com o advento da web 2.0 tornou-se muito comum categorizar artigos, por exemplo, através de tags (rótulos). Cada aplicativo que utiliza esse tipo de categorização separa as tags através de espaços, outros com vírgulas (minha preferência), entre outros separadores. Alguns limitam a quantidade de tags durante o ato de categorizar, outros não.

A solução abaixo foi desenvolvida com base nessas divergências e por isso permite ser customizada de acordo com a característica da aplicação em que esta solução for utilizada.

/**
 * w3_manager_tags (0.1) - 02/01/2007
 * Leandro Vieira Pinho
 * Localize-me. Blog: [ http://leandro.w3invent.com.br ], E-mail leandro[at]w3invent[dot]com[dot]br
 */
var w3_manager_tags = {
	// Configuração
	objFieldId: 'id_do_campo', // ID do campo onde as tags serão digitadas
	strSpliter: ',', // Separador desejado para as tags. Ex. , (vírgula) |  (espaço) | ; (ponto e vírgula)
	intTotalTagsMax: 5, // Total máximo de tags permitido
	boolShowAlert: true, // Exibir ou não um alerta, caso exceda o total de tags
	strMessage: 'Utilize no máximo 5 (cinco) tags.', // Mensagem a ser exibida
	start: function() {
		var objField = this.$(this.objFieldId);
		objField.onkeyup = function() {
			w3_manager_tags.manager(this.value);
		};
	},
	manager: function(strTagsParam) {
		var arrTags = strTagsParam.split(this.strSpliter);
		var intTotalTags = arrTags.length;
		if ( intTotalTags > this.intTotalTagsMax ) {
			var strTagsInValue = "";
			for ( var i = 0; i < this.intTotalTagsMax; i++ ) {
				strTagsInValue = strTagsInValue + arrTags[i] + this.strSpliter;
			}
			this.$(this.objFieldId).value = strTagsInValue.substring(0,(strTagsInValue.length - 1));
			if ( this.boolShowAlert ) {
				alert(this.strMessage);
			}
		}
	},
	$: function(strObjId) {
		return document.getElementById(strObjId);
	}
};

O script está auto-explicativo, bem como os itens a serem configurados. Se tiver alguma dúvida ou sugestão, comente.

“Novas” regras CSS para o Internet Explorer 7 – Child Selector

Publicado em por

Com o lançamento do Internet Explorer 7, temos a nova disposição “novas” regras CSS que utilizaremos sem a preocupação, se o IE irá interpretá-las ou não. Essas “novas” regras possibilitarão ao desenvolvedor/designer um controle maior sobre os elementos HTML.

Com esse feito – um controle maior sobre os elementos HTML – evitamos a classite (falarei sobre ela em um outro post), ou seja, o uso excessivo de classes desnecessárias; bem como os ids. Então, vamos conhecer as “novas” regras CSS para o Internet Explorer 7:

Child Selector

O que é um child Selector?

É um tipo de regra CSS destinado aos filhos de um determinado elemento. Isto é, a regra CSS será aplicada somente aos filhos de um elemento HTML e não em seu neto, por exemplo.

Um exemplo de child Selector

Para clarear melhor a explicação sobre o que é um child selector, imagine o seguinte cenário:

<body>
<div>div filha 1 <div>div neta 1</div></div>
<div>div filha 2 </div>
</body>

E esta regra CSS:

body div {
padding: 20px;
}

Ou seja, todas as tags div do documento terão um padding de 20px. Não importando se ela é filha, neta ou bisneta da tag body. Agora, se utilizarmos a seguinte regra CSS:

body>div{
padding: 20px;
}

Somente as tags div filhas que receberão tal regra.

Com esse recurso não há aquela necessidade de adicionar à determinada tag uma classe ou um id; e com isso atribuir a regra CSS à classe ou id determinado.

Os child selectors foi (e ainda é em alguns sites) muito utilizado como um hack para esconder regras CSS do IE. Mas, no Internet Explorer 7 isto não acontecerá mais, uma vez que ele finalmente interpretará os child selector.

Se houver necessidade de esconder uma determinada regra CSS do IE 7; podemos utilizar um comentário vazio após o sinal de maior que da seguinte maneira:

body>/***/body .alguma_classe {
...
}

A regra CSS acima será ignorada pelo Internet Explorer 7 e sinceramente não sei o motivo. Alguém sabe? Comente aí :)