Dreamweaver

Odiado por muitos, adorado por poucos, é com ele que escrevo CSS e HTML, desde quando comecei a desenvolver para a web utilizo o Dreamweaver, se utilizado da forma correta é uma ótima ferramenta. Digo da forma correta pois ainda existem muitas pessoas que o utilizam no modo visual, onde você vai criando as divs (vulgo layers), somente as arrastando pela página. Também já utilizei bloco de notas, Notepad++, TopStyle, Aptana e vários outros editores desconhecidos.

Photoshop

É através dele que faço o recorte de imagens para aplicar nos layouts que desenvolvo o HTML. Dispensa explicações.

Internet Explorer 6, 7 e 8

Sim, parece muito mais ainda tenho esses 3 browsers instalados aqui no meu PC, rodo o IE6 através de uma máquina virtual, mas ultimamente dá pra contar no dedo as vezes que ando abrindo a mesma, graças a deus. E o IE 7 eu utilizo através do IE8. Se você possui o IE8 instalado no PC basta apertar F12 para abrir as ferramentas de desenvolvimento e escolher como modo do navegador o IE7.

Fora esses browsers também tenho instalados aqui os seguintes browsers: Google Chrome, Safari e Opera. Todos esses em sua última versão.

Firefox

Esse não poderia faltar. Juntamente com o Firefox, tenho várias extensões instaladas, que são as seguintes: Firebug, Web Developer Toolbar, YSlow, HTML Validator, Screengrab, SenSEO, Weave. A extensão Weave serve para sincronizar meus favoritos, abas, aliás, tudo o que estiver salvo aqui no Firefox com outros computadores que utilizo, é uma mão na roda.

Google

E com certeza uma ferramenta que não pode faltar, as consultas ao Google. Se você um dia quer se dar bem no desenvolvimento web acostume-se a pesquisar, não tenha preguiça de fazer o mesmo. Procure também ler bastante, compre alguns livros, pegue emprestado, mas não deixe de ler sobre o assunto. Aliás, já viram minha coleção de livros?

Não deixe também de visitar blogs, pois os caras são antenados e você sempre vai ver conteúdo fresco rolando. Siga-me também no Twitter, onde posto várias novidades que encontro por aí na web.

E você, quais ferramentas você utiliza no seu dia a dia que nos aconselha a utilizar?

• W3C Redesign
• Compactando o (X)HTML/CSS de suas páginas
• 24 ways: Versão 2008
• Design view do Dreamweaver não é browser
• Framework CSS e XHTML para desenvolver para iPhone e iPod Touch

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Quando o W3C anunciou que estava deixando de trabalhar no XHTML2 em favor da nova versão do HTML, que então seria o HTML5, a notícia caiu como uma bomba na comunidade de desenvolvimento web. HTML5 então a partir de agora seria o futuro oficial do desenvolvimento web basedo em padrões abertos. O HTML5, com sua pletora de novas funcionalidades, chegou a ser certificado como o único desafiante legítimo para tecnologias proprietárias como o Flash da Adobe, o Silverlight da Microsoft, JavaFX e Sun. Utilizar HTML5 a partir de agora então seria excitante não?

É verdade, com os novos elementos, que valorizam a semântica, incluindo as tags nav, header, section, aside, e footer, o desenvolvimento para a web com HTML5 a partir de agora seria estar em um nível superior. As novidades não acabam por aí, dentre todas, podemos citar as seguintes:

• Utilização de um plugin gratuito de áudio e vídeo via tags.
• Elemento <canvas> para desenhos dinâmicos.
• Drag and Drop de elementos.
• Cross-document e cross-domain messages.
• Histórico de navegação em Ajax.
• Geolocation API.
• Network status (online/offline).
• Maior controle de dados sobre formulários.
• contentEditable – Editor rico de conteúdo.
• Armazenamento de dados no cliente.
• Web worker threads.

Como viram, o HTML5 causa uma mudança drástica no desenvolvimento, apoiando normas abertas que expõem tecnologias subjacentes permitindo a integração, inovação e desenvolvimento de aplicações e serviços complexos facilmente.

Por onde começar?

Se você se sentiu interessando em migrar para o HTML5, ficou entusiasmado com as novas APIs, não basta então agora simplesmente alterar o doctype de sua página HTML para <!DOCTYPE html> que seu site não vai estar em HTML5 (como ando vendo por aí). Existem várias outras tags que você pode e deve utilizar:

