LeoCaseiro Blog

Faça a pergunta correta!

Tue, 01 Apr 2014 13:29:10 GMT

A pergunta correta é a chave para a sua solução!

Sempre que fizer a pergunta correta, solucionará o seu problema mais rápido e com muito mais eficiência.

Já faz algum tempo que sou voluntário no Fórum Brasileiro do WordPress e vejo muitas perguntas sem o menos sentido. Eu, como voluntário, passo despercebido por perguntas vazias ou sem o menor senso de direção. Prejudicando o usuário questionador intencionalmente.

Se você vira noite para corrigir bugs gerados por você mesmo ou por alguém do seu time, talvez não seja um problema de conhecimento técnico. Acredito muito na experiência rotineira do dia a dia de um Dev.

Caso passe muitas horas tentando resolver pequenos problemas de código, bugs gerados acidentalmente ou até mesmo por falta de compatilidade de ambiente homologação/produção, você precisa se re-analisar seu cenário como desenvolvedor.

A falta de conhecimento técnico nem sempre é o problema ali. Mas sim, a experiência com o idioma. Voltando ao meu post anterior sobre idiomas. O domínio da Língua Inglesa, Portuguesa ou qualquer que seja, faz mais diferença do que o seus anos de estudos em cálculos matemáticas, fluxograma e algoritmos pra regras de negócio.

Qual o sentido de continuar utilizando o Google se não encontra suas soluções.
Na minha palestra Agilize sua busca e use RSS a seu favor, tentei mostrar dicas de como explorar alguns recursos do site de busca mais famoso do mundo.
Utilizando esses recursos de maneira incorreta, o tiro pode sair pela culatra e o seu tempo que é dinheiro pode te dar mais prejuízo que você esperava. Você vai ter um efeito inverso, tendo no seu final de expediente milhares de abas de navegadores abertos com milhares de scripts ou conceitos diferentes para chegarem na sua solução.

To be ahead!

Tente prever o futuro!
Tenha Foco! Descubra primeiramente qual o seu problema, para só depois reformular a sua pergunta.

O Google responde tudo, até mesmo se você é inteligente ou não!

Programador tem que ser fluente (English)

Tue, 18 Mar 2014 16:51:49 GMT

Estudar! Estudar e estudar. Está parecendo que vou re-escrever aquele post de Programador que precisa estudar todo dia, toda hora.

Acredite!
Uma das melhores escolhas da minha carreira, foi dedicar-me um ano de intercâmbio aqui na Austrália para ficar fluente em inglês. Parei de programar e só foquei no idioma.

Depois de tanto tempo perdendo tempo tentando traduzir documentação por tradutores simultâneos. Fazendo perguntas mirabolantes que nunca se quer foram respondidas em fóruns de conteúdo português. Tanta pergunta que só foi respondida depois de muito tempo...

Você aí! Que continua resistindo nesta escolha de encontrar tudo no nosso idioma. Acha que evoluir numa tecnologia, num aprendizado de uma nova metodologia, ou até mesmo de uma nova linguagem sem dominar Inglês é fácil? E corrigir um bug com Log Error?

Faça um teste:
Pesquise sobre qualquer bug. Mas traduza a sua pergunta(pt_br => en), e veja quantas respostas são úteis após a click on the search button.
Depois de fazer a pergunta e encontrar a resposta. Faça a mesma em Português e clique no botão buscar.

Ta vendo? Só tem porcaria! (espero)
Quando tem solução, é de alguém que sabia inglês e copiou e colou do stackoverflow.
Ali sim tem todas as repostas. Ou nas documentações dos Frameworks, Linguagens e Bibliotecas.

Confira ao seu redor, os programadores bons que você conhece. Palestrantes de grandes eventos. Seus seguidores do Github e suas conexões do LinkedIn. Quais desses possuem bons cargos e grandes salários e não dominam o idioma?

Use o google.com. O google.com.br "não funciona" para source code.

Toda linguagem famosa que tem uma Library, que por sua vez, possui uma excelente Documentation. Sabemos que versões novas são lançadas todos os dias...
E documentação vem só após lançamento de versão. Quanto tempo você vai esperar por uma tradução de qualidade? Pra que esperar se você pode ir na fonte e tirar vantagem do seu competidor? Ou você acha que o emprego da moda não é programar Apps for Android and iPhone?

Eu fiz essa escolha!
Parei de programar durante 2013 inteiro e com certeza não me arrependo.

