function iframe_shortcode($atts, $content = null) {

		extract(shortcode_atts(array(
			'url'   => '',
			'scrolling'     => 'no',
			'width'     => '100%',
			'height'    => '500',
			'frameborder'   => '0',
			'marginheight'  => '0',
			'style'  => 'border:0',

		), $atts));

		if (empty($url)) return '';

		return '<iframe class="shortcode" src="'.$url.'" scrolling="'.$scrolling.'" width="'.$width.'" height="'.$height.'" style="'.$style.'" frameborder="'.$frameborder.'" marginheight="'.$marginheight.'">'.$content.'</iframe>';

	}

	add_shortcode('iframe','iframe_shortcode');

Para usar, basta seguir o exemplo abaixo e inserir no seu post:

[iframe url"http://leocaseiro.com.br/" width="500" height="300"]

Referência graphicbeacon.com

Artigos Relacionados:

1. Como Instalar WordPress em Português do Brasil (PT-BR)
2. Tudo sobre utilizar Permalinks no WordPress
3. Funções úteis para WordPress no functions.php

Mas já aconteceu comigo(com você provavelmente também) algumas vezes do cliente buscar seu site no Google, e não encontrar o site dele no topo(até porque está em Homolog). Mas…como meus sites são bem customizados para posicionamentos em sites de busca(SEO), o site de Homolog (normalmente http://nomedocliente.leocaseiro.com.br) aparecerem no Google.

É isso mesmo! Imagina o cliente encontrar o site que ainda está desenvolvendo. Pior…e se o cliente(usuário) do cliente encontrar o site em Homolog? É um problema que pode até entrar em ação jurídica.

E a razão deste post é exatamente essa. Previnir que isso aconteça.

Saiba então, como restringir o seu site em desenvolvimento(homologação) dos resultados de busca do Google.

Para isso, iremos utilizar o Robots.txt e uma restrição por Senha do Domínio, via .htaccess e .htpasswd conhecida como “Htaccess Authentication”, em português, “Autentição por Htaccess”.

Robots.txt

Para ninguém encontrar o Hooolog no Google(Yahoo, Bing, Ask, etc), basta utilizar um arquivo muito conhecido pelos Analistas SEO. Com o Robots.txt, você pode bloquear os sites de busca de seguirem(nofollow) o seu site. Ou seja, que ele não fuçe navegue entre os links e aumente seu Banco de Dados e assim, não Indexar(noindex) os links do seu ambiente de homologação.

Salve como robost.txt e deixe este arquivo na raiz(public, www, httpdocs, etc) do Servidor:

User-agent: *
Disallow: /

Para conhecer mais sobre os Robots.txt, acesse o site www.robotstxt.org

Htaccess Authentication

Mesmo que o site não esteja no Google, pode acontecer de algum usuário encontrar seu site de Homologação. Seja por um teste de Share de Twitter/Facebook que o analista de QA faz(twitter sem querer), ou de qualquer maneira que acidentalmente chegue à algum usuário.
Por isso, recomendo que você bloqueie o acesso por usuário e senha. E a melhor maneira e a mais fácil é pelos arquivos .htaccess e .htpasswd

Adicione a descrição abaixo no seu arquivo .htaccess(geralmente no topo dele), mas altere o /path/to/.htpasswd para o path específico do seu ambiente.

AuthType Basic
AuthName "Acesso restrito"
AuthUserFile /path/to/.htpasswd
Require valid-user

Para descobrir o seu path via PHP, basta dar um < ?php echo dirname(__FILE__);?>.
Para facilitar, existe uma Ferramenta do tipo Wizzard que pode gerar esses arquivos pra você.
Acesse o site htaccesstools

Não basta colocar uma restrição se você não souber a senha, certo?

Então abaixo, vou lhe mostrar um exemplo de um .htpasswd gerado com admin e senha 1q2w3e4r:

admin:$apr1$Gy3X0...$nmRbOnEabkNmH87lfZz2u/

Como você ter percebido, é um tipo de hash bem diferente. Para gerá-lo, acesse o site htaccesstools e utilize o Htpasswd Generator

Espero que ajude. Qualquer dúvida comenta ae!

Artigos Relacionados:

1. Golpe para roubar senhas do Banco Real pelos Links Patrocinados do Google
2. Ferramentas para Gestão e Análise de um Site
3. Tudo sobre utilizar Permalinks no WordPress

Como eu queria acessar por AJAX usando o jQuery, eu precisava liberar o acesso externo com PHP. Afinal um domínio não consegue acessar outro por AJAX sem ter uma liberação.

Achei que a liberação seria muito difícil. Que eu precisaria habilitar por htaccess ou alguma coisa assim.

Mas é muito fácil!

Basta você utilizar o header do php, conforme o exemplo abaixo

Neste exemplo, libero o acesso somente para um domínio específico:

header('Access-Control-Allow-Origin: http://dominio.com.br');

Neste exemplo, libero o acesso para qualquer domínio

header('Access-Control-Allow-Origin: *');

E pronto! Basta acessar a url usando o método $.ajax, $.load, $.get do jQuery ou carregar o ajax da maneira que precisar.

Caso você queira utilizar em ASP.NET ou qualquer outra linguagem, este site deve lhe ajudar http://enable-cors.org/

Se você tiver uma maneira mais fácil(duvido) comenta ae. Se não der certo, comenta aí também que a gente tenta ajudar!

Artigos Relacionados:

1. Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP
2. Como chamar um Javascript externo dentro de um js tipo include
3. Formatar moedas ou números decimais com a função number_format() do PHP

Mas o que percebi, é que sempre utilizo 3 funções. E resolvi compartilhar, pois se servem pra mim, podem servir para vocês que também trabalham com WordPress.

As funções servem para habilitar o menu do WordPress, retornar o id pelo permalink(post_name) e utilizar variáveis $_GET com WordPress

Habilitar Administração de Menus pelo Admin do WordPress no functions.php

Quase todos os sites que eu faço, eu habilito os Menus do próprio WordPress. Assim os redatores podem alterar os Menus e seus links

add_theme_support('menus'); //Basta inserir esse código no functions.php que já vai aparecer a opção Menu no Admin

Como retornar o id de um post pelo permalink(slug)?

Na minha opinião, essa função já devia ser nativa do WordPress, mas enquanto não sai, usem essa aí:

function get_id_by_post_name($post_name)
{
    global $wpdb;
    $id = $wpdb->get_var("SELECT ID FROM $wpdb->posts WHERE post_name = '".$post_name."'");
    return $id;
}

Para saber mais sobre os Menus Personalizados do WordPress, acesse a documentação do wp_nav_menu()

Como utilizar variáveis $_GET no WordPress?

O WordPress não deixa trabalharmos com variáveis GET por padrão, mas basta adicionar um filtro na função query_vars com o nome da sua variável e você vai conseguir:

add_filter('query_vars', 'customquery_vars' );
function customquery_vars( $qvars )
{
    $qvars[] = 'variavel'; //Exemplo: http://url.com.br/?variavel=
    return $qvars;
}

Para utilizar no php, utilize conforme o exemplo abaixo:

global $wp_query;
echo $wp_query->query_vars['variavel'];

Se você também costuma utilizar algumas funções no WordPress e o seu functions.php sempre inicia do mesmo jeito, comenta aí que eu atualizo aqui!

Artigos Relacionados:

1. Problemas ao contar caracteres com strlen do PHP
2. Manual do PHP na própria Máquina em Português do Brasil (PT-BR)
3. Liberar acesso externo no PHP para AJAX (crossdomain)

Descobri lendo uma matéria sobre videos do WordPress que à partir da versão WordPress 2.9, a equipe do Matt Mullenweg, a Automattic introduziu o oEmbed no WordPress. Foi por isso que me interessei e pesquisei sobre ele.

É simples, ele utiliza as URLs dos melhores serviços de Web2.0, como o Flickr, Vimeo, Youtube, entre outros e retorna um XML ou um JSON para utilizarmos em um EMBED, IMG ou o que seja necessário em seu projeto.

Flickr

No exemplo do Flickr, utilizei uma foto do Flickr da blogueira Miriam Bottan

Percebam que a URL abaixo retorna um XML:

< ?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
<version>1.0</version>
<type>photo</type>
<author_url>http://www.flickr.com/photos/mbottan/</author_url>
<cache_age>3600</cache_age>
<provider_name>Flickr</provider_name>
<provider_url>http://www.flickr.com/</provider_url>
<title>Mirian Bottan</title>
<author_name>Mirian Bottan</author_name>
<width>333</width>
<height>500</height>
<url>http://farm4.static.flickr.com/3622/3418061959_759d05812d.jpg</url>
</oembed>

Ou seja, capturamos facilmente a URL da foto e inserimos num elemento img, fora as outras informações que ele retorna no XML.

Podemos usar o JSON para Ajax também, desta maneira:

{
  "author_name": "Mirian Bottan",
  "author_url": "http://www.flickr.com/photos/mbottan/",
  "cache_age": 3600,
  "height": "500",
  "provider_name": "Flickr",
  "provider_url": "http://www.flickr.com/",
  "title": "Mirian Bottan",
  "type": "photo",
  "url": "http://farm4.static.flickr.com/3622/3418061959_759d05812d.jpg",
  "version": "1.0",
  "width": "333"
}

Existem diversos parâmetros para utilizarmos a ferramenta que podem ser encontrados na documentação do Site Oficial.

Youtube

Para Youtube, o exemplo foi um video que eu legendei sobre Como segurar uma palheta do Justin Guitar:

{
  "author_name": "leobok4",
  "author_url": "http://www.youtube.com/user/leobok4",
  "height": 295,
  "html": "<object width=\"480\" height=\"295\"><param name=\"movie\" value=\"http://www.youtube.com/v/cm_u2QHwpRk?fs=1\"></param><param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param><embed src=\"http://www.youtube.com/v/cm_u2QHwpRk?fs=1\" type=\"application/x-shockwave-flash\" width=\"480\" height=\"295\" allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed></object>",
  "provider_name": "YouTube",
  "provider_url": "http://www.youtube.com/",
  "thumbnail_height": 360,
  "thumbnail_url": "http://i4.ytimg.com/vi/cm_u2QHwpRk/hqdefault.jpg",
  "thumbnail_width": 480,
  "title": "BC-101 Aula Sobre Como Segurar uma Palheta - Aula de Viol\u00e3o - Justin Guitar",
  "type": "video",
  "version": "1.0",
  "width": 480
}

O retorno padrão da API no Youtube é em formato JSON, mas podemos retornar em XML se quisermos, basta adicionarmos o parâmetro format:

<oembed>
<provider_url>http://www.youtube.com/</provider_url>
<title>BC-101 Aula Sobre Como Segurar uma Palheta - Aula de Violão - Justin Guitar</title>
<html><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/cm_u2QHwpRk?fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/cm_u2QHwpRk?fs=1" type="application/x-shockwave-flash" width="480" height="295" allowscriptaccess="always" allowfullscreen="true"></embed></object></html>
<author_name>leobok4</author_name>
<height>295</height>
<thumbnail_width>480</thumbnail_width>
<width>480</width>
<version>1.0</version>
<author_url>http://www.youtube.com/user/leobok4</author_url>
<provider_name>YouTube</provider_name>
<thumbnail_url>http://i4.ytimg.com/vi/cm_u2QHwpRk/hqdefault.jpg</thumbnail_url>
<type>video</type>
<thumbnail_height>360</thumbnail_height>
</oembed>

Artigos Relacionados:

1. Inserir iframe num Post WordPress com shortcode
2. A Linguagem influencia mais que o desenvolvedor?
3. Olá, leitor!

Link para o GitHub

Migrado para o GitHub em 28/07/2010 por Samir Braga
StringToSlug PHP

Existem diversos algoritmos que transformam String em Slugs(permalinks). Mas à maioria com expressões regulares e que retiram qualquer caractere acentuado na língua Portuguesa. Funcionam muito bem no idioma Inglês, mas não resolve para o nosso idioma(Português do Brasil).

Foi por isso que o Samir Braga criou uma Classe com um algoritmo semelhante à do jQuery Plugin StringToSlug feita em PHP.
O Samir à chamou de Permalink. Mas como percebi que na Web o termo SLUG é bem conhecido e utilizado. Deixo com este nome para facilitar quem procura este algoritmo.

Para quem não sabe o que é um SLUG. É simplesmente uma string transformada em letras minúsculas e sem acentuação. Assim transformamos títulos de artigos em URL amigáveis. Melhorando usabilidade e SEO.

Caso tenham alguma dúvida/crítica/sugestão deixem nos comentários que farei o possível para responder. Ou outros usuários podem ajudar nas respostas.

Os exemplos de como utilizar a classe StringToSlug estão no link:

http://github.com/samir/StringToSlug/blob/master/example.php

Artigos Relacionados:

1. jQuery Plugin stringToSlug
2. Problemas ao contar caracteres com strlen do PHP
3. Formatar moedas ou números decimais com a função number_format() do PHP

Download no GitHub (migrado para o GitHub em 26/07/2011)

jquery.stringToSlug.js 1.2.1

jQuery stringToSlug Plugin no GitHub para quem quiser contribuir

Depois de muito pesquisar um Plugin em jQuery que fizesse isso, encontrei muitos que funcionam para outros idiomas. Mas somente para idiomas que não possuem acentuação.

JQUERY SLUG PLUGIN (PT-BR Special Chars Replaces)
JQUERY SIMPLESLUG (PT-BR Special Chars Replaces)

Por isso, fiz questão de estudar as melhores features dos 2 plugins, e obviamente, que funcionasse em Português do Brasil [PT-BR].

Demo

Preview: altere-o-texto-deste-campo

Abaixo, segue a documentação em Inglês, pois pretendo disponibilizar no site da jQuery.

Default Usage:

/**
* Default Events: Blur, KeyUp e KeyDown:
* Default Get Put: #permalink
* Default Space Replacement: - (hiphen)
*/
$(document).ready( function() {
	$("#string").stringToSlug();
});

The values Default at Plugin Usage:

$(document).ready( function() {
	$("#title").stringToSlug({
		setEvents: 'keyup keydown blur',
		getPut: '#permalink',
		space: '-'
	});
});

Other(s) Event(s) Usage:

Para alterar os eventos, devemos inserir 1 ou mais eventos, separados por epaço:

$(document).ready( function() {
	//Only Event Blur
	$("#only-blur-event").stringToSlug({
		setEvents: "blur"
	);

	//2 Events or More
	//This sample, Usage Events: KeyUp and KeyDown
	$("#keyup-and-keydown-events").stringToSlug({
		setEvents: "keyup keydown"
	);
});

Other Get Put Preview Usage:

$(document).ready( function() {
	//Previem in all texarea
	$("input[name=string]").stringToSlug({
		getPut: "textarea"
	);

	//Preview in all elements preview class
	$("#input[name=string]").stringToSlug({
		getPut: ".class"
	);
});

Replace hiphen by other char Usage:

$(document).ready( function() {
	//Replace by underscore
	$("#input[name=string]").stringToSlug({
		space: "_"
	);
});

Dúvidas e/ou sugestões, favor informar nos comentários.
Melhorias na documentação são bem vindas.

Se este plugin é útil para você, por favor dê um feedback votando no site do jQuery:
http://plugins.jquery.com/project/stringToSlug

Versão Server Side em PHP

atualizado em 25 de Julho de 2010
Para visualizar e efetuar o download da Classe em PHP que faz o mesmo que este plugin, acesse o link da Classe StringToSlug PHP

Artigos Relacionados:

1. Classe StringToSlug Versão PHP Server Side
2. Qual arquivo da biblioteca jQuery devo utilizar?
3. Plugin Firefox Atualização do WordPress

Estava validando uma string que tinha valor máximo de caracteres com a função strlen() do php.

Acontece que a função strlen() funciona muito bem para encoding iso-8859-1 ou quando a string não tem acentuação. Ou seja, quando a string tem um caracter acentuado a função retorna um strlen maior do que realmente deveria.

Para isso, devemos utilizar a função mb_strlen() que possui um segundo parâmetro, onde definimos qual o encoding utilizado.

Solução

Como sempre utilizo encoding utf8 nos sites que desenvolvo, tanto no php/MySQL quanto no html, precisei trocar o strlen pelo mb_strlen():

mb_strlen($string_utf8, 'utf8');

Para mais informações sobre a função mb_stren() acesse:
http://us3.php.net/manual/en/function.mb-strlen.php

Artigos Relacionados:

1. Formatar moedas ou números decimais com a função number_format() do PHP
2. Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP
3. Manual do PHP na própria Máquina em Português do Brasil (PT-BR)

Para quem ainda não conhece, URL Amigáveis são aquelas URLs fáceis de serem decoradas. Onde deixamos de utilizar aquelas variáveis via GET que deixam a URL confusa e poluída. Ainda por cima dificulta a indexação do Google.

Se você precisa de um motivo para alterar os Links Permanentes do seu WordPress, saiba que seus leitores poderão facilmente decorar as URLs de seus posts ou de suas categorias e até mesmo dos seus ficheiros de arquivos antigos.
Além de possuir influência em SEO, uma vez que o Google e os demais buscadores pode indexar as URLs em maior relevância separadas por diretórios(URL amigáveis) ao invés de parâmetros enviados via GET.

Agora vou ensinar como trocar sua URL de:
http://www.meusite.com.br/?p=123
para
http://www.meusite.com.br/nome-do-meu-post

No Tutorial, estou utilizando a versão 2.7 do WordPress, mas seguindo minhas orientações você conseguirá alterar em qualquer versão do WordPress.

Antes de mais nada, você precisa habilitar o MOD REWRITE do APACHE. Mas a maioria dos servidores de hospedagem já habilitam essa opção por padrão. Aconselho a utilização de servidores LINUX para o seu WordPress com Apache2.

Após estar Logado em seu wp-admin, clique em Configurações(em algumas traduções você irá clicar em Opções).

Escolha Links Permanentes (Permalinks)

Perceba que o padrão é a opção: http://www.meusite.com.br/?p=123 :


Você pode escolher a opção Mês e nome ou Dia e nome, ideais para blogs de notícias, em que a data é importante. E útil deixá-la na própria URL. Assim, o usuário poderá identificar se o post é antigo ou atual.

Perceba, que ao selecionar as opções você pode alterar a Estrutura Personalizada.

A minha recomendação é deixar apenas /%postname%/

Antigamente, quando utilizava o domínio .com, deixei os permalinks com .html. Mas com o tempo percebi que atrapalha a leitura e também dificulta a memorização.
Não pense que a indexação do Google para SEO é melhor com .html que não é verdade.

Você também pode incluir o nome da categoria na URL do post. Muito útil para blogs que possuem muitos assuntos. Imagine que você tenha uma seção de esportes e outra de música.
E queira fazer um post sobre o Roberto Carlos(cantor ou jogador?)
Não seria interessante as URLs:
http://www.meusite.com.br/esportes/roberto-carlos/
e
http://www.meusite.com.br/musica/roberto-carlos/
Para isso, basta inserir, a variável %category% antes da barra do seu /%postname%/, conforme o meu exemplo:

Se quiser customizar sua URL com o nome do autor do post, utilize %author%

Mais customizações pela Documentação do WordPress sobre Using Permalinks

Muitos blogueiros alteram o nome de suas URLs e acabam se esquecendo de “traduzir” o category(valor padrão para categorias) para categoria. O local para esta tarefa é em Base da categoria.

Em alguns servidores, será necessário incluirmos um arquivo .htaccess.
O próprio WordPress costuma nos informar e ainda disponibiliza uma caixa de texto com conteúdo deste arquivo.

Deixarei abaixo o conteúdo do arquivo .htaccess do WordPress:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Caso tenha alguma dúvida, poste nos comentários.

Aproveito para pedir desculpas sobre minha ausência. Estou envolvido em 3 projetos grandes e como sempre o prazo é curto. Saibam que nem estou lendo meus feeds.
Mas em breve, postarei mais informações sobre WordPress e o Zend Framework. O qual tenho me dedicado muito tempo.

Também deixarei dicas e tutoriais de tudo que aprendi no Curso SEO do professor Paulo do Marketing de Busca, e também autor do livro Livro SEO Otimização de Sites(li e recomendo) e em breve deixarei informações e algumas dicas para otimização de sites.

Artigos Relacionados:

1. Como alterar a senha no wordpress
2. Como Instalar WordPress em Português do Brasil (PT-BR)
3. Qual arquivo da biblioteca jQuery devo utilizar?

Este blog está um pouco desatualizado. Mas não, não é mentira que eu postei …rsrs

Fiquei me divertindo com as pegadinhas e vou divulgar aos leitores do Blog.

Youtube de cabeça pra baixo

O Youtube está virado de cabeça pra baixo.
Para ver esta pegadinha basta adicionar o parâmetro &flip=1 após a URL do video que você quer brincar.
Veja http://www.youtube.com/watch?v=BfGSeD_fumQ&flip=1

Perceba que ele exibe um box com a mensagem: “Dicas para visualizar o novo layout”
Ele vai te ensinar quais as melhores maneiras de visualizar o site no 1º de Abril. (não vou estragar a piada)

Pegadinha do Chrome 3D

Além do Youtube, o Google “está lançando” o Chrome 3D produzido pelo CADIE(Cognitive Autoheuristic Distributed-Intelligence Entity) que utiliza estereoscopia pra simular uma tela 3D. (precisa do óculos vermelho/azul para funcionar)
Um site pra quem quer saber mais sobre o estereoscopia é o Fator Z

Pegadinha Gmail Autopilot

O GMAIL por sua vez está com o piloto Gmail Autopilot também produzido pelo CADIE.
Este piloto automático ficará(ia) respondendo seus emails automaticamente.
(seria muito bom para aqueles que não conseguem ler e responder todos os emails)

Alguém podia criar o postador de blogs para os blogueiros ocupados que nem eu. rsrs

Pegadinha Save IE6

A melhor pegadinha de todas, com certeza é a “campanha para Salvar o IE6″. Sim, o Save IE6 é um site divulgando uma campanha que pretende salvar o pior browser que já foi “inventado”.
Todos nós, desenvolvedores web odiamos este browser. E a campanha é uma sátira com comparações entre o IE6 e outros navegadores, também tem uma sessão com listas do porque é bom usar IE6.
Algo como:
- Em 2003 era o mais utilizado;
- Não possui BUGs
- Interface limpa
- Altamente seguro(constantemente atualizado) -> essa deve ser a pior
- O primeiro a utilizar o AJAX

…e por aí vai.

Tentei fazer o download sugerido pelo site, mas qualquer que seja sua resposta das 12 perguntas, o site nunca informará que você pode utilizar o IE6.

E você? Tem mais alguma pegadinha de 1º de abril?
Posta nos comments ae!

Artigos Relacionados:

1. Atualize seu navegador, Script do Imasters
2. A Linguagem influencia mais que o desenvolvedor?
3. Não deixar Homolog aparecer no Google

Gostaria de agradecer a todos que participam das discussões deste humilde Blog. Principalmente ao Felipe Ribeiro e ao Rodrigo Cacilhas pelos excelentes comentários e argumentações no A Linguagem influencia mais que o desenvolvedor? Que é de longe o post mais visitado do Blog.

Peço desculpas para todos os leitores de feed e a todos que esperam por novo conteúdo.

Neste ano de 2009, venho estudando muita programação e derivados, além de estar participando de vários projetos contínuos na MediaDev. Estudei diversos CMS para Ecommerces: O OsCommerce que virou Zen Cart, o PrestaShop e o excepcional Magento.

E com a dificuldade de otimização na maioria deles, juntando com a incompatibilidade do Servidor para a utilização do Magento. Well Rocha e eu concluímos que o melhor era utilizar um FrameWork.
Após estudarmos muito sobre o assunto e depois de ficarmos maravilhados com a modularidade do Magento, decidimos que ao invés de utilizarmos o CodeIgniter ou o CakePHP, o Zend Framework era o mais apropriado. Eu até comentei no post anterior que estava pensando em estudá-lo.

Por ser da Zend que desenvolve o PHP e ser feito todo em PHP5, com uma comunidade que está crescendo no Mundo e no Brasil. É modular, são feitos testes unitários antes de atualizarem uma nova versão, é altamente expansível e milhares de outros motivos. Além do @hilios do Hello Web que nos ensinou muita coisa e nos motivou a utilizá-lo, apostamos todas as fichas nele. E como esperado, estamos concluindo nosso primeiro sistema em ZF.
Em breve, desejo postar um passo a passo para quem está iniciando no ZF. Enquanto isso, siga-me no Twitter que eu comento diversos componentes dele. @leocaseiro

Além de estar envolvido neste Ecommerce e outros projetos por fora(em WordPress e PHP com OOP), concluí o Curso SEO do Marketing de Busca no início de Janeiro deste ano de 2009 e aprendi muito sobre o assunto. O Paulo é didático e paciente. Perguntei tudo o que podia sobre o assunto e pretendo montar uns artigos em breve.

Estive presente também no 1o Encontro do PHP-SP. Presenciei uma palestra com 4 ZCEs(Augusto Pascutti, Duodraco, Ivan Rosolen e Rafael Dohms) focada na prova de Certificação da Zend voltada ao PHP e uma aula com o Edgar da Silva sobre o Zend FrameWork.

Olha uma foto ae(sou o de laranja, pra quem não sabe…rsrs)

Bom, como podem perceber estou estudando bastante e trabalhando muito. Os 2 em paralelo e com isso é complicado montar artigos de qualidade.
Se quiser, me acompanhe no twitter que eu estou sempre por lá. Geralmente posto métodos e funções do ZF ou assuntos gerais da área. Raramente posto coisas inúteis, como muitos twitters rsrs…

Siga-me: @leocaseiro

Artigos Relacionados:

1. Olá, leitor!
2. Qual arquivo da biblioteca jQuery devo utilizar?
3. Como Instalar WordPress em Português do Brasil (PT-BR)

A divulgação feita pelo Imasters no Twitter mostra que a equipe criou um widget feito em javascript. Este script insere uma barra no topo do site(sem danificar o Layout, óbvio). A barra, conforme a imagem ilustrativa abaixo, exibe um link para todas as versões mais atualizadas dos navegadores.

O Imasters fez a parte deles! Agora vamos fazer a nossa. Você que é desenvolvedor coloque este script em todo site que construir. Assim, ajudaremos com o diminuição de usuários que utilizam browsers antigos, principalmente o IE6.

Estou também fazendo a minha parte de divulgar essa campanha. Aqui na agência tentaremos inserir este script em todos os sites que construímos. Quem sabe, todos os nossos usuários não irão atualizar os seus navegadores?

Divulgue essa campanha que é simples e inovadora. O Imasters mostrou mais uma vez, que uma brilhante idéia pode revolucionar o mundo.

E coloca logo no seu site, eu mesmo já coloquei. Tente acessar o LeoCaseiro.com pelo IE6.

O script para inserir a barra no site é:

<script src="http://imasters.uol.com.br/crossbrowser/fonte.js" type="text/javascript"></script>

Artigos Relacionados:

1. Pegadinhas 1º de Abril
2. Como chamar um Javascript externo dentro de um js tipo include
3. Deus como programador em uma Agência de Publicidade

Há uns dias atrás, o mesmo colega enviou o link de um post do José Milagre do Portal Imasters que causou um debate sobre a escolha entre PHP ou .NET.

Alguns programadores preconceituosos dizem que o PHP serve para trabalar com POG. Mas, você que programa em PHP se considera um moleque? Ou um programador que só faz gambiarras?

Eu não!
Sempre modelo minhas UMLs, estou migrando agora para MVC com a ajuda dos FrameWorks(comecei pelo CodeIgniter, mas estou querendo trabalhar com o ZendFramework).
E vão me dizer que é uma linguagem ruim, que só funciona com gambiarras ou é coisa de moleque?

Saiba que um dos portais de mais acesso no mundo é feito em PHP, o famoso compartilhador de vídeos YouTube.
O G1, portal de notícias da Rede Globo, com um dos melhores conteúdos na rede utiliza WordPress, um CMS também em PHP, em muitos blogs(senão todos).
O mesmo CMS é utilizado no site do Ministério da Cultura.
E milhares de outras ferramentas pela rede são criadas com o PHP.

O Felipe faz uma brincadeira com um print do ORKUT(feito em .NET) que exibe um erro.

Outro dia, recebi um email-marketing do maior e-commerce brasileiro, o Submarino e nele possuia um link que exibia erros absurdos em .net(até hoje este link possui falhas, confira). A falha é tão grande que deixa à mostra o endereço completo de algumas DLLs.
Imagine quantas pessoas não encontraram este erro? O Mailing deles deve ser enorme e desde que recebi este email(dia 8/12) está com esta falha.

Eu não acredito que seja um problema da linguagem, mas sim do desenvolvedor.

O que eu quero mostrar nesse post é que a ferramenta em si pode ser construída em qualquer linguagem. Se temos um desenvolvedor que conhece a fundo e sabe o poder da linguagem, ele vai construir excelentes ferramentas.

A minha linguagem predileta e que tenho mais domínio é o PHP. Infelizmente pseudo-desenvolvedores queimaram a linguagem e o mercado se desvalorizou. O .NET cresceu e o RoR está na moda.

Ambos são FrameWorks e não apenas linguagens de programação.
O .NET tem a vantagem de exportar uma DLL compilada, mas as 3 linguagens são poderosas.

Os FrameWorks com o Design Patterns MVC estão cada vez mais na moda. Eu já estou migrando.
E você? Já utiliza um FrameWork?

Você tem preconceitos com alguma linguagem de Programação? Qual? Por quê?

Dê uma olhada na apresentação de uma palestra do Felipe Ribeiro e deixe sua opinião nos comentários.

Artigos Relacionados:

1. Desenvolvedor Web precisa estudar mais do que Médico
2. Trocando o $this do php4 por self no php5
3. Manual do PHP na própria Máquina em Português do Brasil (PT-BR)

O também freelancer, Sandro Reiller, discute situações de primeiro contato com o cliente. O foco principal é aquela pergunta conhecida:

“Quanto você cobra por um site? Ele é simples, tem apenas alguns links, umas fotos e a história da empresa, uma animação básica em Flash. Coisa bem simples!”

Assim como meu ex-professor de faculdade, Rodrigo Mavu, Sandro comenta que os pseudo-designers(os sobrinhos) acabam com o mercado.

Alguns exemplos de como se portar nas reuniões de seus clientes são citados na palestra. Uma situação que eu até dei muita risada, foi a resposta do Sandro para um dentista que lhe solicitou um orçamento de um site simples:

“Quanto você cobra para cuidar da minha boca? Ela tem aproximadamente 32 dentes e uma língua normal. É uma boca simples.”

O foco desta etapa da palestra é mobilizar o cliente e impressioná-lo, criando uma situação que todo o designer e programador passa. Ele explica que não existe uma tabela. cada caso é um caso.

Esses e outros casos são expostos na palestra. Se você estiver interessado e disposto a assistir o video completo, confira na seção video do site da Infnet. O video possui a média de duas horas de duração. Com certeza não é nenhum tempo perdido. Aproveite suas horas vagas e saiba quanto cobrar pela sua prestação de serviço.
Aproveite, depois de assistir o vídeo, opinando nos comentários.

Fonte: Mateus Souza – Quanto cobrar por um site?

Obs: Em Dezembro do ano passado(2007), a INFO disponibilizou uma tabela de salários para as carreiras da nossa área.

Artigos Relacionados:

1. Ferramentas para Gestão e Análise de um Site
2. Deus como programador em uma Agência de Publicidade
3. Porque os programadores precisam virar noites para entregar no prazo

Aí eu te pergunto se você(assim como eu) se encaixa em algum dessas opções

• Você não conhece todas as funções do PHP
• Você não lembra todos os nomes das funções ou as confude(afinal, errar é humano)
• Você conhece uma função, mas não sabe se existe alguma semelhante ou que sirva melhor para seu algoritmo
• Você deixa a página do php como inicial do seu navegador

É, acredito que se algum dia você desenvolveu, ou se ainda programa em PHP, se encaixa em um dos perfis acima.

Não dependa mais da web e faça o download do arquivo de ajuda do manual do PHP em Português do Brasil.

Caso você queira o arquivo em outro idioma clique no link abaixo:
http://www.php.net/distributions/manual/php_manual_pt_BR.chm

Atenção: Caso o seu arquivo não abrir ou exibir algo como “A página não pode ser exibida”, então clique com o botão direito do mouse e clique em Desbloquear.

Desbloqueando o Arquivo de Ajuda

Arquivo de Ajuda do PHP desbloqueado

Obs: algumas funções ou referências ainda não foram 100% traduzidas.

Abaixo deixo algumas dicas de como utilizar este manual como arquivo ajuda.

Temos o Sumario que é praticamente a copia do site na web.

Sumário da Ajuda do PHP

Navegando pelo Conteúdo da Ajuda do PHP

Quando abrimos a ABA Índice, podemos utilizar como um auto-completar de todas as funções do PHP. É ótimo para lembrarmos o “resto” do nome daquela função.

Auto-Completar na Aba Índice pela Ajuda do PHP

Algo que não poderia faltar é um sistema de Busca. Serve para quando não conseguir encontrar nada pelo Auto-completar. Este eu recomendo até utilizar antes do Google.

Resultados da pesquisa feita na Ajuda do PHP

E para finalizar, guarde as “páginas” mais utilizadas nos Favoritos. É bem no estilo Web2.0. Caso você queira guardar a página que está sendo visualizada. abra a aba Favoritos e clique lá embaixo à esquerda em Adicionar. Antes de adicionar você pode até alterar o nome que será exibido na sua lista. O mesmo poderá ser alterado ou excluído mais tarde.

Favoritos ou Bookmarks da Ajuda do PHP

Saiba que o conteúdo é excelente para novatos(pois tem desde a história do PHP) até aos mais avançados(possui toda a documentação da linguagem).
Acreditem, descobri até que possui uma função chamada dotnet_load(); Provavelmente o PHP roda até script em .NET.

Artigos Relacionados:

1. Como Instalar WordPress em Português do Brasil (PT-BR)
2. Formatar moedas ou números decimais com a função number_format() do PHP
3. Liberar acesso externo no PHP para AJAX (crossdomain)

Após digitar “Banco Real” na busca do Google, encontrei um plagio do Internet Banking do Banco Real que aparece em Links Patrocinados. Eles devem ter aproveitado que o Banco Real não o fez, não tinha feito(O Banco Real utiliza os Links Patrocinados desde a divulgação deste post), e então aparecem apareciam sempre em primeiro. Como devem saber, randomicamente o Google exibe o Link Patrocinado embaixo do campo de busca. Para usuários comuns, interpretam como sendo o primeiro resultado. Ou seja, acreditam fielmente que é o Site Oficial.

Estou chocado com o GOLPE que percebi de imediato!

Acredito que 98% dos leitores seriam capazes de identificar este Golpe. Mas por gentileza, avisem aos seus colegas que são usuários comuns. Até mesmo, algum usuário com pressa e desatento poderia cair numa armadilha dessas.

É impressionante a qualidade do Golpe.

Um usuário comum ou até um desatento não perceberia em momento algum que passa de um site corrupto.
Os marginais desenvolveram um site que possui o Layout idêntico ao Site Oficial e utilizam os Links patrocinados do Google para aparecerem até mesmo antes do Site Oficial.

A home é idêntica ao site oficial. Como fiquei impressionado, segui por todos os campos para analisar o Golpe.

Após digitar os dados na Home, temos um teclado virtual idêntico ao site oficial do Banco Real. Testei utilizar o teclado, e não funcionou. O desenvolvedor sabia mesmo o que estava fazendo.

A partir daí, eles já sabem a sua senha. E podem visualizar toda a sua conta. Mas com apenas estes dados, os marginais não podem. Portanto, eles redirecionam para uma janela(que não existe no Site Oficial) e solicitam o seu CPF e sua senha. Percebam que a senha solicitada é a do Disque Real.

Após digitar os dados, eles exibem uma janela de erro. O impressionante, é que a semelhança dessa janela de erro com alguns alertas do site oficial são imperceptíveis até mesmo para quem utiliza esse serviço diariamente.

Com o seu CPF eles podem, pelo próprio Google, descobrir todos os seus dados e aplicarem vários Golpes. Principalmente pelo Disque Real, que é extremamente seguro, porém se você não divulgar a sua senha. Em algumas movimentações, o atendente solicita alguns dados pessoais para comprovação. Dados que os marginais podem descobrir facilmente pelo Google.

Percebam que em momento algum, o site possui a chave de segurança, conseguindo com o https!

Por favor, divulguem isso para todos que vocês conheçam!

Obviamente, não é um email mentiroso! Eu mesmo fiz esses screenshots e essas marcações! Caso não acredite, teste você mesmo!

Obs: Não vá digitar os seus dados corretamente e depois me xingar, né? rsrs

Uma dica para você dificultar cair num golpe desses. Sempre que for acessar sua conta do banco, preencha a senha pela primeira vez incorretamente. Se for realmente seu banco, irá informar um erro de usuário. Aí você pode confiar um pouco mais para digitar novamente. Só não vai errar 3 vezes e bloquear a senha, né?

Artigos Relacionados:

1. Não deixar Homolog aparecer no Google
2. Ferramentas para Gestão e Análise de um Site
3. Como Instalar WordPress em Português do Brasil (PT-BR)

Você já se imaginou nesta situação?

Desabrigados em Santa Catarina

Imagine um dia voltando para sua casa do seu trabalho e você não encontra sua casa.
Você não tem mais sua TV, seu computador, seu SOM, seu Telefone (ninguém irá mais te contatar…Ha! você tem celular? E cadê o seu carregador agora?), não tem mais nenhuma roupa, nenhum tênis. Não tem mais nada!
Você perdeu todos os seus documentos, cartas, perdeu todos os móveis da sua casa. E ainda por cima, assim como todo brasileiro já estava endividado, está sem condições psicológicas nenhuma de ir trabalhar e pagar as suas contas ou comprar algum produto novo.
Fora que você não tem mais onde dormir, ou seja, está completamente inabilitado de fazer qualquer coisa.

Então deixe de dar presentes de Natal para quem não perdeu nada e faça uma caridade! Principalmente agora que você receberá seu 13o.

Sim, estou fazendo minhas doações. Estou endividado, mas quando me imaginei nessas situações, meu coração falou mais alto e a minha solidariedade me comoveu.

Além de fazer sua doação, faça um comentário (no mínimo de 2 linhas) no Fique-Rico até o dia 8/12 e ajude com 0,10Euros.

Pesquisando um pouco no Google, encontrei também algumas coisas que posso ajudar ainda mais. E assim farei.

Então, se você quer ajudar, manda ver, se você não quer, nunca mais leia meu BLOG!

• Veja o que doar
• Doações para o Desastre de Santa Catarina
• Saiba como ajudar de forma correta as famílias desabrigadas de Santa Catarina
• Blogueiro Divulgador
  
• *Página do Google com excelentes Informações

Alguns Resumos encontrados nos links acima:
(…)Se você mora em Santa Catarina pode doar em qualquer unidade do Senac/SC, CIEE/SC, OAB/SC, e Defesa Civil de todas as cidades catarinenses. Mas preste atenção nas orientações da Defesa Civil em relação a essas doações.

Se você mora em outro estado, pode ajudar também. Encaminhe doações para a Defesa Civil de seu estado ou para o Exército. Confira os locais de coleta que estão sendo atualizados pelo Google Maps. (…)

(…)A Defesa Civil de Santa Catarina disponibilizou um número de discagem gratuita para os interessados em fazer doação por depósito bancário . Por meio do 0800 48 2020 será possível obter todas informações sobre Bancos e contas bancárias abertas para esse fim.(…)

*Update em 02/12/2008 às 10h57

Artigos Relacionados:

1. Garoto de Programa ou programador
2. Deus como programador em uma Agência de Publicidade
3. Liberar acesso externo no PHP para AJAX (crossdomain)

Estava fazendo manutenção em um código, quando me deparei com o código do analytics. E percebi que o Google faz isso a décadas.

Se você, como eu, ainda não sabe(sabia) como fazer isso, veja:

<script type="text/javascript">
document.write(unescape("%3Cscript src='nomedoarquivo.js' type='text/javascript'%3E%3C/script%3E"));
</script>

É simples e funcional. Nunca mais eu farei algo concatenando strings com strings, como:

<script type="text/javascript">
document.write('<scr '+ 'IPT type="text/javascript" SRC="arquivo.js">< /SCRIPT>');
</scr></script>

Fui super contente avisar meu colega de trabalho pelo MSN, o Pedro Rogério que me mostrou uma outra forma. É um pouco mais complexa, utiliza o createElement por DOM. E pode funcionar melhor para scripts dinâmicos.

<script type="text/javascript">
function include(file_path){
var j = document.createElement("script"); /* criando um elemento script: </script><script></script> */
j.type = "text/javascript"; /* informando o type como text/javacript: <script type="text/javascript"></script>*/
j.src = file_path; /* Inserindo um src com o valor do parâmetro file_path: <script type="javascript" src="+file_path+"></script>*/
document.body.appendChild(j); /* Inserindo o seu elemento(no caso o j) como filho(child) do  BODY: <html><body><script type="javascript" src="+file_path+"></script></body></html> */
}

//incluindo um arquivo com a função include()
include("arquivo.js");

function include_once(file_path) {
var sc = document.getElementsByTagName("script");
for (var x in sc)
if (sc[x].src != null &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; sc[x].src.indexOf(file_path) != -1) return;
include(file_path);
}
//incluindo um arquivo com a função include_once()
include_once("arquivo.js");

Artigos Relacionados:

1. Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP
2. Solução em Javascript para Imagens inexistentes no servidor
3. Liberar acesso externo no PHP para AJAX (crossdomain)

Fiquei descontente, mas logo descobri que era uma atualização de segurança e da correção de 3 BUGs.

Está dado a dica!

Atualizem seus BLOGs

Download do WordPress já em português do Brasil

Artigos Relacionados:

1. Como alterar a senha no wordpress
2. Como Instalar WordPress em Português do Brasil (PT-BR)
3. Atualize seu navegador, Script do Imasters

Mas por que isso acontece?
Por que sempre recebemos todo o material para trabalhar um dia antes do prazo?

O cliente entra em contato com a área de atendimento da agência, super acelerado, porque o prazo está curto e solicita uma criação. O diretor de arte estava num brain storm com sua equipe em um outro projeto, enquanto o profissional de atendimento liga e chama atenção no messenger. Isso, obviamente acaba de “estragar” o JOB que estavam discutindo, e no próprio telefone, o D.A. decide o que será feito nessa nova peça.

Então é aquela correria para entregar uma criação de qualidade e eficiência para satisfazer o cliente fiel à agência.

O D.A. liga para o profissional de arquitetura de informação, que liga para o programador(o mesmo já elimina diversas pirações do D.A. que jamais podem ser programadas neste curto prazo). Enfim, a criação envia uma peça para aprovação para o cliente.

O cliente, após ligar para o atendimento insistentemente recebe por email a peça que deverá ser aprovada antes da integração. No corpo do email, é estipulado um prazo(levando em consideração os JOBs que estão em andamento Hoje).

Somente um dia antes do prazo, o cliente retorna a ligação(aproximadamente uns 20 dias depois do email enviado por nós que deveria ser aprovado na hora. Afinal o cliente estava aflito) e informa que foi aprovado e devemos entregar amanhã, pois a campanha estará rolando depois de amanhã.

E agora, você programador, que está fechando todos os softwares, desligando a máquina e respondendo seus últimos emails do dia, recebe um alerta no messenger do seu chefe dizendo:
- Lembra daquele JOB que era pra amanhã? Então, o cliente aprovou!

(antes de responder, você olha para o relógio e percebe que faltam 3 minutos para ir embora e escreve)

- Eu to indo embora!

(aí seu chefe, que é também seu parceiro te implora para quebrar mais essa)

Não sei se vocês já passaram alguma vez por isso. Mas comigo já rolou muitas vezes!

E eu pergunto de quem é culpa? É do cliente? da agência? ou do atendimento?
Na minha opinião, o atendimento poderia informar ao cliente que não entregaríamos o JOB porque estamos apertados…mas daí o cliente liga pra outra agência e entrega no prazo.

E o que acontece? Perdemos mais um cliente para outra agência?

Difícil, né?

Artigos Relacionados:

1. Deus como programador em uma Agência de Publicidade
2. Você cobra como sobrinhos para construir um site?
3. Desenvolvedor Web precisa estudar mais do que Médico