• <article>: Define um artigo.
• <aside>: Define algum conteúdo relacionado ao artigo.
• <audio>: Define um streaming de áudio em um documento HTML
• <canvas>: Define a criação de gráficos em uma página web
• <command>: Define um botão de comando, como um radiobutton, uma caixa de seleção ou um botão.
• <datagrid>: Define uma lista de dados selecionáveis. O datagrid é exibido como uma árvore.
• <datalist>: Define uma lista de dados selecionáveis. Utilize esse elemento juntamente com o elemento input, para fazer uma lista suspensa para um valor de entrada.
• <datatemplate>: Define um recipiente para o modelo de dados. Deve conter elementos filho que são <rule> para definir um modelo.
• <details>: define os detalhes de um elemento, no qual o usuário pode ver, e clicar para ocultar.
• <embed>: Utilizado para incorporar conteúdo no HTML, atuando como um plugin.
• <eventsource>: Define um destino para eventos enviados por um servidor.
• <figure>: Especifica ilustrações, imagens, fotos, associado juntamente com alguma legenda.
• <footer>: Define o rodapé de uma seção ou documento. Normalmente, contém o nome do autor, data em que o documento foi escrito e / ou informações de contato.
• <header>: Define o cabeçalho de uma seção ou documento.
• <mark>: Define texto marcado. Utilize a tag <mark> se você quiser destacar partes do seu texto
• <meter>: Define uma medição. Usado apenas para medições com conhecimento de um valor mínimo e um valor máximo.
• <nav>: Define uma seção de links de navegação.
• <nest>: Define o ponto de incício para criação de elementos em um <datatemplate>, utilizado em conjunto com o elemento <rule>.
• <output>: Define a saída de diferentes tipos de dados, por exemplo, o cálculo efetuado por algum script.
• <progress>: Define o progresso de uma tarefa de qualquer tipo.
• <rule>: Define as regras para atualização de um datatemplate. Usado em conjunto com os elementos <datatemplate> e <nest>.
• <section>: Define as seções em um documento. Tal como capítulos, cabeçalhos, rodapés, ou quaisquer outras seções do documento.
• <source>: Define recursos para elementos de mídia, como <audio> e <video>.
• <time>: Define tempo ou data, ou ambos.
• <video>: Define vídeo, como um clipe de filme ou vídeo de outros fluxos.

Semântica

Essa é a parte que muda drasticamente com o HTML5 a forma que você vai estruturar seus documentos HTML. Incluídos no quadro acima, esses elementos são os seguintes:

• <nav>
• <section>
• <article>
• <header>
• <footer>
• <article>

Essas tags irão substituir a utilização de muitas divs em seu documento, por exemplo, ao invés de utilizar <div class=”header”> você pode utilizar simplesmente utilizar a tag <header>.

HTML5 – Yes, we can

Você deve estar se perguntando: “Todos os browsers já suportam a especificação?”. Não, todos os browsers exceto o Internet Explorer já suportam o HTML5. Como então eu posso fazer funcionar HTML5 no Internet Explorer?. Simples, existe um JavaScript que você simplesmente o insere no topo de sua página e ele começará a entender as novas tags HTML. Os céticos dizem que irão esperar o Internet Explorer um dia ter suporte para então começar a utilizar, mas sigam o meu raciocínio:

O Internet Explorer 6 existe desde 2001, lá se vão 8 anos de sua existência, supondo que a partir de hoje ele deixe de ser utilizado, temos aí o Internet Explorer 7, que também não possui suporte a HTML5. Vamos acrescentar então mais 8 anos de existência do mesmo a nossa linha do tempo, portanto, em 2017 o IE7 deixaria de existir, mas então teríamos ainda uma pedra no sapato, o IE8, que também não tem suporte a HTML5.

Mesmo que amanhã a MIcrosoft lance uma nova versão do Internet Explorer que tenha total suporte a HTML5, você deverá utilizar de outras alternativas para que seus documentos HTML funcionem em versões antigas do browser. Se você não começar a utilizar HTML5 hoje, não espere então que isso aconteça nos próximos 20 anos, pois a Microsoft não irá liberar updates para suporte a HTML5 em seus browsers antigos, basta ter um QI maior que 10 para saber disso.

