Author Archive

Função para criar breadCrumbs

Monday, April 9th, 2007

Desenvolvi uma função que facilita a criação de breadCrumbs. Veja como utilizá-la:

echo build_bread_crumbs(array('Home','Produtos','Produtos da categoria XXX'),array('/','/produtos/',''));

Observe que o último item do array no segundo parâmetro foi passo como vazio, com isso, o último item da lista do breadCrumbs não terá um link.

O código da função:

/**
 * Função para criar breadCrumbs
 * @autor Leandro Vieira Pinho [http://leandro.w3invent.com.br]
 * @version 1.0
 * @created sábado, 8 de abril de 2007
 * @param $arrTetxt array informe os textos dos links
 * @param $arrLinks array informe o link para os textos
 * @param $strMessageBreadCrumb string mensagem inicial do breadCrumb
 */
function build_bread_crumbs($arrText = array(), $arrLinks = array(), $strMessageBreadCrumb = 'Você está aqui:') {
	$strHtml  = '';
	$strHtml .= "<div id=\"bread-crumbs\">\n";
	$strHtml .= "\t<ul>\n";
	$strHtml .= "\t\t<li><strong>$strMessageBreadCrumb</strong></li>\n";
	$i = 0;
	foreach ( $arrText as $text ) {
	if ( $arrLinks[$i] != '' ) {
	$strHtml .= "\t\t<li><a href=\"$arrLinks[$i]\">$text</a></li>\n";
	} else {
	$strHtml .= "\t\t<li>» $text</li>\n";
	}
	$i++;
	}
	$strHtml .= "\t</ul>\n";
	$strHtml .= "</div><!-- / bread-crumbs -->";
	return $strHtml;
}

Talvez seja útil para mais alguém.

Atenção: atente-se aos “n” e “t” que na verdade são “\n” e “\t”;

As novas funcionalidades do Dreamweaver CS3

Friday, March 30th, 2007

Foi publicado ontem no iMasters meu artigo sobre as novas funcionalidades do Dreamweaver CS3.

Para quem ainda não sabe, no Dia 27 de março de 2007, a Adobe lançou a Creative Suite 3. Entre os integrantes dessa novidade, está a nova versão do Dreamweaver: o Adobe Dreamweaver CS3. E no artigo, As novas funcionalidades do Dreamweaver CS3, pretendo lhe contar as novas funcionalidades que foram adicionadas a essa versão.

Revista iMasters

Thursday, March 29th, 2007

Ontem, dia 28 de Março, foi lançado a Revista iMasters. Agora, teremos o melhor conteúdo sobre TI na mídia off-line.

A matéria de capa da primeira edição é um estudo completo sobre a história dos blogs e um bate papo especial com 3 dos maiores blogueiros do Brasil (quem serão eles?). Na seção Equipe, os editores da revista apresentam a estrutura da 10´Minutos do Michel Lent. Na seção Bastidores, há todas as etapas e os bastidores do magnífico projeto Skol Copa, criado pela F/nazca.

A seção Usabilidade traz um excelente guia sobre formatação CSS, com um belíssimo infográfico onde divide a mesma em duas dimensões: a textual (o código) e a visual (os efeitos dos códigos), matéria do Frederick Van Asmtel. E sobre Arquitetura da Informação, Mauro Amaral, do Carreirasolo.org, explica como a arquitetura da Informação pode auxiliar nos novos desafios web.

A revista também discute a polêmica questão: “O Google vai dominar o mundo?”. Além de realizar uma entrevista com Fábio Seixas, do Camiseteria.com. Há também uma excelente matéria sobre Representação de Mídia.

Bom, a revista tem apenas 4.000 exemplares, que são vendidos nas melhores bancas e livrarias do Brasil. Ela terá uma periodicidade trimestral e é vendida pelo preço de R$12,00, através da internet (iMasters e TISHOP), livrarias e bancas diferenciadas. Então, caro leitor, corra e garanta a sua antes que acabe; por que a minha já está comigo.

E se você deseja receber a Revista iMasters em casa, sem se preocupar em ir nas bancas, ou correr o risco de não encontrar exemplares, faça sua assinatura on-line (por 6 x R$7,30 ou R$ 44,00 à vista) e ganhe um brinde. Qual, veja lá no site da revista.

Spry framework e Dreamweaver CS3

Monday, March 19th, 2007

A nova versão do Dreamweaver, a CS3, terá suporte ao Ajax. E tal suporte será feito com foco no Spry framework.

Spry é um framework client-side em forma de bibliotecas JavaScript; o que significa dizer que não só o Dreamweaver poderá utilizá-lo, mas qualquer outro editor HTML.

A única requisição para se trabalhar com o Spry é a utilização da XML. E vários exemplos do que pode ser feito com esse framework pode ser conferida no Spry Demos.

Particularmente, não gostei muito da forma de utilização do Spry, não achei tão simples como prometiam. Mas, o pior de tudo é a utilização de atributos proprietários nas tags HTML. Resultando em JavaScript obstrutivo e inacessível e na invalidação da página.

Cheguei a pensar no seguinte, se o Dreamweaver valida a marcação utilizada nas páginas, informando o erro encontrado e tal. Será que ele alertará quanto a marcação proprietária do Spry?