Ta certo que eu devia ter feito em 2011/2012, né? Quanta coisa nova ta rolando por aí e eu to correndo pra me atualizar...
Acho que nunca foi tanta coisa em tão pouco tempo! Ou eu que estava muito antenado?

Enfim. Perdi toda essa re-estruturação de Front-End coding. É AngularJS, Bootstrap, Initialirz com Boilerplate, e o tão poderosos GruntJS, etc etc etc. Sem falar nessa loucura de Mobile Apps que ta pegando até mais que Web.

É! Perdi tudo isso! Agora, eu to lendo a documentação na base. De qualquer coisa, estou fazendo os cursos dos renomados websites Lynda.com e Coursera.
O que acelerou e muito o meu processo de voltar à ativa com muita qualidade e maturidade no meu código.

É galera, to meio enferrujado no Português e acabei deixando o post sem muita conclusão. Mas siga o meu conselho! Aprenda inglês. Se não quiser focar 1 ano e parar no dev, faça um curso extensivo nas suas férias. Assista palestras de international developers. Vale muito a pena.

PS: Google Translate é bom pra estudante de ensino fundamental. Profissional tem que se virar!

Inserir iframe num Post WordPress com shortcode

Fri, 02 Dec 2011 19:16:16 GMT

Adicione o seguinte código no seu arquivo functions.php

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"https://leocaseiro.com.br/" width="500" height="300"]

Referência graphicbeacon.com

Não deixar Homolog aparecer no Google

Sun, 18 Sep 2011 11:30:02 GMT

Muitos sites que eu desenvolvo precisam de um servidor de Homolog em um domínio/sudomínio. Assim, o cliente pode testar de qualquer lugar que tenha internet.

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!

Liberar acesso externo no PHP para AJAX (crossdomain)

Thu, 15 Sep 2011 15:25:53 GMT

Estou num projeto onde utilizo o PHP para gerar alguns JSON e HTMLs que devem ser acessados de outro domínio.

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!

Funções úteis para WordPress no functions.php

Wed, 27 Jul 2011 19:41:02 GMT