• Meu cliente quer um site em HTML5. E agora?
• Experimento HTML5 + CSS3 Fase 2
• Livros sobre HTML5 e CSS3
• Experimento: HTML5 + CSS3
• HTML5 Wallpaper Pack

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Como podem ver, a sidebar do meu blog mostra o número total de seguidores que eu possuo no Twitter em modo texto, existem plugins para WordPress que fazem isso facilmente, mas vou mostrar aqui algumas maneiras de se fazer isso sem plugin, com isso você pode utilizar esse código em qualquer site ou blog:

1ª Opção

Esse código funciona em qualquer ferramenta desenvolvida em PHP, mas se você deseja utilizá-la, basta color o seguinte código no arquivo functions.php do seu tema WordPress. Caso seu tema não possua um arquivo chamado functions.php, basta criá-lo e deixá-lo na mesma pasta com os arquivos do seu tema WordPress:

function string_getInsertedString($long_string,$short_string,$is_html=false){
  if($short_string>=strlen($long_string))return false;
  $insertion_length=strlen($long_string)-strlen($short_string);
  for($i=0;$i<strlen ($short_string);++$i){
    if($long_string[$i]!=$short_string[$i])break;
  }
  $inserted_string=substr($long_string,$i,$insertion_length);
  if($is_html && $inserted_string[$insertion_length-1]=='<'){
    $inserted_string='<'.substr($inserted_string,0,$insertion_length-1);
  }
  return $inserted_string;
}

function DOMElement_getOuterHTML($document,$element){
  $html=$document->saveHTML();
  $element->parentNode->removeChild($element);
  $html2=$document->saveHTML();
  return string_getInsertedString($html,$html2,true);
}

function getFollowers($username){
  $x = file_get_contents("http://twitter.com/".$username);
  $doc = new DomDocument;
  @$doc->loadHTML($x);
  $ele = $doc->getElementById('follower_count');
  $innerHTML=preg_replace('/^< [^>]*>(.*)< [^>]*>$/',"\\1",DOMElement_getOuterHTML($doc,$ele));
  return $innerHTML;
}

E agora para mostrar o número de seguidores, basta inserir o seguinte código onde você deseja que ele seja mostrado, substituindo, por exemplo, pinceladasdaweb pelo seu nome de usuário no Twitter:

< ?php echo getFollowers("pinceladasdaweb"); ?>

Essa opção é a que utilizo aqui no blog e a vi no blog WpRecipes.

2ª Opção

Essa 2ª opção faz o uso de 2 libs, os arquivos dependentes são: twitter.lib.php e o xml2array.php. Você deve chamá-los em sua página para que tudo funcione corretamente. Para isso, observe um código de exemplo abaixo:

< ?php
include('include/xml2array.php');
include('include/twitter.lib.php');
$user = 'seu-usuario';
$password = 'sua-senha';

$twitter = new Twitter($user, $password);

$friends = $twitter->showUser("xml",'ID_do_Usuario');
$xml=new XML2Array();
$arr=$xml->parse($friends);
$seguidores=$arr['user']['followers_count']['value'];
?>

Você deve editar 3 campos no código para que tudo funcione corretamente, são eles:

• $user = ’seu-usuario’; altere o valor seu-usuario com o seu nome de usuário.
• $password = ’sua-senha’; altere o valor sua-senha com a sua senha do Twitter.
• $friends = $twitter->showUser(”xml”,’ID_do_Usuario’); altere o valor ID_do_Usuario com o ID do seu usuário do Twitter. Para descobrir o ID do seu usuário basta pegar a URL do Fedd do sua página no Twitter, a minha é a seguinte: http://twitter.com/statuses/user_timeline/13524602.rss e pegar aquele número que vem após o valor user_timeline, que aqui é: 13524602.

Para mostrar o resultado, basta inserir o seguinte código no seu site ou blog:

< ?=$seguidores?>

Faça aqui o download dos arquivos necessários para esse exemplo. Essa opção eu encontrei aqui no blog 2kBlog.net.

3ª Opção

Essa 3ª opção foi desenvolvida por Peter Ivanov, é interessante pois utiliza um sistema de cache, uma boa opção para sites com muitas visitas e que precisam de performance em suas aplicações:

/**
 * Fetch the number of followers from twitter api
 *
 * @author Peter Ivanov
 * @copyright	http://www.ooyes.net
 * @version	0.2
 * @link http://www.ooyes.net
 * @param string $username
 * @return string
 */