É esperar para ver, por enquanto, o Spry ainda se encontra na versão BETA, e tomara que eles mudam a forma como ele é utilizado.

E você, o que acha do Spry?

Confirmado o lançamento da Adobe Creative Suite 3 em 27 de março

Tuesday, March 6th, 2007

Na manhã de 5 de março de 2007, a Adobe confirmou o seu plano em lançar a Adobe Creative Suite 3 em um evento especial que acontecerá em New York.

A intenção da Adobe é que o dia 27 de março seja conhecido como o maior lançamento de software nos 25 anos de história da empresa.

O esperado nesse pacote é o Dreamweaver CS3 que substituirá o GoLive e o Fireworks CS3 para substituir o Image Ready.

Os recursos e todos os programas que irão compor a Adobe Creative Suite 3 ainda não foi informado pelo Adobe, ela está criando um suspense em volta do assunto. Mas, foi lançado a campanha What is in the Box? para matarmos um pouco da curiosidade.

Pela campanha, acredito em uma maior integração entre os programas, ou seja, um manterá um diálogo melhor com o outro além de facilitar o trabalho em equipe.

Estou ansioso pelo lançamento e você?

Como utilizar a meta tag robots e como o Googlebot a interpreta

Tuesday, March 6th, 2007

Saiu no Official Google Webmaster Central Blog um artigo intitulado como Using the robots meta tag falando a respeito da utilização da meta tag robots e como o Googlebot a interpreta. Vale a leitura.

Para aqueles que não dominam o inglês, vou simplificar o artigo linkado acima em alguns exemplos. Uma meta tag do tipo robot é criado da seguinte maneira:

<meta name="robots" content="Veja Valores abaixo" />

  • NOINDEX – previne a página de ser indexada pelo Googlebot*;
  • NOFOLLOW – previne o Googlebot de indexar qualquer link contigo na página;
  • NOARCHIVE – previne que uma cópia da página seja disponibilizada no resultado da busca;
  • NOSNIPPET – previne a descrição da página no resultado da busca bem como o cache dela;
  • NOODP – bloqueia a descrição da página utilizada no resultado da busca no Open Directory Project;
  • NONE – o mesmo que “NOINDEX, NOFOLLOW”.

* Googlebot

Adobe confirma versão on-line do Photoshop

Thursday, March 1st, 2007

Eu falei, eu falei. Não iria demorar muito para termos uma versão on-line do Photoshop; o CEO da Adobe, Bruce Chizen, confirma tal suspeita no News.com.

Ultimamente tem pipocado pela web diversos editores on-line de imagens, mas desta vez, teremos o melhor editor de imagens Desktop em sua versão para a web. Segunda o CEO da Adobe o serviço, ou seja, o Photoshop on-line será gratuito :)

O fato das grandes aparições de editores on-line de imagens não foi o principal combustível que levou a Adobe planejar uma versão on-line do Photoshop, mas sim o gigantes das buscas. Segundo o CEO da Adobe, é necessário se firmar um de seus programas carro chefe na web antes que alguém o faça.

O Photoshop on-line pelo que me parece será uma aplicação baseada no Flash, assim como o já lançado Fauxto – seria uma “startup” comprada pela Adobe? – a Adobe prevê o lançamento dessa grande novidade em aproximadamente seis meses; o que significa dizer que até o final de 2007 teremos uma versão on-line do Photoshop. É esperar para ver.

Os tipos em JavaScript

Tuesday, February 27th, 2007

O JavaScript trabalha na manipulação de valores o tempo todo. O que significa dizer que se faz necessário conhecer os tipos; uma vez que em alguns momentos, você precisará consultar o tipo desse valor. Isto é, se ele é um número, array, entre outros.

Os tipos em JavaScript são os seguintes:

  • Number
  • String
  • Boolena
  • Object
    • Function
    • Array
    • Date
    • Math
    • RegExp
    • Error
  • Null
  • Undefined

Esqueci de alguém?

Dreamweaver 9 ou CS3?

Sunday, February 25th, 2007

Qual será o nome da nova versão do Dreamweaver? Dreamweaver 9 ou Dreamweaver CS3? Acredito mais nessa última opção, ainda mais ao visualizar as imagens demonstradas abaixo:

Tela de iniciação do Dreamweaver CS3

Exemplo da opção Spry na Insert Bar

Nas imagens acima comprovamos o nome da nova versão do Dreamweaver, CS3. Em seguida, vemos a inclusão da aba Spry na Insert bar. Isso eu já esperava, afinal de contas não é nenhuma novidade que a nova versão do Dreamweaver trará suporte ao Ajax.

E você tem alguma novidade quanto a nova versão do Dreamweaver?

Fonte das imagens utilizadas neste post.

Cantos arredondados facilmente com CSS

Friday, February 23rd, 2007

Matthew Inman encontrou uma solução simples – finalmente – para realizar-se através das CSS cantos arredondados.

Leia How to Make Square Corners with CSS e descubra os simples passos.

Após leitura de um artigo como esse, me pergunto: como não pensei nisso antes?