Ultimamente tenho feito muitos trabalhos(sites) utilizando o WordPress. E na maioria deles, sempre que utilizo a WP_Query ou até quero programar em PHP mesmo, preciso criar ou utilizar uma função no functions.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

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

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($wpdb->prepare("SELECT ID FROM $wpdb->posts WHERE post_name = '%s'", $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!

Capturando informações do Flickr, Yotube e etc com oEmbed

Tue, 21 Sep 2010 21:50:56 GMT

Estava procurando como inserir videos do Youtube e fotos do Flickr no WordPress e acabei me deparando com um Projeto muito bom, o oEmbed

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:

http://www.flickr.com/services/oembed/?url=http://www.flickr.com/photos/mbottan/3418061959/

<?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:

http://www.flickr.com/services/oembed/?url=http://www.flickr.com/photos/mbottan/3418061959/&format=json

{
  "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:

http://www.youtube.com/oembed/?url=http://www.youtube.com/watch?v=cm_u2QHwpRk

{
  "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></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:

http://www.youtube.com/oembed/?url=http://www.youtube.com/watch?v=cm_u2QHwpRk&format=xml

<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></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>

Classe StringToSlug Versão PHP Server Side

Sun, 25 Jul 2010 14:19:33 GMT

A Classe StringToSlug transforma qualquer String em formato Slug. Transformando os caracteres em letras minúsculas, fazendo uma troca/replace de caracteres com acentuação em caracteres não acentuados. E transformando espaços em hífens.

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

jQuery Plugin stringToSlug

Thu, 17 Sep 2009 17:47:28 GMT

O plugin jQuery stringToSlug serve para criar URL AMIGÁVEIS (SLUG), conhecidas como permalinks.

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

Acesse pelo link http://leocaseiro.github.io/jQuery-Plugin-stringToSlug/

jquery.stringToSlug.js 1.3

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

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 dash 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

Problemas ao contar caracteres com strlen do PHP

Thu, 10 Sep 2009 17:22:15 GMT

Problema

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

Tudo sobre utilizar Permalinks no WordPress

Wed, 20 May 2009 00:46:48 GMT

Acompanho muitos feeds de Blogs e a maioria deles é em WordPress.
Percebo que alguns blogueiros, por não conhecerem a simplicidade de utilizarem esta função no WordPress, não utilizam URL Amigáveis.

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).

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.

Pegadinhas 1º de Abril

Wed, 01 Apr 2009 19:55:51 GMT

Hoje é 1º de Abril, e as pegadinhas já surgiram no dia da Mentira de 2009.

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!

Ausente do Blog, presente no Twitter e estudando ZF

Wed, 18 Feb 2009 12:44:54 GMT

Este post é para os leitores assíduos deste blog(como se fossem muitos rsrs). Mas serve para quem gostaria de uma opinião sobre Framework PHP.

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

Atualize seu navegador, Script do Imasters

Wed, 07 Jan 2009 15:00:13 GMT

Meu colega de trabalho, Pedro Rogério, acabou de me mostrar a última twittada do Imasters.
O Pedro postou no Pinceladas da Web que o navegador IE6 está causando discórdia e desconforto desde 2001. Segundo a Astrologia, o ano 2009 determina o fim do uso do IE6. Espero que esteja certo.

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>

A Linguagem influencia mais que o desenvolvedor?

Fri, 19 Dec 2008 15:48:28 GMT

Um colega de trabalhado, Felipe Campos, me enviou uma excelente apresentação que fala sobre a força do PHP.

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(Ruby on Rails) 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.

PHP não é coisa de moleque por Felipe Ribeiro

Você cobra como sobrinhos para construir um site?

Mon, 15 Dec 2008 00:20:45 GMT

Encontrei um vídeo com excelente abordagem sobre orçamentos de uma homepage. A palestra do professor da Infset é mais focada em Webdesigners, mas acredito que todos que trabalham na área já se depararam num momento desses.

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.

Manual do PHP na própria Máquina em Português do Brasil (PT-BR)

Thu, 11 Dec 2008 12:00:36 GMT

Estava desenvolvendo uma classe aqui na minha máquina local e esqueci o nome de uma função. Eu entraria no site do php ou procuraria no pai dos burros, mas estava sem internet(percebi o quanto sou dependente de um site de buscas e da web).

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.

Golpe para roubar senhas do Banco Real pelos Links Patrocinados do Google

Tue, 09 Dec 2008 22:21:30 GMT

Não é mentira! Acredite se quiser. E caso não acredite em mim! Faça o teste pelo Google.

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é?

Ajude desabrigados de Santa Catarina

Mon, 01 Dec 2008 20:46:57 GMT

Lendo meus feeds, encontrei a maravilhosa atitude solidária do Fique-Rico.
Um blog que ensina os blogueiros a ganharem dinheiro, e agora está movendo uma ação para ajudar os desabrigados de Santa Catarina.

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.

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!

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.(...)

Atualizado em 02/12/2008 às 10h57

Como chamar um Javascript externo dentro de um js tipo include

Fri, 28 Nov 2008 20:20:30 GMT

Eu sempre tentei fazer uma chamada de um arquivo Java Script externo dentro de outro. E sempre tive problemas.

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.

function include(file_path) {
  /**
   * criando um elemento script:
   * </script><script></script>
   */
  var j = document.createElement("script");

  /**
   * informando o type como text/javacript:
   * <script type="text/javascript"></script>
   */
  j.type = "text/javascript";

  /**
   * Inserindo um src com o valor do parâmetro file_path:
   * <script type="javascript" src="+file_path+"></script>
   */
  j.src = file_path;

  /**
   * Inserindo o seu elemento(no caso o j) como filho(child) do BODY:
   * <html><body><script type="javascript" src="+file_path+"></script></body></html>
   */
  document.body.appendChild(j);
}

/**
 * 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) {
      sc[x].src.indexOf(file_path) != -1) return;
    }
    include(file_path);
  }
}

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

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

Plugin Firefox Atualização do WordPress

Wed, 26 Nov 2008 11:37:41 GMT

Hoje, logo que liguei minha máquina apareceu um aviso do meu plugin WordPress Helper para Firefox , dizendo que existia uma versão nova do WordPress. Fui correndo para ver se já era a versão 2.7, mas no fim, vi que era apenas a versão atualizada do 2.6.5

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

Porque os programadores precisam virar noites para entregar no prazo

Tue, 18 Nov 2008 12:45:40 GMT

Quantas vezes te pediram para entregar um JOB para amanhã de manhã? Aí você olha o relógio e observa que há exatamente 10 minutos é o seu horário de ir embora. Logo no dia que você precisa dormir um pouco para se recompor de uma semana tensa.

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.(Diretor de Arte) 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é?

Desenvolvedor Web precisa estudar mais do que Médico

Wed, 12 Nov 2008 20:31:54 GMT

Ainda me lembro de quando estava na 7ª ou 8ª série. Eu queria ser médico, acreditam? Sim. Adorava Biologia e Genética. Sonhava em ter um Dr. Antes do meu nome, mas desisti porque achei que teria que estudar muito.

Burro eu! Escolhi fazer um Curso Técnico em Informática, (só porque mexo em computadores desde pivete. Sempre eu que arrumava o PC da família, de amigos, etc) e desde então, nunca mais parei de estudar. Será que um médico precisa estudar tanto quanto um programador Web? Acredito até que nesta área precisamos estudar mais do que um programador de Softwares.

Por quê? Trabalho quase que 24h no computador. E se não estou focado em algum projeto, estou lendo algum post, algum PDF ou pesquisando algo no Google. Isso se não estiver no ônibus ou metrô lendo uma Revista(recomendo a Revista W) ou um livro da área.

Precisamos aprender sobre padrões web, acessibilidade, compatibilidade entre tecnologias(cross-browsers), otimização para crawlers e robots, desempenho de Servidores, compatibilidade de versões do Apache ou IIS, Design Patterns, conhecer diversos CMS´s, estudar Frameworks, desenvolver algoritmos “mágicos”, etc.

E o pior de tudo isso, é que somos de T.I., mas trabalhamos em agências. Ou seja, precisamos fazer um milagre para entregarmos o Job em dia.

Você possui algum certificado de uma linguagem como o da Zend PHP ou da Microsoft .NET?

Tentei fazer algumas simulações e descobri que preciso evoluir muito para tirar um certificado. Isso porque já participei de muitos desenvolvimentos de sites/sistemas e afins.

É, leitor, quanto mais eu leio, mas eu descubro que preciso ler mais!

Afinal, nossa área cresce a cada dia. As tecnologias não param de aparecer, e novas técnicas são implantadas. Se você para de se atualizar, perde para um mercado tão competitivo.

E você? Acha que um médico precisa estudar mais do que nós desenvolvedores?

Eu posso estar exagerando, mas se você é preguiçoso(como eu era), não vire médico e nem programador! Ou será mais um desempregado...rsrs

Solução em Javascript para Imagens inexistentes no servidor

Thu, 06 Nov 2008 12:00:25 GMT

Saiba como utilizar o evento onerror do JavaScript para substituir falhas de imagem(<img>) ou até janela(window).

Com certeza você já passou por algum deste problemas:

O seu site precisava de uma imagem e ela não estava mais lá.
A imagem não foi carregou corretamente e nem Deus sabe o motivo.
O seu script de UpLoad deu problema e corrompeu o arquivo antes de subir para o seu
servidor.
O nome da imagem está errado no seu banco de dados

Comigo foi assim, estava criando uma galeria de vídeos que devia exibir um screenshot(na agência chamamos de frame), mas acontece que tínhamos alguns vídeos que ainda não possuíam o screenshot. E tendo todos os dados necessários para serem exibidos no site, menos o screenshot, deveriam ser listados na HOME.

O que fazer neste caso?
Criar um código php do tipo if file_exists()?
Conheço uma opção melhor e nativa do JavaScript.

Evento OnError

Como funciona o evento OnError?
Funciona ao contrário do evento OnLoad que é a resposta de uma imagem (ou uma janela) que foi carregada com sucesso(ta aí o nome OnLoad = Carregou com Sucesso)

Assim que o browser interpretar um erro de carregamento de uma imagem(também pode ser utilizado em um window, como uma PopUp), ele executa o método OnError.

Como e onde utilizar o método OnError?

<img src="imagem-nao-existe.gif" onerror="this.onerror=null; this.src='thumb-video-default.jpg'" />

Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP

Wed, 05 Nov 2008 13:35:49 GMT

Este post foi atualizado, pois eu encontrei que existem diversos algoritmos para esta função chamado shuffle()

De qualquer maneira, ainda acredito que este seja o melhor e menor algoritmo.

Então, se quiserem, o melhor nome para esta função é shuffle() Pois no php, existe esta função nativa e funciona da mesma maneira!

Procurei algo como random() ou array_rand() que fosse nativa do JavaScript, porém não encontrei. Mas, econtrei uma função interessante, que funciona muito bem:

function randOrd() {
    return (Math.round(Math.random())-0.5);
}

Caso tenhamos um array como no modelo:

var nome = Array();
nome[0] = "Carlos";
nome[1] = "João";
nome[2] = "Leo";
nome[3] = "Maria";
nome[4] = "Silvia";

Perceba que os valores de nosso array está em ordem alfabética. Utilizamos então a função randOrd() em nosso array:

nome.sort(randOrd);

Ao imprimir os array, eles estarão desordenados.

Uma maneira de exibí-los é utilizando um for:

totalNomes = nome.sizeOf;
for (i=0; i<totalnomes ; i++) {
    document.write('\ Este é o array['+i+']: ' + nome[i]);
}

Este exemplo poderá mostrar:

Este é o array[0]: Maria
Este é o array[1]: João
Este é o array[2]: Leo
Este é o array[3]: Carlos
Este é o array[4]: Silvia

Qual arquivo da biblioteca jQuery devo utilizar?

Tue, 04 Nov 2008 12:06:51 GMT

Já utilizo a biblioteca do Framework em JavaScript jQuery ha algum tempo. Sempre utilizei o arquivo compactado(Packed), por achar que carregaria mais rápido, afinal é o menor(30.3KB). Mas, o dinossauro do CSS(Maujor) explica que por ser um arquivo compactado, demora para ser interpretado. E ainda por cima, ele não fica armazenado em cache.

A partir de hoje, sempre utilizarei o arquivo Minified(54.5KB), que tem o menor peso, o melhor desempenho e ainda é armazenado em cache.

Para quem não sabe, o MAUJOR é um excelente professor e autor. Depois de lançar os livros sobre CSS e XHTML, ele vai lançar um livro sobre jQuery(leia o sumário do livro). Que com certeza eu irei adquirir. Quem ainda não leu os 2 livros e trabalha com web está perdendo e muito. E não esqueça, ao usar jQuery, utilize o arquivo minified.

Atualmente, o Framework em JavaScript está na sua versão 1.2.6 Download do arquivo jquery-1.2.6.min.js

Trocando o $this do php4 por self no php5

Wed, 29 Oct 2008 16:13:16 GMT

Estava criando uma classe em um servidor de um cliente. Como sempre, utilizo métodos ou atributos de uma mesma classe chamando por $this. E tive o mesmo problema que o Tiago Floriano. Eu estava desatualizado na linguagem e tive um problema de sintaxes.

Mesmo sendo tudo php, o php5 melhorou sua performance e desempenho, principalmente com questões de OOP. Com isso, algumas sintaxes foram re-estruturadas.

Por isso, o meu código estava aparecendo o seguinte erro: Fatal error: Using $this when not in object context in

Depois de muito pesquisar no pai dos burros, encontrei a solução. Descobri que trocando o $this->nomeDoMetodo() por self::nomeDoMetodo() funcionaria no php5.

Mas para mim, não basta ter apenas a solução. Portanto pesquisei mais sobre php5 e sua "nova" estrutura de Classes. Que é Composta por Encapsulamento(Public, Protected e Private), Constantes de Classe, Interfaces e Propriedades Estáticas(que é o caso do $this), o Design Pattern Singleton que é muito interessante e outros conceitos que pretendo abordar logo mais.

Se você é tão curioso quanto eu, ou apenas gosta de atualizar-se, leia este material completo em PDF que absorve bastante sobre OOP(Programação Orientada a Objetos) em PHP5.

Formatar moedas ou números decimais com a função number_format() do PHP

Fri, 24 Oct 2008 18:50:44 GMT

A função number_format() do PHP, além de trocar ponto(.) por vírgula(,), também serve para definir quantas casas decimais teremos no valor.

O número que é em Inglês 999.9 fica 999,90 no formato moeda brasileiro.
Além disso, podemos definir se irá exibir algum caracter a cada grupo de milhar (de mil em mil).

string number_format ( float $number, int $decimals, string $dec_point, string $thousands_sep )

podemos definir por:
valor texto number_format ( $valor_decimal, $casas_decimais, $caracter_definicao_decimal, $caracter_definicao_milhar )

Por exemplo, se quisermos que o número 1000 fique como 1.000, utilizamos a função desta maneira:

$valor = 1000;
echo number_format($valor,0,",",".");

Agora se quisermos que o valor 1,000.9(em formato inglês) tenha o formato 1.000,90(brasileiro), utilize:

$valor = 1,000.9;
echo number_format($valor,2,",",".");

Se não quiser que tenha o ponto(.) entre as casas de milhar, deixe com o última parâmetro vazio:

$valor = 1000.9;
echo number_format($valor,2,",","");

Existe uma maneira gambiarra para formatar número que eu não aconselho a utilizar. Seria algo do tipo:

$valor = 100.9
echo str_replace(".",",",$valor);

Update: Uma maneira de utilizar com números negativos é utilizando abs() e multiplicar por -1:
$valor = -0.54;
if ( $valor < 0 ) {
     $valor = abs($valor);
    $valor = number_format($valor) * -1;
} else {
    $valor = number_format($valor);
}
Encontrei aqui: http://stackoverflow.com/a/6429576/3415716

Como Instalar WordPress em Português do Brasil (PT-BR)

Mon, 20 Oct 2008 17:53:52 GMT

Para instalar o Wordpess, devemos primeiramente efetuar o download do arquivo mais recente e descompactá-lo em um servidor com PHP e MySQL, de preferência LAMP. Existem 2 maneiras de configurarmos o Banco de Dados: Se você for um usuário inexperiente, acesse a partir desta parte. Se você for um usuários experiente, abra a pasta descompactada do arquivo WordPress e renomeie o arquivo wp-config-sample.php para wp-config.php, em seguida altere as seguintes variáveis:

// ** MySQL settings ** //
define('DB_NAME', 'digite_aqui_o_banco_de_dados'); // O nome do Banco de Dados
define('DB_USER', 'digite_aqui_seu_usuario'); // Seu usuário MySQL
define('DB_PASSWORD', 'digite_aqui_sua_senha'); // ...e senha
define('DB_HOST', 'localhost'); // Provavelmente você não precisará trocar este valor

Após alterar o arquivo wp-config.php, envie-o por FTP para a pasta de diretório host. Enfim, digite no browser sua URL e irá aparecer a seguinte janela [vá para o início da instalação].

Existe uma maneira mais simples, que é automática. Basta digitar a sua URL no navegador e então clicar no botão Criar um Arquivo de Configuração:

Chegando no Passo 2, ele irá solicitar os seguintes dados:
Nome do Banco de Dados
Usuário do Banco de Dados
Senha do Banco de Dados
Servidor do Banco de Dados
Prefixo das Tabelas(este item, serve apenas para quem possui mais de um blog no mesmo Banco)

Se você não tiver algum(ns) destes dados, entre em contato com o seu Servidor de Hospedagem. Se você tiver, clique em Vamos começar

O Passo 3, é muito simples.
Preencha os dados que foram solicitados conforme o meu modelo:

Obs: Nem sempre a Senha ficará vazia.
Obs2: Caso tenha dúvidas sobre o último campo, deixe wp_

Agora, clique em Enviar

Caso apareça a mensagem: Não é possível selecionar o banco de dados
Entre em contato com o seu Sevidor de Hospedagem e solicite a criação do seu banco de dados. Ou verifique se você não digitou pela metade. Alguns servidores criam o banco de dados, conforme o seu usuario, exemplo: leocaseiro_wordpress

No passo 4, o WordPress criou o arquivo wp-config.php corretamente.

Portanto clique em Começar a instalação e veja como é simples Instalar o WordPress

Agora sim, você pode criar o seu Blog. Fique tranquilo, se você quiser, pode modificar estes dados pelo publicador do WP.

Basta digitar o nome do seu blog, o meu é Leo Caseiro\

Em seguida, preencha com o seu email(é importante digitar corretamente, pois todos os comentários, e até mesmo uma senha nova será enviado para ele)

Caso você, assim como eu, queira que o seu site seja encontrado pelo Google, Yahoo e outros buscadores deixe marcado esta opção.

Agora, se você quiser que o seu site não seja encontrado, desmarque-a.
Clique em Instalar WordPress e você será redirecionado para

Anote a sua senha, depois clique em Login. E pode começar a postar.

Agora, digite o endereço URL do seu BLOG e veja como ficou

Obs:Altere a sua senha o mais breve possível. Assim, você não corre o risco de perdê-la.
Para alterar a senha, leia Como alterar a senha no wordpress.

Como alterar a senha no wordpress

Fri, 10 Oct 2008 16:11:26 GMT

Para alterar a senha do WordPress, primeiramente precisamos logar. Lembre-se que o seu painel administrativo possui a URL de seu blog seguida de /wp-admin, exemplo: https://leocaseiro.com.br/wp-admin/

Assim, entramos no painel:

Para alterar a senha, devemos clicar no topo à direita, onde temos o nome do nosso login(no exemplo está o admin) ou então em usuários, um pouco mais abaixo:

Quando entramos em nosso usuário, devemos descer a barra de rolagem até o fim e então escrevemos a senha que quisermos.

A partir da versão 2.5, o WordPress possui um sistema de verificação de segurança da senha. Caso você digite apenas letras ou apenas números, ele deixa como senha fraca, então se você deixar letras maiúsculas em minúsculas misturadas, vai aumentando a segurança. Não é obrigatório termos uma senha forte, mas obviamente é mais segura.

Bom, é só isso. Basta clicar em Atualizar perfil, e pronto.

Lembrando que nesta janela, podemos alterar qualquer dado do usuário, alterar email, nome, sobrenome, colocar um apelido(nickname) e assim por diante.

Ferramentas para Gestão e Análise de um Site

Fri, 03 Oct 2008 12:31:29 GMT

Para qualquer empresa e/ou qualquer serviço, não adianta apenas executarmos-as. Precisamos sempre saber quem está utilizando, se está satisfeito, se está descontente com alguma ação. Ou seja, precisamos de análises de relatórios.

Qual negócio funciona sem análise de dados estatísticos?

Todos sabemos que a TV utiliza o IBOPE como feedback de seus telespectadores. Assim como algumas escolas de Inglês fazem pesquisas pelas ruas, entre outras.

Para gestão de um web-site não é diferente. Todos queremos saber de onde os internautas vêm. Em quais páginas eles estão navegando, ou então se eles estão lendo nosso conteúdo em outra ferramenta que não seja o próprio site (como leitor de feed RSS)

Abaixo, listarei algumas ferramentas que acho necessário em todo e qualquer site:

Com o Google Webmasters, incluímos todos os dados que o Google necessita para facilitar a indexação nos resultados de busca. Caso o seu domínio for .com, como o meu e seu conteúdo for em pt-br, você informa ao Google e quando o usuário clicar em somente em português ou sites do Brasil, o Google irá buscar em seu site também. Também temos acesso às palavras-chaves que trazem os usuários para o nosso site. E quais sites possuem um link para o nosso.

O Google Analytics fornece gráficos e relatórios detalhados de como os usuários acessaram nosso site e o que fizeram dentro dele. Se eles estão navegando apenas na página inicial, ou clicando em outros links. Se eles estão acessando pelo Internet Explorer, Firefox, Celular Mobile. E o melhor, quantas visitas você possui por dia, além de saber de onde ela é(Se é de São Paulo, Rio de Janeiro, Amazonas, ou até mesmo se é fora do Brasil).

Com o Feedburner temos dados de estatísticas semelhantes às do Google Analytics, porém serve para leitores de Feeds RSS. Ou você acredita que todos que lêem seus feeds clicam em seus links?

Acredito que com essas ferramentas você consegue saber se o seu web-site está ou não trazendo o retorno desejado. E analisando todos estes dados, podemos pensar em como melhorar o nosso negócio.

Em breve pretendo disponibilizar maiores detalhes sobre as ferramentas.

Garoto de Programa ou programador

Wed, 01 Oct 2008 03:45:44 GMT

Pra quem trabalha na área de desenvolvimento. É, realmente nossa profissão de programador é complicada!

Você trabalha em horários estranhos (que nem as putas!)
Te pagam pra fazer o cliente feliz (que nem as putas!)
Seu trabalho sempre vai além do expediente (que nem as putas!)
Você é mais produtivo à noite (que nem as putas!)
Você é recompensado por realizar as idéias mais absurdas do cliente (que nem as putas!)
Seus amigos se distanciam de você e você só anda com outros iguais a você (que nem as putas!)
Quando vai ao encontro do cliente, você tem de estar sempre apresentável (que nem as putas!)
Mas quando você volta, parece ter saído do inferno (que nem as putas!)
O cliente quer sempre pagar menos e espera que você faça maravilhas (que nem as putas!)
Quando te perguntam em que trabalhas, tens dificuldade de explicar (que nem as putas!)
Se as coisas dão errado, é sempre culpa sua (que nem as putas!)
E finalmente todo dia ao acordar você diz:
- Está difícil ganhar mais porque a concorrência é grande (que nem as putas!)
- Só conseguimos ganhar mais quando temos algum diferencial (que nem as putas!)
Para finalizar você pensa assim:
- NÃO VOU PASSAR O RESTO DA VIDA FAZENDO ISSO (que nem as putas !)

Mais um texto que não conheço o autor. Mas é a pura realidade! Por isso sempre digo que sou garoto de programa. Se alguém tiver alguma idéia para acrescentar, me avise! Abs

Deus como programador em uma Agência de Publicidade

Fri, 26 Sep 2008 15:25:23 GMT

De: Atendimento
Para: Deus
Pedido: Favor criar o mundo.

De: Deus
Para: Atendimento
Briefing incompleto. Solicito informações mais detalhadas.

De: Atendimento
Para: Deus

JOB
O cliente solicitou que o mundo fosse redondo, colorido, que fosse claro durante o dia e escuro pela noite. Pediu muita água nos rios e mares e nenhuma nos desertos. Quer que no verão faça calor e frio no inverno. Quer plantas que cresçam na terra e animais que respirem. Montanhas altas, depressões baixas e planícies planas.

RESTRIÇÕES
O cliente não quer acontecendo ao mesmo tempo chuva e sol.

MÍDIA
O cliente pretende fazer uma inserção deste mundo no sistema solar e deixá–lo rodando lá por tempo indeterminado.

OBRIGATORIEDADES
Nós tentamos tirar essa idéia da cabeça dele, mas não houve jeito, ele bateu o pé: quer colocar gente no mundo.

De: Deus
Ah, essa não! Como é que eu vou trabalhar desse jeito? Não vai caber! É muita informação para um mundo só. O ideal é fazer um mundo e uma luz para dividir as informações. Além do mais, gente no mundo nós sabemos que não dá certo. Nós podemos deixar as pessoas na lua e para o mundo a gente retoma aquela idéia dos Incas Venusianos.

De: Atendimento
O Cliente aceita a idéia da lua, mas só para enfeitar, controlar mares, orientar cortes de cabelo e fazer agendas. Todo o resto ele continua querendo ver dentro do mundo, inclusive gente.

De: Deus
Para: Atendimento
Já estou vendo que esse cliente é do tipo buraco negro!

De: Atendimento Para: Deus Também não é assim. É que ele nunca fez um mundo antes. Ele não tem idéia de como toda essa coisa funciona. A gente peita, mas até um certo limite. Se ele quer pôr gente no mundo, OK. Ele está pagando e acha que o ser humano pode dar certo. Vamos tentar?

De: Deus
Para: Atendimento OK. Eu faço o trabalho. Qual é o prazo?

De: Atendimento
Para: Deus Ah, graças a Você! Quanto ao prazo, está estourado. Você só tem 7 dias para criar o mundo.

De: Deus
Impossível! Não dá! Isso aqui não é padaria e a pauta está lotada! Eu preciso de mais prazo. Em sete dias ninguém consegue fazer um mundo decente.

De: Atendimento
A questão é que se não estiver pronto daqui a uma semana, o cliente vai perder o espaço reservado. Infelizmente, não tem outra alternativa. Estamos com o faturamento de fevereiro em baixa. Deixa para ganhar Grand Prix no Salão com outros trabalhos. Daqui pra frente você pode criar mundos melhores.

De: Deus
Isso é um absurdo! Um mundo não se cria assim, como quem apaga uma estrela. É um processo delicado, que exige tempo. Ou a Gente faz como tem que ser feito ou esse mundo está perdido.

De: Atendimento
Você está exagerando. É só um mundo. Coisa pouca. Se fosse um sistema solar, uma galáxia, vá lá. Mas um mundinho destes? É querer gastar energia demais numa poeira cósmica.

De: Deus
Bem, lavo as minhas mãos. Mas quero deixar registrado aqui o Meu protesto. E é bom que não se esqueça mais pra frente, que se alguma coisa der errado foi porque, desde o princípio, o briefing entrou errado. Até Eu duvido que vá sair alguma coisa boa disso.

De: Atendimento
Você me livre, vire essa boca pra lá! Se Você quiser, tudo vai dar certo. Aliás estamos tão confiantes que vamos fazer um making off escrito. Tipo um livro contando como tudo começou e etc. E não se preocupe, Você vai ficar com todos os créditos. Não esqueça, hein? Você tem apenas sete dias.

De: Deus
Olha, pra ser franco, esse cliente não merece coisa melhor. Vou matar esse trabalho rapidinho e tirar da frente. Em seis dias eu crio o mundo e ainda vou ter um dia pra descansar.

De: Atendimento
Você é quem sabe. Também podemos ir pensando numa campanha de manutenção…

De: Deus
Nem pensar! Se precisar, depois mando meu filho lá pra dar uma olhada!

Não sei qual o autor do texto. Apenas recebi por email de um colega de trabalho. Se alguém souber, me informe para eu colocar os créditos!

Olá, leitor!

Mon, 01 Sep 2008 13:13:08 GMT

Seja bem vindo!

Aqui pretendo compartilhar tudo sobre desenvolvimento e design web.

Você encontrará informações sobre linguagens de programação, como PHP, ASP, JavaScript

Banco de Dados: MySQL, XML Frameworks: jQuery, CodeIgniter CMS: WordPress

Entre outras técnicas e teorias que conheço!

Abraços,

Leo Caseiro