function twitter_followers_counter($username) {
	$cache_file = CACHEDIR . 'twitter_followers_counter_' . md5 ( $username );
	if (is_file ( $cache_file ) == false) {
		$cache_file_time = strtotime ( '1984-01-11 07:15' );
	} else {
		$cache_file_time = filemtime ( $cache_file );
	}
	$now = strtotime ( date ( 'Y-m-d H:i:s' ) );
	$api_call = $cache_file_time;
	$difference = $now - $api_call;
	$api_time_seconds = 1800;
	if ($difference>= $api_time_seconds) {
		$api_page = 'http://twitter.com/users/show/' . $username;
		$xml = file_get_contents ( $api_page );
		$profile = new SimpleXMLElement ( $xml );
		$count = $profile->followers_count;
		if (is_file ( $cache_file ) == true) {
			unlink ( $cache_file );
		}
		touch ( $cache_file );
		file_put_contents ( $cache_file, strval ( $count ) );
		return strval ( $count );
	} else {
		$count = file_get_contents ( $cache_file );
		return strval ( $count );
	}
}

Basta colar o código acima no arquivo functions.php do seu tema WordPress e efetuar a sehuinte alteração na linha 13:

$cache_file = CACHEDIR . 'twitter_followers_counter_' . md5 ( $username );

O scripts guardará os dados em uma pasta cache no diretório root do seu site, mas seria interessante você salvar os dados dentro da pasta do seu tema, então, basta alterar o valor para o seguinte:

$cache_file = "wp-content/themes/meu-tema/cache/" . 'twitter_followers_counter_' . md5 ( $username );

Onde meu-tema será o nome da pasta do seu tema. Com isso, crie lá dentro uma pasta chamada cache e defina permissão 777 para ela, assim você evita problemas de permissão. Feito isso, basta utilizar o seguinte código para mostrar o número de seguidores:

< ?php print twitter_followers_counter('NOME_DE_USUARIO') ?> Seguidores do Twitter

Basta agora substituir NOME_DE_USUARIO pelo seu nome de usuário no Twitter.

• Nova home do Twitter
• Siga-me no Twitter e vire um terrorista
• Link para postar no Twitter
• Como atualizar o Twitter via SMS
• 3 Layouts para Twitter

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Tudo começou com um Tweet do Maujor dizendo que ainda é cedo demais para começarmos a desenvolver sites com HTML5. Eu até entendo o lado dele, mas no meu ponto de vista, diria que agora é a hora de utilizarmos HTML5 sim. A especificação existe e está aí para ser utilizada, como podemos dar um Feedback para os desenvolvedores da especificação se ninguém quer testá-la? É a mesma coisa que uma empresa montadora de carros desenvolver um veículo novo e lançá-lo no mercado para então começarem os testes. Meio que um tiro no pé não?

Creio que esse tipo de resistência da comunidade em adotar o HTML5 também aconteceu com o surgimento dos padrões web, pois naquela época todos desenvolviam utilizando tabelas, seu eu já sei desenvolver um site de forma cabível utilizando tabelas para que vou seguir padrões web? E hoje a situação é totalmente ao contrário.

O que impede então você de utilizar HTML5 hoje? O Internet Explorer? Não vejo o IE como um fator que possa causar impedimento, pois hoje já temos uma solução cabível para isso. Seu chefe que não deixa você utilizar novas tecnologias?

Vejo hoje como fator principal que impede o desenvolvimento web com HTML5 é o CSS, sim, isso mesmo, CSS. Todos sabem que o CSS é responsável por aplicar formatação a página, portanto, você pode utilizar de forma consciente as tags do HTML5, o CSS é quem fará o resto. Será ele o responsável por definir quais as tags serão a nível de bloco e inline, cores, background, posicionamento.

Agora, utilizar por exemplo as tags <audio> e <video> pode ser um fator complicador, pois não são todos os browsers que oferecem suporte a essas tags. Mas mais uma vez já existe uma solução crossbrowser para esse tipo de problema.

Será que o que está impedindo você de utilizar HTML5 não é a falta de conhecimento? A nova especificação do HTML5 não é um bicho de 7 cabeças, calma, você não irá precisar fazer uma faculdade para aprender sobre as novas tags, basta buscar na internet alguns sites de referência, ou então comece pela referência HTML5 que criei.

O conselho que deixo a vocês é que utilizem sem medo, testem, afinal, se ninguém testar como vamos saber se realmente funciona. E você, acha que já é a hora de criarmos sites em HTML5 ou não?

• Introdução ao HTML5
• Experimento HTML5 + CSS3 Fase 2
• Livros sobre HTML5 e CSS3
• Experimento: HTML5 + CSS3
• HTML5 Wallpaper Pack

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Você já tentou explicar para a sua mãe o que é um Browser? Usuários leigos de internet não sabem o que são browsers, que existem várias opções disponíveis no mercado, algumas muito boas, outras ruins, deve ser por isso que o Internet Explorer ainda é muito utilizado. Pois para um usuário leigo, ao clicar naquele ícone azul no seu desktop, ele já está na internet, para ele não faz diferença alguma utilizar IE7, IE8, Firefox, o que ele quer mesmo é visitar seu perfil no Orkut e deixar scraps para seus amigos.

Mas não seria interessante mostrar de alguma forma a esse usuário que ele pode ter sua experiência melhorada utilizando um browser que proporcione essas opções? Foi pensando nisso que Jason Toff, Associate Product Marketing Manager do Google, após várias tentativas frustradas de tentar explicar para sua mãe o que é um browser criou um vídeo de 1 minuto que mostra de uma maneira bem simples o que é um browser:

E o trabalho não ficou só por aí, ele também lançou um site chamado WhatBrowser.org que dá mais informações sobre os browsers. Nele você pode ver qual browser está utilizando, visualizar testes de diagnóstico e obter mais informações para explorar ao máximo seu browser.

Aproveite agora e mande esse post para aquele seu amigo que adora navegar utilizando o Internet Explorer 6, quem sabe ele não passa a utilizar o Firefox.

• Converta o Internet Explorer em Google Chrome
• Por que o IE6 não morre nas grandes empresas?
• RockMelt – Será o novo Netscape?
• Web Developer Toolbar Overview
• Internet Explorer 9 com suporte a HTML5?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Desde que o Google anunciou que disponibilizaria 100.000 convites para o Google Wave a cara da internet não foi mais a mesma. Esse tipo de coisa não acontecia desde o lançamento do GMail, usuários brigando por um convite, já outros vendendo no eBay.

Já fazia algum tempo que desenvolvedores estavam utilizando o Google Wave e criando aplicações com sua API. Alguns desenvolvedores até já criaram plugins que se integram com várias ferramentas, como o Twave (integração do Twitter com o Wave), Wave em WordPress, intergração com Joomla, Drupal, Mediawiki e vários outros exemplos.

Mas de que forma isso irá revolucionar como pensamos em internet hoje em dia? Que utilidades podemos imaginar para o Google Wave? Que aplicações atuais podemos dizer que agora se tornarão obsoletas? Esse é o propósito desse post, tentar mostrar aqui o que podemos fazer com a utilização do Google Wave.

Fórum

Andrew Camel propôs no Google Wave API Google Group que as funcionalidades fossem adaptadas semelhantes a de fóruns. As idéias de cada discussão, ao invés de serem formadas por multíplos posts, fossem um único Wave

Comentários no Google Wave

O site Mashable propõe a possibilidade de que os embeds do Google Wave substituíssem os comentários estáticos. A idéia seria que cada post, cada comentário fosse substituído por um wave para que as conversas ocorressem em tempo real.

CMS baseados no Wave

Desenvolvedores já estão trabalhando na integração do Wave com as ferramentas gestoras de conteúdo mais utilizadas no mercado. Será que seria possível então futuramente criar um CMS todo baseado no Google Wave? Suas principais features seriam: criação e gerenciamento de documentos, agenda, blog, microblog, entre outras coisas.

Sistemas de suporte ao usuário para empresas

Criar a possibilidade de envio de tickets de suporte, abrir um wave para cada chamada, widgets de análise de Call Centers, gadgets de listas de distribuição, gadgets de dados do consumidor, pesquisas com o Wave.

Educação

O Wave seria uma ótima forma de botar em prática o ensino a distância, facilitando a vida dos professores disponibilizando alí tarefas. Seria essa a rede social de ensino colaborativo, quem sabe assim a qualidade do ensino não melhoraria.

Enfim, as possibilidades de uso para o Google Wave são imensas, é até muido cedo para termos idéia do que é possível fazer com ele ou não. Teve até uma empresa que lançou um vídeo mostrando o que é feito utilizando somente 3,5% do potencial total do Google Wave:

Esse post foi escrito com base no post do site Mashable.

• Convites para o Google Wave
• Google Wave aberto ao público a partir de 30 de setembro
• A crise beneficia a Google Apps
• Screencast do Google Maps em papel
• O que são Tag Clouds?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Fui convidado a um tempo atrás pela editora Bookman para fazer a avaliação do livro A Arte e a Ciência da CSS, um livro muito bom que traz soluções práticas para problemas mais corriqueiros do dia-a-dia. O livro tem foco no que você mais utiliza, como formulários, títulos, imagens, backgrounds, navegação.

Se já não bastasse eu ter enviado o review do livro de CSS, fui chamado para fazer mais um, dessa vez do livro Só JavaScript. Esse livro é ideal para iniciantes, e para aqueles que também já trabalham com JavaScript, pois com ele você aprenderá a programar da forma correta.

Eles explicam muito bem eventos, validação de formulários, entre outras coisas essenciais para programar em JavaScript. Ao decorrer do livro, você vai montando sua própria biblioteca, inclusive com a possibilidade de criar animações via JavaScript. Ficou interessado no livro? Eu possuo um exemplar para sortear aqui no blog e o sorteio funciona da seguinte forma:

O primeiro que enviar um Tweet para a Editora Bookman dizendo que lê o meu blog e quer o livro ganha o mesmo. Muito simples não, só basta ser rápido.

• Os Temporizadores do JavaScript
• JavaScript – Uma String é um Array de Caracteres?
• Javascript – Último dia do mês
• Javascript – Retirando espaços de string (função trim)
• JavaScript – Pegadinha no getElementById

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Fuçando hoje pela manhã no meu Google Wave descobri que eu tenho 8 convites para distribuir, e como eu sou bonzinho, as primeiras 8 pessoas que deixarem um comentário aqui no blog levam os convites. Nâo adianta me pedir pelo Twitter que só vou levar em consideração os comentários aqui.

• Que a revolução comece com o Google Wave
• Google Wave aberto ao público a partir de 30 de setembro
• A crise beneficia a Google Apps
• Screencast do Google Maps em papel
• O que são Tag Clouds?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Imagine o constrangimento de uma grande empresa receber um e-mail pelo Fale Conosco e na hora de responder ao e-mail, o usuário digitou um e-mail inválido e você não possui outra forma de entrar em contato com ele.

Para evitar esse tipo de constrangimento, lhes apresento a função VerifyEmailAddress, ela é simples e utiliza a função checkdnsrr.

function VerifyEmailAddress($EMail) {
    list($User, $Domain) = explode("@", $EMail);
    $Result = checkdnsrr($Domain, 'MX');
    return($Result);
}

O que ela faz: primeiro separa o domínio do e-mail, depois faz uma verificação de DNS retornando 1 para DNS válido e 0 para DNS inválido.

Ou seja, se o domínio existir, é bem provável que o e-mail também exista. Mas não se iluda achando que essa será sua única e melhor solução!

Agora apenas uma apresentação de erro:

if(VerifyEmailAddress($email) != 1) {
    echo "Por favor, preencha um e-mail válido.";
}

É isso pessoal, até a próxima!

• Manipulando URLs com .htaccess no Apache
• Otimização utilizando o memcached
• Listagem de todos os arquivos do diretório com DirectoryIterator no PHP
• Apresentação + Futuros Posts sobre PHP
• Validar datas no PHP

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Recebi um e-mail da Adriana Melo me perguntando seu eu ainda não havia me inscrito no Concurso Peixe Grande 2009, pois as inscrições foram prorrogadas até o dia 08 de outubro de 2009.

O Concurso existe desde 2004 e já está em sua 6ª edição e premia agências, profissionais autônomos e blogs. Prepare-se para concorrer pois os prêmios são: R$ 10.000,00, um notebook ou uma câmera digital. Você não precisa ter necessariamente uma agência para concorrer aos prêmios, basta ter um blog que você já pode concorrer.

Eu nunca havia me inscrito, mas como agora desenvolvi um layout descente aqui para o blog, já me inscrevi e digo aos concorrentes para tomarem cuidado pois o páreo vai ser duro.

[update]: Se você ainda não votou no meu blog, vote agora através desse link.

• Ferramentas que utilizo para desenvolvimento web
• A Qualidade do ensino superior no Brasil
• Os 36+ piores sites do mundo
• Firebug e CSS
• Ultimate CSS only drop down menu

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Gostaria do feedback de vocês quanto as funcionalidades do blog, pois como ainda está em fase beta podem ocorrer erros. Portanto, encontrou algum problema me avise aqui nos comentários, agora, só não me venha dizer que não funciona no IE pois nesse browser para vocês terem idéia eu não testei o site até agora e também não estou com a mínima vontade de testar.

E em relação ao layout antigo, o que acham? Ficou bem melhor?

• Livros sobre HTML5 e CSS3
• Experimento: HTML5 + CSS3
• Introdução ao HTML5
• Meu cliente quer um site em HTML5. E agora?
• HTML5 Wallpaper Pack

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Através de uma meta tag você tem a opção de ativar a renderização do Chrome dentro do IE, fazendo com que o mesmo utilize o motor de renderização WebKit. Mas só a meta tag não basta, o usuário deve ter o plugin do Chrome Frame instalado no PC para que tudo funcione corretamente.

A utilização da Meta tag se resume ao seguinte:

<meta http-equiv="X-UA-Compatible" content="chrome=1" />

E caso o usuário já tenha o plugin instalado no PC, ao ser encontrada essa meta tag na página automaticamente o browser passa a utilizar o motor de renderização do WebKit. Você pode detectar se o usuário tem o plugin instalado com a utilização do seguinte código de exemplo:

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"> </script>

<div id="placeholder"></div>

<script>
 CFInstall.check({
 node: "placeholder",
 destination: "http://www.waikiki.com"
 });
</script>

Assim você possui a opção de verificar se o plugin está instalado e dá ao usuário a opção de instalá-lo, ou não.

CFInstall.check()

Através desse método, você tem a opção de checar os seguintes parâmetros:

• mode: opcional – Como o usuário verá a solicitação para instalação (Por default inline, uma outra opção é abrir um popup).
• URL: opcional.
• destination: opcional – A URL ao qual é direcionado quando é detectado que Google Chrome Frame está instalado.
• node: opcional – ID do elemento ao qual deve aparecer a mensagem de instalação.
• onmissing: opcional – Funcionalidade quando não se detecta Google Chrome.
• preventPrompt: opcional Booleano que permite desativar o redirecionamento (Por default é false).
• oninstall: opcional – Funcionalidade que será executada quando se mostra a opção de instalação.
• preventInstallDetection: opcional – Booleano que previne o redirecionamento quando é detectado que Google Chrome Frame está instalado.
• cssText: opcional – Estilos que se aplicam ao iframe em modo inline.
• className: opcional – Classe que pode ser aplicada ao iframe em modo inline.

O Google Chrome Frame pode ser aplicado ao Internet Explorer 6, 7 e 8. Que então comece a revolução.

• What is a browser?
• Por que o IE6 não morre nas grandes empresas?
• RockMelt – Será o novo Netscape?
• Web Developer Toolbar Overview
• Internet Explorer 9 com suporte a HTML5?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Eu sou daquele tipo de pessoa que é viciada em informação. Só no meu Bloglines possuo mais de 1400 sites cadastrados, sendo 90% deles voltados ao desenvolvimento web, e os outros 10% dos mais diversos assuntos, pois ninguém é de ferro.

Tudo aquilo que aprendi até hoje sobre desenvolvimento web foi por minha conta e risco, engana-se quem acha que eu fiz algum curso ou coisa do tipo. E lá já se vão mais de 3 anos nessa estrada, e ela já me rendeu muitos frutos. Por exemplo, fui convidado pela editora Artmed para efetuar uma avaliação dos livros: A Arte e a Ciência da CSS e também o livro Só JavaScript, também já ministrei uma palestra sobre HTML5 e CSS3 para o curso de Pós Graduação em Front End da Faculdade Marista do Recife e agora também escrevo para o IMasters.

Aí você me pergunta: “Você já conquistou tanta coisa e não é formado?” É esse o grande problema e o ponto onde quero chegar, quem me acompanha no Twitter tem visto nas últimas semanas os relatos que tenho feito sobre a instituição onde faço a faculdade de Web Design.

Infelizmente a qualidade do ensino é precária. Sim, é triste dizer isso mas é verdade. A impressão que os professores passam é a de que eles não são qualificados e muitas vezes não tem consciência do que estão dizendo. Querem só um exemplo? Um professor que ao entrar em sala de aula e passar para os alunos que eles devem utilizar Frameset para desenvolver sites pois com isso “estariam ganhando” 17px de largura a mais em seu layout devido a não criação de uma barra de rolagem vertical, e quando questionado sobre isso dizer que você pode e deve utilizá-lo, deve ser considerado um bom professor?

Um professor que utiliza somente o Dreamweaver em modo visual para desenvolver sites e passa aos seus alunos que eles devem desenvolver sites dessa forma, merece ser chamado de mestre? E ainda tem a capacidade de dizer que os conceitos dele aplicados em aula condizem com os da atualidade.

Agora me digam, alunos desse tipo estarão qualificados para o mercado de trabalho? Não seria melhor então mudar o nome do curso de Web Design para “Formação de Sobrinhos”? Provavelmente esse tipo de coisa acontece em diversas instituições pelo país. O que eu deveria fazer então? Entrar em contato com a coordenação do curso e relatar tudo isso? Já foi feito e me disseram que providências serão tomadas, mas quando? Deixar o curso? Infelizmente já perdi oportunidades de emprego em empresas como UOL e IG simplesmente por não possuir curso superior, nem sequer quiseram saber dos meus conhecimentos.

É meus caros, infelizmente é assim que a banda toca no Brasil, se você hoje procura uma instituição buscando qualificação, acaba passando por um processo de regressão, e se você busca conhecimento por si só, acaba sendo rejeitado por algumas empresas.

Para aqueles que estão entrando no mundo do desenvolvimento hoje, deixo um conselho: Nunca deixe que lhe digam que você não é capaz, e para aqueles que já estão no ramo, meu desabafo.

• Compactando o (X)HTML/CSS de suas páginas
• HTML e CSS help sheet
• 13 elementos que deveriam conter em sua página
• Ferramentas que utilizo para desenvolvimento web
• Inscrições prorrogadas para o Peixe Grande 2009

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

O desenvolvedor Brian Cray criou uma equação para mostrar aos usuários como é caro ainda prestar suporte ao IE6, resolvi mostrá-la aqui pois o cálculo é bem interessante, levando em consideração que os valores em dólares.

A equação se resume da seguinte forma:

receita média por visitante*número de usuários com IE6-(custo hora do desenvolvedor*horas necessárias para corrigir erros no IE6).

Esse cálculo pode ser feito em base mensal, anual ou trimestral.

Exemplo

• O site ganha em média $.10 (10 centavos de dólar) por visitante.
• O site recebe 100 visitas mensais através do IE6.
• O custo com o desenvolvedor é de $20/hora (20 dólares hora).
• O desenvolvedor gasta em média 4 horas por mês para corrigir bugs do IE6.

Abaixo você vê como funciona o cálculo:

1 * 10 – (20 * 4) = 10 – 80 = -70

Em outras palavras você estará perdendo 70 dólares mensais prestando suporte ao IE6. Este é apenas um exemplo muito simples, levando em consideração que proporcionar experiências ricas para usuários de IE6 custa muito caro.

• Digg e Youtube deixam de dar suporte ao IE6
• Propaganda Fail da Microsoft
• Internet Explorer 8 disponível via Windows Update
• Internet Explorer Collection
• Solução definitiva – PNG Transparente no IE6

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Se você não sabe o que é o Google Wave, ele é um projeto que foi anunciado pelo Google no Google I/O Conference no dia 28 de maio de 2009, sendo uma aplicação web destinada a reunir e-mail, mensagens instantâneas, wiki e redes sociais, com um forte enfoque colaborativo, misturado com o corretor ortográfico e extensões de tradutor, que são capazes de trabalhar em conjunto, em tempo real.

Veja abaixo o vídeo de divulgação do Google Wave:

Ou seja, o Google Wave é um novo modelo de comunicação e colaboração na web proporcionando a você ser mais produtivo de uma forma divertida.

De acordo com a equipe de desenvolvimento do Google Wave, o lançamento oficial para o público será no dia 30 de setembro de 2009, pois até então ele só estava aberto a desenvolvedores, inclusive eu participei de testes do Google Wave.

Dentre as melhorias que serão feitas até seu lançamento, podemos destacar as seguintes:

• Extensões
• Um bom fluxo para adicionar extensões: Onde o usuário poderá gerenciar as extensões instaladas.
• Robots
• Gadgets
• Embed: Expandir a configuração de User Interface.

Veja a lista completa do que estará disponível no dia 30 de setembro aos usuários no site: The Next Web

• Que a revolução comece com o Google Wave
• Convites para o Google Wave
• A crise beneficia a Google Apps
• Screencast do Google Maps em papel
• O que são Tag Clouds?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?