El Micox

A importância do suporte bom na hospedagem de sites

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 22 Mar 2012 10:18:00 PDT

Capítulo 1 - A bênção

Bom dia Nobres senhores e senhoritas.

Provavelmente, você que lê o El Micox possui um site.
Provavelmente este site está em uma hospedagem paga.
Provavelmente você executa as mesmas tarefas periodicamente, buscando ser abençoado pelo Google:

Lá está você, colocando artigos todos os dias...
Lá está você, otimizando meta tags e titles todos os dias...
Lá está você divulgando em redes sociais...
Lá está você divulgando links pelo mundo...

Quando, de repente, acontece o que você pediu tanto para o pai Google: as visitas dobram, triplicam.

Se você usa Adsense - ou outro tipo de monetização - a grana começa a entrar.
Já vai dar pra pagar a parcela do Fusquinha. :)

Créditos: David do OndeTemFesta.com.br

Capítulo 2 - A maldição

Mas aí, devido à súbita explosão de acessos, seu site cai. Parabéns, você acabou de ser batizado!

Agora vai começar o trabalho chato: entrar em contato com o suporte da sua hospedagem para descobrir a origem do problema.
Este é o momento que separa os bons dos maus, os fortes dos fracos, os true dos poser (hahá).

Nobres colegas, não tem nada mais chato do que ficar abrindo tickets ou fazendo ligações pra suporte - e aguardando horas pra ser atendido, enquanto preciosos visitantes chegam a uma tela de erro.

Principalmente, principalmente - repito - principalmente, quando há uma corja de incompetentes do outro lado.

Nobres fidalgos, não tem nada pior do que você querer saber a origem do problema e os incompetentes ficarem apenas repetindo "seu site está com muitos acessos, tem que aumentar o plano".

Acho que os donos das hospedagens simplesmente contratam estagiários de "sei lá o quê" pra ficarem respondendo um FAQ padrão.

Como o pai Google não perdoa, sites fora do ar voltam a cair nos rankings.

Capítulo 3 - A solução

Nobres cavalheiros, o intuito deste texto não é ser publieditorial, propaganda, post patrocinado, essas nóia.
O intuito aqui é contar-lhes um boró que passei com meu site de concursos e como resolvi.

Não lembro a boa alma que me indicou a hospedagem do Jânio (sem links por enquanto pro pessoal não pensar que é só propaganda chata), só sei de uma parada: o cara é blogueiro.

O cara usa e entende de Wordpress, o cara entende de plugins bons e ruins, o cara entende de sistemas de cache, o cara entende de otimização de velocidade e otimização de recursos...

Enfim, quando vossa senhoria estiver passando por um boró temporário no seu site, o cara não vai simplesmente dizer "aumenta o plano".

O cara primeiro te ajuda a encontrar a fonte do problema (que pode ser um plugin pesado ou uma programação PHP mal feita ou um banco de dados mal planejado, etc), depois te ajuda a resolver, se não der certo, te dará alternativas (tipo cache, nginx, cloudflare, etc) e só depois disso, caso o problema seja realmente de poucos recursos no plano atual, ele irá te indicar um novo plano.

No meu caso mais recente, acreditem, ele me indicou um plano mais barato. [pausa para explicações] "Como um plano mais barato pode ser melhor?" É que, neste caso, este plano não tem frescuras de Cpanel (tem que pagar licença e consome recursos do servidor) além de ter um sistema de cache foda. [fim da pausa]

Nobres nobres, como dica final digo: Antes de contratar sua hospedagem, teste o sistema de suporte deles. Veja se você está falando com quem entende do assunto ou se está falando apenas com funcionários leigos ou pseudo-entendidos.

Aqui o link da PortoFácil, hospedagem do Jânio: http://portofacil.net/

Aqui um link de um parceiro do Jânio pra quem não precisa de hospedagem muito parruda: http://www.viahospedagem.net/

Aqui um artigo que explica um pouco a filosofia do Jânio: http://portaldohost.com.br/geral/como-enfrentar-os-concorrentes-gigantes

Nos comentários de vocês, gostaria também de ler experiências, dicas e indicações legítimas sobre hospedagens. Mas não venha com um simples jabá pois vai é sair queimado.

Comentários do Facebook no Blogger - Sem duplicar e sem complicação

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 16 Feb 2012 08:46:58 PST

Bom dia nobres senhores que leem - reforma ortográfica moment: "As palavras paroxítonas terminadas em dois "-oo" e em "-eem" agora perdem o acento circunflexo" - este nobre blog.

Explico-vos agora como inserir aquela caixa de comentários do facebook no blogger, sem duplicar, sem complicar, na maior facilidade do universo conhecido pelo homem.

1) Modelo > Editar HTML > Prosseguir > Expandir modelos de Widget

2) Procura o </head> , abaixo dele vai tá abrindo o body

3) Cola logo abaixo do <body> antes das outras coisas:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4) Em qualquer lugar que quiser os comentários cola

<div class="fb-comments" data-href="data:post.url" data-num-posts="10" data-width="470"></div>

5) se desse jeito não deu certo, cola

<div class="fb-comments" expr:data-href="data:post.url" data-num-posts="10" data-width="470"></div>

6) Se ainda assim não deu certo, desiste porque essa porcaria não funciona não.

Me deparei com o problema ao ajudar o maluco do fantasymedieval.blogspot.com/ que é meu brodi de infância.

Ele me disse que rodou a web inteira, brasileira e gringa, e não achou como inserir a caixa de comentários no facebook no blogger corretamente. Quando ele conseguia, sempre duplicava os mesmos comentários em todas as páginas.

Dei uma navegada no google e vi que realmente todos os tutoriais que tinham por aí eram muito complexos.

Como eu já tinha inserido comentários do Facebook no WordPress na maior simplicidade do mundo, imaginei que no blogger não deveria ser tão complexo quanto os tutoriais estavam ensinando, daí mandei o código acima por email para o cara sem testar nem nada (preguiça) e incrivelmente funcionou.

Se deu certo pra você, ao contrário dos complicadíssimos tutoriais da net, comente abaixo e ajude a divulgar em redes sociais e talz.

Dica do Dia: CSS Gradient Generator

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 05 Jan 2012 02:20:36 PST

Bom dia nobres senhores e senhoras.

Hoje, venho ao presente blog, repassar um site muito interessante e prático que estava em meus Bookmarks e eu não lembrava até precisar.

Se bem que minha memória nunca lembra de nada mesmo. Aliás, meus recentes problemas de memória (não tão recentes) estavam me deixando preocupado. Eu já havia ido até em neurologista, o qual me pediu um exame de ressonância magnética, do qual eu pulei fora (espero que este meu português cheio de "o qual" e "do qual" esteja correto, afinal estudei orações subordinadas ontem haha).

(Voltando ao assunto secundário do post: ) Porém minhas preocupações passaram quando vi que todos meus amigos que "mexem" com computador o dia inteiro também estavam assim e também após ler uma reportagem na Revista Época dizendo que a internet está sacaneando nossos cérebros. Concordei e fiquei aliviado por, de certa forma, eu ainda ser "normal". Aliás, maldita Ed. Globo que fica renovando as assinaturas sem solicitação.

Qual era o assunto inicial do post mesmo? Ah, CSS Gradient Generator. Desculpem a divagação anterior mas pelo menos serviu pra deixar o post com mais de 1 parágrafo haha.

Agora, pra não tomar muito do seu tempo, serei rápido e deixarei que tire suas próprias conclusões: O Gradiente dos botões deste site foi feito em 30 segundos (e sem imagens de certa forma) graças a este site.

Pra você não precisar abrir link externo, deixo aqui o exemplo:

Sou uma div com
gradiente CSS

Pode me agradecer ou xingar nos comentários.

Selects Multiple NÃO! Checkboxes SIM! Uma campanha pela abolição de selects multiples

noreply@blogger.com (Micox - Náiron J. C. G.) — Mon, 05 Mar 2012 11:43:07 PST

Sabe, eu nunca tinha parado pra pensar sobre isso.

Selects multiples são muito chatos.
Chatos pro visitante - que tem que usar o shift pra escolher mais de um (que visitante sabe fazer isso?)
Chatos pro desenvolvedor - na hora do html e na hora de tratar os dados no server-side (php, asp, etc).
Chatos pra estilizar o visual - Alterar visual CSS de selects é quase impossível.

Quantas vezes já vimos formulários assim:

Escolha as cidades de destino (pressione shift ou control para escolher mais de uma):

O povão gosta de mouse. O povão não gosta de teclado. O povão lá sabe o que é shift ou control?

Se quer uma página acessível não é melhor fazer assim?

Escolha as cidades de destino:

É mais bonito ou não é? É mais fácil pro visitante ou não é?

Olha só como o código é simples:

<style>
/* coloque este estilo em seu arquivo css */
.check-select-multiple { display: inline-block; height: 60px; padding: 0 5px; overflow-y: scroll; width: 300px; border: 2px inset #DDD; background: white;}
.check-select-multiple label { display: inline-block; width: 95%;}</style>
<div class="check-select-multiple">
<label><input name="cidades" type="checkbox" value="1" />Goiânia</label>
<label><input name="cidades" type="checkbox" value="2" />Palmas</label>
<label><input name="cidades" type="checkbox" value="3" />Fortaleza</label>
<label><input name="cidades" type="checkbox" value="4" />São Paulo</label>
<label><input name="cidades" type="checkbox" value="5" />Salvador</label>
</div>

Veja que não precisamos fazer malabarismos com javascripts nem plugins pra Jquery. É só usar a simplicidade do belo HTML+CSS.

Além da facilidade pro visitante, ainda é infinitamente mais fácil estilizar uma DIV do que estilizar um Select (principalmente nos IEs da vida).

Se você gostou da minha explanação, abrace esta campanha também. Diga adeus ao select-multiple.
Faça um link para esta campanha, compartilhe no twitter, facebook, google-plus, faça bandeiras, passeatas, greve de fome...

Amém.

QuerySelector ou CSSQuery para IE 6 e 7 (e outros navegadores antigos)

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 22 Dec 2011 08:52:36 PST

Nobres colegas scripteiros, no maravilhoso mundo da programação, a cada dia a gente se surpreende.

Ontem, durante a programação do Mwords, eu procurava um script de CSSQuery para poder permitir que os usuários do Mwords, escolhessem o elemento alvo com base em seletores CSS. Exemplo: alvo = '#content .post p'.

Lindo né? Assim como no jQuery e outras libs por aí.

As versões que eu achei eram gigantescas (mais de 10k) e a mais recomendada era a do Dean Edwards.
Nunca que eu iria pesar o script do Mwords com 10k só pra ter uma funcionalidadezinha dessas a mais.

Além disso, a maioria dos navegadores modernos já suporta a document.querySelectorAll que permite fazer isso.
O único problemático (pra variar) é o IE (acho que do 8 pra baixo).

Não desisti da minha busca, e acabei encontrando esta pérola da gambiarra feita pelo pessoal do Ajaxian. Funciona maravilhosamente bem e é maravilhosamente pequeno. Um achado digno de glórias ao pessoal do Ajaxian.

Rapidamente adaptei na minha lib, pra usar isto, caso o navegador não suporte a document.querySelectorAll.

Vejam como ficou:

cssQuery = function(sel){ //document.querySelector. sel é o seletor CSS
  //by Micox - http://elmicox.blogspot.com
  var i, res, dqs, d=document;
  if (d.querySelectorAll){
    return d.querySelectorAll(sel);
  }else{ //o IE8 pra baixo e FF 3.5 pra baixo não tem querySelector
    //baseado no fudido script de querySelector do ajaxian http://ajaxian.com/archives/creating-a-queryselector-for-ie-that-runs-at-native-speed
    var head = d.documentElement.firstChild;
    var styleTag = d.createElement("STYLE");
    head.appendChild(styleTag);
    dqs = d.__qsResult = [];

    styleTag.styleSheet.cssText = sel + "{x:expression(document.__qsResult.push(this))}";
    window.scrollBy(0, 0);
    head.removeChild(styleTag);

    res = [];
    for (i in dqs){if (dqs.hasOwnProperty(i)) {
      res.push(dqs[i]);
    }}
    return res;
    }
}
//como usar
var todos_p_destaque_filhos_de_content = cssQuery('#content p.destaque');

Obs.1: Não quis mexer com o prototype do "document" porque uso isso dentro de uma lib minha e iria ficar melhor pra mim assim. Você pode adaptá-la e postar nos comentários se quiser.

Obs.2: Só irá funcionar com seletores NATIVOS do navegador em que estiver. Portanto se for usar um "div>p.classetal" no IE, provavelmente não irá funcionar.

Pequena explicação sobre o truque deste CSSQuery:

Primeiro testo se o querySelectorAll existe no navegador atual (aquele primeiro if). Se existe, então uso ele.
Se não existe, irei adicionar um "style" ao documento.
O conteúdo deste style usa expressions - uma funcionalidade de CSS exclusiva do Internet Explorer que permite embutir scripts dentro das folhas de estilo. Você já deve conhecê-la caso já tenha usado meu velho Ultimate menu drop-down, onde uso expressions pra simular o :hover no IE.
O que foi escrito dentro do style embutido (cssText) é a criação de uma regra onde o seletor é o parametro "sel" passado (o caminho do elemento).
Dentro da regra, eu pego o próprio elemento encontrato (this) e adiciono em uma variável __qsResult.
Simples não? Genial.

(Pra quem quiser ver um exemplo do novo Mwords em funcionamento, olhem este site).

Até mais.

Alternativa melhor ao typeOf em Javascript

noreply@blogger.com (Micox - Náiron J. C. G.) — Wed, 21 Dec 2011 10:21:02 PST

Opa,

Um textinho rápido que li neste link do Angus Croll e que merece ser replicado: Uma alternativa bem melhor ao velho typeOf em javascript.

O typeOf, é um método nativo de Javascript pra retornar o tipo da variável. Assim temos:

typeof "belladonna" //"string"

typeof (2) //"number"
typeof ("a", 3) //"number"
typeof (1 + 1) //"number"

var a;
typeof a; //"undefined"
typeof b; //"undefined"
alert(a); //undefined
alert(b); //ReferenceError

typeof NaN //"number"

typeof {a: 4}; //"object"
typeof [1, 2, 3]; //"object"
typeof null //"object"
typeof new ReferenceError; //"object"
typeof new Date; //"object"
typeof /a-z/; //"object"
typeof Math; //"object"
typeof JSON; //"object"
typeof new Number(4); //"object"
typeof new String("abc"); //"object"
typeof new Boolean(true); //"object"
(function() {console.log(typeof arguments)})(); //object

Bom, olhando os exemplos acima a gente vê que, apesar de útil e muito usado, ele não retorna detalhadamente o que a gente precisa.

A solução? Eu, pessoalmente, sempre usei uma verificação envolvendo a propriedade "prototype" que toda variável tem.

O Angus fez melhor e empacotou em uma função:

var toType = function(obj) {
  return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
}

Comparando com os "object" do typeof padrão teremos as seguintes diferenças:

toType ("a", 3); //"string"
toType({a: 4}); //"object"
toType(null); //"null"
toType([1, 2, 3]); //"array"
(function() {console.log(toType(arguments))})(); //arguments
toType(new ReferenceError); //"error"
toType(new Date); //"date"
toType(/a-z/); //"regexp"
toType(Math); //"math"
toType(JSON); //"json"
toType(new Number(4)); //"number"
toType(new String("abc")); //"string"
toType(new Boolean(true)); //"boolean"

O resto (string, number, undefined) é igual. Só não pode ser usado em variáveis vazias não declaradas, senão dará um "ReferenceError" assim como um alert em algo não declarado.

Gostou?

Funções javascript pra trabalhar com Scroll

noreply@blogger.com (Micox - Náiron J. C. G.) — Fri, 07 Oct 2011 10:18:26 PDT

Ae pessoal, esses dias precisei brincar com a posição da barra de rolagem (scroll) na tela e posicionamento de elementos de acordo com o scroll.

Como quase tudo em javascript, nossos amigos navegadores não ajudam. Ou seja, não é só pegar a documentação, tem toda aquela velha gambiarra pra funcionar em diversos browsers (crossbrowser).

Pra minha alegria, lembrei que eu já tinha brincado com isso na época do velho Mwords, daí fui lá atrás das funções e re-adaptei. Mostrar-lhes-ei agora:

Pegando a posição atual do scroll e retornando em um objeto com as propriedades X e Y:

var w=window, d=document;
//pega a posição atual do scroll
mov.getScroll= function(){
	return {
		x: (w.pageXOffset ? w.pageXOffset : de.scrollLeft ? de.scrollLeft : d.body.scrollLeft) || 0,		
		y: (w.pageYOffset ? w.pageYOffset : de.scrollTop ? de.scrollTop : d.body.scrollTop) || 0	
	};
};
//exemplo de uso
alert('Posição Y do scroll: ' + mov.getScroll().y);

Pegando a posição de determinado elemento na tela:

var w=window, d=document;
//pega a posição correta do elemento na tela
mov.objPos = function(obj) {
	var curl =0, curt = 0;
	if (obj.offsetParent) {
		do {
			curl += obj.offsetLeft;
			curt += obj.offsetTop;
		} while ((obj = obj.offsetParent));
		return {x: curl, y: curt};
	}else{
		return {x: obj.offsetLeft, y:obj.offsetTop};
	}
};
//exemplo de uso
alert('Posição real do elemento "viva" na tela: ' + mov.objPos(d.getElementById('viva') ) );

Fazendo a barra de rolagem se movimentar gradativamente

//variaveis
var micox_mov_height= 50; //de quanto em quanto o scroll se moverá
var micox_mov_fps    = 20; //velocidade que o scroll se moverá
//faz o slide
mov.slide = function(ini,end){
	if(!mov.sliding){	
		mov.sliding = true;
		//setando posição inicial
		var atual = mov.getScroll();
		w.scrollTo(atual.x , ini);
		mov.inter = setInterval(function(){
			var novoY, atual = mov.getScroll();
			if(atual.y < end){
				w.scrollTo(atual.x , atual.y + micox_mov_heigth);
			}else{
				mov.sliding = false;
				clearInterval(mov.inter);
			}
		},1000/micox_mov_fps);
	}
}

Em breve vocês irão ver estas funções fazendo um efeitinho muito legal em um texto de um brodi meu. Linkarei aqui quando acontecer. Aguardem, irá valer a pena.

Bom, tá documentado ae se alguém precisar. Qualquer dúvida é só comentar.

ERR_CONTENT_DECODING_FAILED no Google Chrome

noreply@blogger.com (Micox - Náiron J. C. G.) — Tue, 10 May 2011 05:32:57 PDT

Eu tive um problema no navegador Google Chrome com o Tadarank.com esses dias.

A página não aparecia no Chrome de jeito nenhum. Exibia um erro:

Error 330 (net::ERR_CONTENT_DECODING_FAILED)

Dando uma pesquisada na net, vi que meu caso poderia ter a ver com encoding Gzip, essas paradas...

Daí resolvi trocando:
header('Content-Encoding: gzip, deflate');

Por
header('Content-Encoding: zlib, deflate, gzip');

Pronto. O problema sumiu.
Talvez esta postagem seja útil pra você.

Como não ser marcado como SPAM ao enviar email pelo PHP - Ativar DomainKeys e SPF no Cpanel

noreply@blogger.com (Micox - Náiron J. C. G.) — Mon, 09 Jan 2012 07:56:50 PST

Oaa

Ae malucada.
Esses dias passei um perrengue com emails do tadarank e com um produto que eu vendia e enviava email automaticamente pros meus compradores.

Nas últimas semanas, um monte de clientes me ligou dizendo que não recebeu o email. Pesquisei e receberam sim, só que tinha ido parar na caixa de SPAM. Todos os emails enviados pelos meus domínios estavam indo pra caixa de SPAM. Tristeza.

Pesquisei e pedi ajuda pra resolver este problema.
Eu mesmo já tinha ajudado muita gente no passado, sugerindo palavras "negras" a serem eliminadas, sugerindo enviar somente se o email for do domínio (ex, se seu site é do domínio www.arroz.com você só pode enviar emails terminados em @arroz.com ), baixar bibliotecas php para email, e outras técnicas que dão uma força boa na resolução do problema, mas não resolvem de vez.

Até que o brodi kyonac da lista de monetização me sugeriu ativar uns lanche chamado SPF e DomainKeys.

É claro que vc irá pesquisar na web o que diabos é isso (afinal você está lendo este tutorial). Numa rápida explicação (chupinhada do Cpanel):

DomainKeys é um sistema de autenticação de e-mail que permite que o correio recebido seja comparado com o servidor de que foi enviado para confirmar que o correio não foi modificado. Isto garante que as mensagens estão chegando realmente do remetente listado e permite que as mensagens abusivas sejam rastreadas com mais facilidade (segundo o Cpanel).

SPF irá especificar que máquinas estão autorizadas a enviar e-mails do(s) seu(s) domínio(s). Isto significa que apenas o correio enviado através deste servidor irá aparecer como correio válido do(s) seu(s) domínio(s) quando os registros SPF são verificados (segundo o Cpanel).

Bom, se quiser detalhar melhor pesquisa no google :P

Em resumo: Ativei estas duas paradas no Cpanel e deixei de ser taxado como Spammer. Simples assim.

Antes de descobrir como ativar isso aí, eu e o Jânio, quebramos a cabeça, pois achávamos que era algo complexo de ser ativado. Abrimos chamado no datacenter e talz...

Felizmente, passeando pelas opções de email do Cpanel achei o menu chamado Autenticação de Email dentro da aba Correio. É só clicar, ativar e ser feliz. Sem complicação nenhuma.

Atualização: O Vinicius indicou um wizard pra gerar o SPF http://www.microsoft.com/mscorp/safety/content/technologies/senderid/wizard (em inglês)

Dúvidas? Comente.

Tada Rank - Avaliações de sistemas de afiliados, hospedagens, webmasters e anunciantes na web

noreply@blogger.com (Micox - Náiron J. C. G.) — Tue, 20 Sep 2011 11:42:44 PDT

Opa malucada, beleza?

O mico tava sumido pois tava trabalhando em 3 novos projetinhos.

O primeiro é tipo um Framework PHP/Javascript pessoal, sem complicação, que me ajudará bastante no que eu preciso pra programar sites: Mudar de visual facilmente, facilidade pra exibir tabelas do BD, facilidade pra criar forms que se comunicam com o BD, facilidade pra cadastro/login de usuários, facilidade pra trocar de linguagem do site (pt en es) e facilidade pra validação de campos.

Disso tá saindo o MicoxLib - Quem sabe um dia eu torno ele público.

O segundo, que foi feito com o MicoxLib, era um sistema de compras coletivas com um brodi aqui de Goiânia. Infelizmente o mercado já tá poluído demais. Daí desistimos.

O terceiro, também feito com o MicoxLib, tá online e ele é o assunto dessa postagem:
Tada Rank - Avaliações de sistemas de afiliados, hospedagens, webmasters e anunciantes na web

O objetivo inicial é avaliar os sistemas de afiliados pra ajudar nós webmasters e também os anunciantes.

Acabou que coloquei formas de contato/anúncio para ajudar os anunciantes a não gastarem rios de dinheiro com intermediários e poderem anunciar DIRETAMENTE nos sites que desejarem. Vou até gastar um pouco com Adwords nessa parte.

Futuramente vou colocar pra avaliar hospedagens também.

Acaba que os sistemas de afiliados e as hospedagens também sairão ganhando pois saberão seus pontos fracos.

Se cadastra lá e ajuda a avaliar.

Abaixo, uma lista de alguns sistemas de afiliados cadastrados e links pras suas respectivas pontuações:

Pegando o endereço da URL atual em PHP

noreply@blogger.com (Micox - Náiron J. C. G.) — Fri, 07 Oct 2011 10:36:09 PDT

Várias e várias vezes precisamos saber o caminho COMPLETO da url atual em PHP mas as variáveis globais não ajudam.
Seja para inserir em botões do twitter, facebook, etc.

As globais do PHP só informam após o domínio do site (www.qualquercoisa.com), o que muitas vezes não serve de nada para um botão do twitter por exemplo.

Pesquisei na net pra ver se já tinha algo pronto pra eu usar e nada. Só tinha gente gambiarrando com o SCRIPT_NAME , REQUEST_URI ou PHP_SELF que não valem de nada quando você precisa do endereço COMPLETO incluindo o 'http://' (protocolo) e o 'www.qualquercoisa.com' (domínio).

Eu precisava era de algo parecido com o this.location comum no javascript.

Daí resolvi fazer o que sei: gambiarrar também.

Saiu o código abaixo:

$proto = strtolower(preg_replace('/[^a-zA-Z]/','',$_SERVER['SERVER_PROTOCOL'])); //pegando só o que for letra 
$location = $proto.'://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

echo $location;

Prontinho, espero ter ajudado. Comenta ae.

Botão Twitta Isso Fácil como Favorito no Firefox - sem plugin

noreply@blogger.com (Micox - Náiron J. C. G.) — Wed, 19 Jan 2011 03:13:32 PST

Ae povo. Tô de férias.

Eu tava cansado de querer mandar algo pro twitter e ter que usar complicação de plugins pra firefox ou ver a boa vontade do dono da página de colocar um botão "twite isto" fácil sem burocracia.

Tem alguns que chegam ao absurdo de te pedir até a senha!!! Sai fora.

E o pior é que muitos NÃO REDUZEM O URL!!

Daí resolvi deixar a preguiça de lado e fazer um rapidinho aqui com confirm de javascript e opção pra escrever algo e, principalmente, com redução automática do URL via bitly e topsy.

Não pede sua senha, não fica 2 horas carregando páginas intermediárias e ainda reduz a url.

É só arrastar o link abaixo para seus favoritos do Firefox:

Twitta Isso

Ou, se não der certo arrastando, você pode colocar o favorito manualmente:

Copia o seguinte código (ctrl + C): javascript:(function(){tx=document.title;do{tx=prompt('Digite o texto para aparecer antes do link.\r\nMáximo de 115 caracteres.',tx);if(tx&&tx.length<119){open('http://button.topsy.com/retweet?title='+escape(tx)+'&url='+escape(location));break}}while(tx&&confirm('Seu texto tem mais de 118 caracteres.\r\nNão vai caber.\r\nQuer corrigir?'))})();
Clica com o Botão direito na barra de favoritos e escolher a opção "adicionar novo favorito"
No nome você coloca: Twitta Isso
No Endereço você cola o código que copiou antes.

Prontinho.
Não testei em outros navegadores pra ver o que dá. Sou preguiçoso. Testa ae e me avisa nos comments.

Se quiser dar uma curiada no código é só embelezá-lo no jsbeautifier: http://jsbeautifier.org/
Se quiser, pode me agradecer ou xingar via twitter também hehe: twitter.com/micox

Pegando o 'Ontem' em PHP - 4 métodos

noreply@blogger.com (Micox - Náiron J. C. G.) — Wed, 01 Sep 2010 05:14:02 PDT

Esta dica legal peguei do Ninedays blog.

Como calcular o dia de ontem em php. Com uma descrição de 4 formas diferentes pra você escolher a que mais te agrada.

Se você sabe outros métodos interessantes, contribua aí nos comentários.

Adaptando um pouco também dá pra trabalhar com o mês anterior, ano anterior, etc...

Bora:

Método 1 - mktime - O mais lento (até 450%)

echo date("Y-m-d", mktime(0, 0, 0, date("m"),date("d")-1,date("Y")));

Método 2 - subtraindo os minutos - O mais rápido

echo date("Y-m-d", time() - 86400);

Uma variação deste pra ficar mais "entendível" pra saber quantos minutos/horas subtraímos seria usando...

echo date("Y-m-d", time() - (60*60*24) ); //deve ficar um pouquinho mais lento que a forma original

Método 3 - strtotime() yesterday

echo date("Y-m-d", strtotime("yesterday"));

Método 4 - strtotime() -1 day

echo date("Y-m-d", strtotime("-1 day"));

Post rápido. É só isso... Se você sabe outros métodos interessantes, contribua aí nos comentários.

Introduçãozinha sobre Cache web e no servidor

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 09 Feb 2012 08:23:04 PST

Um brodi perguntou estes dias sobre esquemas de cache pra deixar a página mais rápida.
Vou tentar explicar de forma resumida e rápida sobre cache em páginas web.
O termo cache designa o ato de guardar uma cópia de algo complexo ou lento para que se possa ter acesso mais rápido a este "algo complexo" futuramente. O cache web pode ser ativado em "várias frentes".
O cache que vou tratar aqui é o "cache web" de páginas web/http, ok? Nada a ver com cache em processador, e outras paradas.

Cache na Frente client

Quando você pede uma página web no seu navegador, ele a exibe, porém , além de exibir, pode ser que ele guarde ela (ou partes dela) "em cache" para caso você acesse ela novamente no futuro. Assim ele exibirá a página mais rápido pois partes dela (como imagens, scripts) estavam guardadas em seu cache interno e não precisaram ser pedidas novamente na rede.
No Firefox do Windows XP, o cache geralmente fica em Documents and Settings\nome_user\Configurações locais\Dados de aplicativos\Mozilla\Firefox\Profiles
Esta foi a "frente client" do cache (conhecido como "cache web") e ela pode ser exercida não só pelo navegador, mas por servidores proxy também, por exemplo.
Como implementar este cache web?
1) Através de meta tags no HTML (meta expires, cache-control, pragma)
2) OU headers enviados pelo script php/asp/jsp (também expires, cache-control, pragma)
3) OU header enviados diretamente pelo servidor web http (apache/IIS/etc) (novamente expires, cache-control, pragma).
Não vou detalhar cada um aqui pois não é o objetivo do post. Usa o google :P
Veja um detalhamento maior sobre cache web aqui, E aqui também (em inglês) Cache via header PHP

Cache na Frente server-side

Já a "frente server-side" atua no servidor web (cache server), pra ajudar o bixo a enviar a página pro navegador com maior rapidez.
Exemplo: Imagine que o navegador pede uma página que exibe uma lista de produtos e preços que está no banco de dados.
O coitado do servidor web terá que ligar o interpretador Php (ou asp ou outro), conectar com o banco de dados, fazer a consulta sql, aguardar o server sql processar a consulta, pegar os dados, formatar em html e só então devolver pro navegador.
Agora imagine que, além da lista de produtos, o server tenha que pegar também o menu do site no banco de dados, as últimas postagens, etc. Será um monte de consultas que deixarão o site lento pra caramba.
Agora imagine que o servidor é inteligente e, além de devolver o html pro navegador, ele também crie um arquivo com este html.
Assim, da próxima vez que algum navegador pedir a mesma página ele não precise fazer aquele monte de consultas sql e talz. É só mandar o arquivo html que estava salvo pro navegador.
Hahá! Seu server ficará aliviado e seu site mais rápido. Simples né?
Nem tanto hehe. Existem sistemas de cache server onde os caras guardam na memória RAM e não em arquivos pra ficar mais rápido ainda (MEMcached). Outros guardam só as consultas sql, outros guardam os arquivos em módulos (módulo menu, módulo option_cidades), etc.
Vai da sua imaginação e do seu sistema...
"Mas, sr mico, e se o conteúdo da página mudar?"
- Bem, é por isso que, nos dois casos citados acima existe o conceito de timeout. O programador HTML/PHP irá especificar um tempo em que o cache será válido.
"Mas, sr mico, no meu site/sistema o sistema de fornecedores cadastra produtos a todo minuto, um sistema de cache não ajudaria muito pois o timeout teria que ser muito pequeno"
- Se seu site tem muitos acessos por minuto, mesmo um cache com validade de 30seg seria de grande ajuda. Uma consulta sql consome muito tempo e processamento. O primeiro visitante destes 30seg iria esperar um pouco, mas o segundo e o terceiro iriam agradecer a velocidade.
Uma implementação simples de cache server em arquivos pode ser vista aqui.
Outras em ASP aqui, Outras em PHP aqui

Conclusão

Pra sites com muitos acessos, sistema de cache são uma puta salvação. E você ainda pode implementar os 2 sistemas de cache em conjunto.
Eu já economizei bastante em servidor web implementando sistemas de cache. Princpalmente em blogs com o plugin super cache do wordpress (e recentemente o db cache reloaded graças ao Janio).
Na época do Mwords, o cache dava uma salvada boa nas trocentas requisições por segundo que tinha.
Devem existir outras frentes, outros modelos, outras formas... Se você souber lembre este mico através dos comentários.

Dois ou mais domínios no mesmo Wordpress

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 24 Jun 2010 04:14:27 PDT

Opa, depois de anos sumido volto pra deixar guardado uma gambiarrazinha que tive que fazer para poder ter 2 domínios funcionando na mesma instalação do Wordpress. (testado só em wordpress antes do 3.0 )

"Ué, mico, mas não seria só fazer um redirecionamento?"
- Não, neste caso, o cliente quer que o site funcione tanto para www.nomecliente.com.br como para www.produtotal.com SEM MUDAR O ENDEREÇO no navegador, ou seja, sem redirecionamento.

"Mas por que diabos o cliente quer isso? Convence ele do contrário ué"
- O cliente quer isso para ele ficar bem no google na busca pelo produtotal e ainda assim ter seu site com nomecliente.com.br. O cliente tá certo.

"Ah, então não é só fazer um Rewrite no apache pra cuidar disso?"
- Não pois o Wordpress redireciona tudo para o domínio principal para o qual está configurado. Acessos e links. Eu quero mudar os links também.

Bora lá.

Primeira parte:

- Faça sua instalação normal de Wordpress e escolha um dos domínios para ser o padrão. Neste exemplo vou escolher o nomecliente.com.br . Configuro tudo normalzinho como se só existisse o domínio nomecliente.com.br

Segunda parte:

- Vou no arquivo wp-config.php e , depois da definição do DB_COLLATE e do WP_TEMP_DIR, eu coloco:

//hack pro lance de ter 2 dominios
if(strpos($_SERVER["HTTP_HOST"],'nomecliente')===false){
define('WP_HOME','http://www.produtotal.com');
define('WP_SITEURL','http://www.produtotal.com');
}

- O que fiz acima? Testei se o visitante veio digitando nomecliente.com.br . Se veio, o wordpress vai funcionar com o domínio normal que foi configurado na instalação, SENÃO, mudo as variáveis de domínio do wordpress.

Terceira parte:

Pro senhor Google não penalizar o site por CONTEÚDO DUPLICADO eu vou lá na edição do tema do site, no arquivo header.php, e coloco uma META TAG CANONICAL dizendo qual o domínio que deve ser indexado. Neste caso, prefiro que se indexe melhor o "produtotal" do que o "nomecliente".

<link rel="canonical" href="http://www.produtotal.com<?= $_SERVER["REQUEST_URI"] ?>" />

Prontinho. Fácil né? Será que tem alguma outra forma mais fácil e eu tô manezando?
Se eu falei alguma besteira, corrige ae. Dúvidas?

Efeito de digitação em texto com Javascript

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 18 Mar 2010 07:55:38 PDT

Saca aquele efeitinho em textos que parece que se está digitando? Uma letra aparecendo após a outra.

Pois é. Precisei disso no módulo Mchat do Mwords daí tive que fazer hehe.

- Antes de chamar a função o elemento que vai receber a digitação deve estar vazio (sem texto).
- O "50" que tem lá dentro do setTimeout indica a velocidade da digitação. Quanto menor, mais rápido.
- Implementei um callback (parâmetro cb) pra que você possa definir alguma ação quando a digitação terminar.

Bora:

digita = function(obj,text,callback){ 
 /* faz efeito de digitação no texto. By Micox - elmicox.blogspot.com */
 obj = obj.nodeName ? obj : document.getElementById(obj);
 var len=obj.innerHTML.length;
 if(len<text.length){
  obj.innerHTML = text.substring(0,len+1)
  setTimeout(function(){digita(obj,text,callback)},50);
  if(len==text.length-1 && callback){ callback();}
 }
}

Pra usar:
- obj é o objeto que vai sofrer a digitação. Pode passar a ID do elemento ou o Objeto direto mesmo.
- text é o texto que vai aparecer
- callback é uma função opcional que vai ser executada quando acabar a digitação.

Exemplo:

<div id='cont'></div>
<script>
digita('cont','Opa, sou um texto que está sendo digitado',function(){alert('acabou a digitação')});
</script>

Pegar Busca digitada por visitantes em motores de busca (google, yahoo, bing, etc) via javascript

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 26 Aug 2010 10:32:48 PDT

Opa, pra ficar guardado aqui no blog pra quando eu (ou alguém mais) precisar:

Uma funçãozinha rápida (que com certeza já existem outras na net) para ver qual foi a pesquisa digitada por um visitante que caiu em seu site feita em motores de busca comuns no Brasil (google, yahoo, bing, uol).

Pegar Busca digitada por visitantes em motores de busca (google, yahoo, bing, etc) via javascript

keyword = function(){
 var dr=document.referrer,q,fq,goo='';
 //se veio de uma busca google/yahoo/etc retorna qual a keyword
 if(dr.match(/ogle\.c|ahoo\.c|bing.c|usca.uol/i)){
  if((q=dr.indexOf('q='))>0){
   fq = dr.indexOf('&',q);
   goo = dr.substring(q+2,(fq>q?fq:dr.length));
  }
 }
 return goo;
}

Pra usar é só chamar a função "keyword":

var palavrachave = keyword();
if(palavrachave){
  alert("Olá visitante, bem vindo ao site tal. Você chegou até aqui procurando por " + palavrachave);
}

Ah, por hoje é só hehehe. Voltemos às brigas com o Mwords e Mchat.

Função Random (aleatório) que não se repete em Javascript - PseudoRandom

noreply@blogger.com (Micox - Náiron J. C. G.) — Fri, 11 Dec 2009 09:14:21 PST

Háaaaaa

Direto tem gente reclamando de funções random, que, muitas vezes não se parecem nada aleatórias.

Tipo hoje, o brodi chamado luis henrique (kakaroto) tava reclamando que o random dele, muitas vezes, repetia o valor que saiu no sorteio anterior.

Ora, a probabilidade do número se repetir em um sorteio é bastante pequena para uma grande faixa de números (tipo 0 a 100) porém é uma probabilidade MUITO alta em faixa pequena de números (tipo 0 a 5).

Ora, se é aleatório, é aleatório. Mesmo que o número já tenha saído da última vez ele tem a probabilidade de sair novamente hehee.

Mas, como muita gente não fica satisfeito com esta possibilidade, bora gambiarrar mais uma vez pra impedir um número de se repetir.

Se este é seu caso, divirta-se com o código javascript abaixo (que eu chamei de 'pseudo-random'):

function pseudoRand(size){
 //gerando o rand de zero a 'size - 1'
 var randa = Math.floor(Math.random() * size);
 //testando se o rand novo é igual ao antigo
 if(typeof(oldrand)!='undefined'){
  while(randa==oldrand){
   //se for igual, eu gero um novo
   randa = Math.floor(Math.random() * size);
  }
 }
 //guardando o ultimo rand em uma var global
 window['oldrand'] = randa;
 //retornando o rand atual
 return randa;
}

Uso

//vai alertar um random de 0 a 3 sem possibilidade de repetir o anterior
alert(pseudoRandom(4))

Marcar o item atual de um Menu com uma classe específica - Sem server-side

noreply@blogger.com (Micox - Náiron J. C. G.) — Mon, 23 Nov 2009 11:01:49 PST

Códigozinho inspirado por uma dúvida da olhosespanhois lá no Webly

Muitas vezes, quando temos um menu qualquer, queremos marcar o item aberto com um visual diferente. Tipo, se o visitante clica em "serviços", deixar o menu "serviços" de outra cor.

Ao usar CSS (e um menu baseado em UL-LI) Agente faz isto colocando uma classe diferente no LI do "serviços", por exemplo.

Pra marcar esta classe no LI geralmente se usa programação server-side (php, asp, jsp, etc), o que dá um certo trabalho e atrapalha se formos testar localmente.

Bem, que tal uma gambiarra javascript pra resolvermos isto e sempre marcar o item atual com a classe "ativo" e os outros LI com a classe "inativo".

O script está abaixo bem comentado. É só salvar no seu PC, alterar o que quiser e testar.

Útil para fazer menus em abas e coisas do tipo.

Adiós.

<html>
<head>
 <style>
  /* os estilos css do ativo e inativo. Altere as propriedades como quiser
  só não altere os seletores */
  #menu .inativo a { color: white; background-color: black }
  #menu .ativo a { color: black; background-color: white }
 </style>
 <script>
  //função que troca a classe dos li para ativo e inativo
  function ativoinativo(quem){
   //o 'quem' original é um link, agora tô pegando o li pai
   var lipai = quem.parentNode; 
   if(lipai.className=='ativo'){
    //se ele já era ativo vira inativo
    lipai.className = 'inativo';
   }else{
    //se ele não tinha classe ainda, transformo em ativo
    lipai.className = 'ativo';
    //e também faço seus irmãos li virarem inativos
    var irmaosli = lipai.parentNode.childNodes; //pegando os irmaos li
    for(var i=0; i<irmaosli.length ; i++){ //varrendo os li
     var liatual = irmaosli[i];
     if(liatual != lipai && liatual.nodeName=='LI'){
      //se não é o li atual vai virar inativo
      irmaosli[i].className = 'inativo'
     }
    }
   }
  }
  
  //função que testa qual li que tem o link atual e marca como ativo
  function initAtivoInativo(divalvo){
   if(!divalvo.nodeName){
   //testando se o divalvo já é um objeto
   //se não for, eu uso o velho getElementById
    divalvo = document.getElementById(divalvo);
    if(!divalvo){ alert('Erro: o divalvo não existe'); return;}
   }
   //pegando os li que tão dentro do divalvo
   var ah,lis = divalvo.getElementsByTagName('li');
   for(var i=0; i<lis.length ; i++){
    
    //pegando os links que tão dentro de cada li
    ah = lis[i].getElementsByTagName('a')[0];
    if(!ah){ continue; } //se não achou o link vai pro prox li
    
    //ativando o onclick nos links pra fazer a troca de ativo/inativo
    ah.onclick = function(e){
     //pegando o alvo crossbrowser http://elcio.com.br/crossbrowser/#7
     if(typeof(e)=='undefined')var e=window.event; 
     source=e.target?e.target:e.srcElement; //
     if(source.nodeType == 3)source = source.parentNode
     //ativando o onclick nos links pra fazer a troca de ativo/inativo
     ativoinativo(source);
    }
    
    if(location.href.indexOf(ah.href)>-1){
     //se o endereço atual tem o link do li atual marco ativo
     lis[i].className = 'ativo'
    }else{
     //senão é inativo
     lis[i].className = 'inativo'
    }
   }
  }
  //ativando no onload (mas depois de um tempinho pra não bugar em alguns browsers heheh)
  //você pode usar body onload tb ou onready de libs
  window.onload = setTimeout(function(){initAtivoInativo('menu');},300);
 </script>
</head>
<body>
 <ul id='menu'>
  <li><a href="#home.htm">home</a></li>
  <li><a href="#micox.htm">Micox</a></li>
  <li><a href="#mwords.htm">mwords</a></li>
 </ul>
</body>
</html>

Load Limiter - Limitando o load de seu site pra não sobrecarregar o servidor

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 29 Oct 2009 06:53:19 PDT

Ae senhores, bão? bãozão?

Post rápido com uma funçãozinha que fiz quando tava tendo problemas com a hospedagem antiga do meu site (um dia eu conto essa história pra quem não acompanhou pelo twitter. Era a hospedagem da bysite.com.br - agora tô com a ótima PortoFacil.net).

Basicamente, meu site tava tendo muitos acessos E eu, provavelmente, devo ter ativado algum plugin louco no meu site. Resultado: excesso de processamentos no servidor. O bixo não tava dando conta do serviço e a hospedagem me sacaneava tirando meu site do ar por várias horas sem dar explicação, legal né?

Os servidores tem um lance que chamam de Load pra indicar mais ou menos comé que tá a carga nos bixo. É tipo uma média de quantos processos tão na fila. Veja mais explicações aqui se você não souber o que é.

A solução que pensei, além de desativar o plugin, foi fazer uma funçãozinha pra exibir uma página simples caso o server esteja com Load alto. Existem também outras ferramentas pra load balancer que eu optei por não usar por preguiça de aprender a configurar essas parada e ver se servia ao meu caso.

O que a função faz é: Testa se o load do server tá acima do valor que você configurou. Se estiver, executa a função passada no parâmetro. Muito simples mas muito útil pra evitar surpresas com servidores (compartilhados principalmente).

Bora:

0) Crie um novo arquivo e dê o nome de "inc-loadLimiter.php" Este é o conteúdo que você vai colocar dentro dele:

<?php
/*** Limita o processamento de acordo com o server load
By Micox: http://twitter.com/micox - http://elmicox.blogspot.com

Exemplo:
$loadLimiter=10; //limitei meu load a 10
if($loadLimiter){
  include_once "inc-loadLimiter.php";
  function saiVazio(){ 
    header("Cache-Control: no-cache, must-revalidate");
    include("aviso_de_manutencao_simples.htm"); //faça sua própria pág. simples.
    //echo "Em manutenção"; //caso você não queira usar include
    exit();
  }
  execIfLoad($loadLimiter,'saiVazio');
}
***/
function get_server_load($windows = 0) {
//fonte: http://www.videotexto.com.br/forum/viewtopic.php?t=243&sid=910886ae470cefbee204751ab41292d9
        $os = strtolower(PHP_OS);
        if(strpos($os, "win") === false) {
  if(file_exists("/proc/loadavg")) {
         $load = file_get_contents("/proc/loadavg");
         $load = explode(' ', $load);
         return $load[0];
  }
  elseif(function_exists("shell_exec")) {
         $load = explode(' ', `uptime`);
         return $load[count($load)-1];
  }
  else {
         return "";
  }
        }
        elseif($windows) {
  if(class_exists("COM")) {
         $wmi = new COM("WinMgmts:\\\\.");
         $cpus = $wmi->InstancesOf("Win32_Processor");
         
         $cpuload = 0;
         $i = 0;
         while ($cpu = $cpus->Next()) {
    $cpuload += $cpu->LoadPercentage;
    $i++;
         }
         
         $cpuload = round($cpuload / $i, 2);
         return "$cpuload%";
  }
  else {
         return "";
  }
        }
}

function execIfLoad($loadLimit,$callback){
    if(get_server_load()>$loadLimit){ call_user_func($callback); }
}
?>

1) Coloque o código abaixo no começo de todas as páginas do seu site. Como eu uso wordpress, no meu caso, editei o tema e coloquei no header.php.

/**** Limitando o load pra não sobrecarregar o servidor.By Micox ***/
$loadLimiter=40; //limitei meu load a 40
if($loadLimiter){
  include_once "inc-loadLimiter.php"; //você verá esta função logo abaixo
  function saiVazio(){ 
    header("Cache-Control: no-cache, must-revalidate");
    include("aviso_de_manutencao_simples.htm"); //faça sua própria pág. simples.
    exit();
  }
  execIfLoad($loadLimiter,'saiVazio');
}

Prontinho. Dúvidas, manda nos comments.

Ferramenta do Micox para te ajudar a ganhar dinheiro

noreply@blogger.com (Micox - Náiron J. C. G.) — Thu, 27 Aug 2009 10:49:58 PDT

Hoooeeaa

Estamos de volta após algumas semanas desenvolvendo um scriptzinho novo. Sim, mais um. Mas este é um pouco diferente. O objetivo deste script novo é te ajudar a ganhar grana com o programa de afiliados MercadoSócios do Mercado Livre.

Nas últimas semanas eu andava meio grilado com as quedas absurdas no rendimento de outro sistema de afiliados que eu usava E andava bastante satisfeito com o programa MercadoSócios, ENTÃO decidi que tava na hora de criar algo. Disso saiu o MWORDS.

Antes de explicar sobre a ferramenta famos falar sobre o MercadoSócios :

Mercado Sócios é um programa de afiliados que paga por ação, isto é, você vende coisas deles (ou exibe banners) e ganha uma grana por isto. Você ganha de 30% a 70% das comissões de venda cobradas pelo MercadoLivre e ainda ganha enre R$9,50 a R$15 por cada cadastro ativo.

Se você ainda não é cadastrado, aproveite a oportunidade. Clique aqui para ver as REGRAS completas e se cadastrar.

Agora sobre a ferramenta e seus principais diferenciais:

Bom, na verdade não podemos chamar de ’scriptzinho’ pois o bixo deu um bom trabalho e me ensinou algumas técnicas novas também que postarei em breve aqui no meu abandonado blog.

É uma Ferramenta (script) que insere links para produtos do MercadoLivre no conteúdo do texto do seu site ou blog, aumentando incrivelmente seus ganhos com o programa de afiliados MercadoSócios.
É simples, leve, automático e contextual, isto é, leva em consideração o assunto do texto para exibir os links.
Pode ser ativado automáticamente em imagens também.
É totalmente configurável.
Se você já estiver cadastrado no MercadoSócios não é necessário fazer nenhum outro cadastro chato e nem me pedir autorização pra usar.
Você não precisa baixar nem instalar nada complicado no seu site, é só colocar a chamada ao script no final do seu site.
Veja ele em funcionamento aqui mesmo no El Micox.
Veja aqui outro exemplo do script em funcionamento.

Quanto vou te cobrar pelo script? NADA. (mas uma postagenzinha no seu blog ou twitter seria legal hehehe. Na verdade, ganharei uma pequena comissão que negociei diretamente com o MercadoLivre e que não interfere em seus ganhos hehe ).

Um exemplo do código que você colocará no seu site:

<script type=’text/javascript’>
/* mwords - valeus.net/mwords - by Micox
*  Links para o mercado livre em palavras-chave do texto */
var mk_toolid = 5575926  ; //aqui você deve colocar seu toolid do mercadosócios
var mk_byid   = ‘content’; //aqui você indica qual o ID da div que contém os textos
</script>

<script charset=’UTF-8′ src=’http://valeus.net/mwords/motor.js’ defer=’defer’ type=’text/javascript’>
</script>

Simples, fácil e vai melhorar seus ganhos.

Agora, se quiser, é só usar o gerador que está na página valeus.net/mwords pra escolher algumas configurações mais complexas.

Problemas, sugestões, depoimentos ou comentários comenta ae. Está nos meus planos pro futuro desta ferramenta adaptar ela pra vários programas de afiliados, fazer um plugin Wordpress e Blogger pra ela e permitir vender para vários países.

Vamo ver se o povo vai usar isso. Aguardemos…

Livros lidos: Investimentos, Devoradores de Mortos e Jquery

noreply@blogger.com (Micox - Náiron J. C. G.) — Fri, 10 Jul 2009 19:33:37 PDT

Hooaaa.

Hoje acho que tô meio animado pra postar aqui no ElMicox. Então vamo aproveitar essa animação e tagarelar.

Andava bastante desanimado pra postar por vários motivos: prequiça, falta de scripts novos, twitter, outros sites meus dando grana e pedindo minha atenção, pouca leitura de outros sites da área, etc.

Aliás, acho que poucos lerão este post. Os blogs de desenvolvimento web andam meio abandonados, quase ninguém mais lê feeds e talz. Até o Webly está com baixíssimo movimento, ninguém mais tem dúvidas, poucos querem ajudar nas dúvidas dos outros. Sei lá… Acho que todo mundo anda sem tempo.

Aliás, o MayronCachina, uma boa alma, vai dar um curso grátis de PHP. Se você ainda não souber PHP agora é a hora.

Li vários livros durante meu retiro espiritual aqui do blog. Abaixo mostro 3 que achei bem interessantes:

1) Investimentos: Como Administrar Melhor Seu Dinheiro - do Mauro Halfeld

Muuuuuuuito bom. Quando comecei a ganhar uma graninha boa nos meus sites vi que eu não tava segurando dinheiro nenhum. A grana não rendia. Daí topei com este livro lá na Saraiva. O cara escreve muito bem coisas ótimas pra manejar a grana. Não são coisas de outro planeta que só investidores-viciados conseguem entender.

São coisas pra pessoas normais, classse média, aprenderem a usar melhor e investir melhor o dinheiro.

Ele explica várias daquelas siglas que agente vê no jornal e fica sem entender. Explica os melhores investimentos, explica sobre imóveis e como investir nisso, explica sobre bolsa de valores, etc.

Como já twittavam por aí: “Quem trabalha demais não tem tempo pra ficar rico” hehaeh
Agora sério: O lance do Investimento é você fazer o dinheiro trabalhar pra você. Ter rendimentos que independam do seu trabalho (diretamente) tipo aluguéis, sites, ações, empresas. Assim você terá liberdade de criar novas e novas fontes de renda e finalmente ter a liberdade de escolher se quer continuar sendo funcionário ou não.

2) Devoradores de Mortos - do MICHAEL CRICHTON

É uma historinha muito boa. Ótima. Um dos melhores livros de historinha que eu já li.
“O autor apresenta o mais antigo relato da vida dos vikings: o manuscrito do árabe Ibn Fadlan, de 922. Através deste documento, narra a vida desse povo de uma forma inédita, jamais vista pelos ocidentais.” - Submarino.

Mas o melhor é que o livro é (ou diz ser) baseado em um manuscrito do milênio passado que muitos historiadores confirmam a veracidade. Daí, a galera que gosta de “aventuras medievais” e uns lance meio RPG vai curtir pra caramba o livro e ficar naquela de ’será que aconteceu mesmo? será que é vero?’.

“Ibn Fadlan ficou conhecido por escrever um manuscrito (Kitāb ilā Malik al-Saqāliba (كتاب إلى ملك الصقالبة)) sobre suas viagens como embaixador do Abássida al-Muqtadir para a terra dos búlgaros.

Por muito tempo, havia apenas uma versão incompleta dos manuscritos, espalhada por verbetes no dicionário geográfico escrito por Yaqut al-Hamawi, publicado em 1823.[1] Porém em 1923, o estudioso Zeki Validi Togan encontrou num museu em Meshed o manuscrito MS 5229, que continha entre outras coisas a versão mais completa do escrito de Ibn Fadlan.[2]” - Wikipedia

Destaque para as passagens mostrando a porqueira da época, a putaria da época, os monstros marinhos (que alguns historiadores acreditam ser baleias), anões adivinhos, uma raça humana desconhecida, o espírito lutador dos nórdicos, tabernas, etc.

Pra variar, fizeram uma bosta de um filme baseado neste livro: O 13o Guerreiro. É lógico que o filme não mostra nem 40% do livro e é um fracasso total.

Compre este livro, não costuma ser mais de 20 conto.

3) Livro Jquery do Maujor

Bom, esse aqui nem precisa falar muito né. É um livro técnico explicando como usar o biblioteca para javascript Jquery.
Se você é novato na área e não entende muito de javascript e nem de jquery, este livro vai te ajudar.

O Maujor explica detalhadamente (quase) todas os métodos, propriedades e funções do jquery e dá um monte de exemplos. Muito bom pra se usar quando se precisa de referência em Jquery.

Eu só não gostei muito da forma repetitiva que as funções/métodos são mostrados e nem da forma como foram apresentados os seletores.
Como o Maujor é um grande mestre do CSS, achei que os seletores seriam mostrados como foram no site CSS dele, onde está mais fácil de entender e com menos texto.

No restante o livro é show.

(Obs.: Como nunca citei livros aqui no blog, alguns podem pensar que eu quero só ganhar uma grana extra com comissão. Bom, o ElMicox não rende nem 1 centavo por mês e acredito que com estes livros não será diferente.
As indicações do livro são mais pra voltar o pique do blog já que tô sem scripts novos. Se alguém comprar através da minha indicação, bem, senão, amém. Ganho MUITO mais grana com meus outros blogs/sites.
A idéia é mesmo mostrar livros bons que li.)

Maxlength No Textarea - Inline E Simplão (e outras bizarrices javascript)

noreply@blogger.com (Micox - Náiron J. C. G.) — Fri, 29 May 2009 05:14:00 PDT

oaaaaaaaaaaaaaaoaoaoaoaoooooooooaaaaaaaaa será que o micox tá de volta? Não sei. Provavelmente os leitores de feed não acompanham mais isso aqui mesmo. Vamo ver se vai ter algum comentário hehehehaeuhauehauehuaehuaheuheauea heauheauhe uhaeueahue lololololoo (louco mode off)

Bom, hoje postaremos um nano-tutorial-código que mostra uma das trocentas maneiras de se implementar maxlength no textarea.

Como vossa senhoria já deve saber, maxlength só tem em inputs, o pobre do textarea ficou esquecido.

O código:

<textarea name='meutext' onkeydown='if(this.value.length>(MAXLEN=5))this.value=this.value.substr(0,MAXLEN)'>
</textarea>

Para usar você só tem que alterar o número ‘5′ para a quantidade de caracteres que deseja como limite para seu textarea.

Testei com sucesso no FF3 IE5 IE6 IE7 OP GCh (google chrome), se testarem em mais navegadores e funfar, postem ae.

“Não entendi este código Sr Micox, WTF vc tá fazendo naquele trecho (MAXLEN=5) alí?”

Bom, aquilo é uma bizarrice permitida pelo javascript pra reduzir (e complicar) o código. Quem mexe com Ruby já conhece este tipo de loucura muito útil.

O que tá dentro do parênteses, além de atribuir um valor à variável MAXLEN, retorna o útlimo valor usado.

Então se eu fizer (d=document).write(’cocô’) , além de escrever ‘cocô’ na tela, ainda atribuirá o objeto document à variável ‘d’, o que me permitirá reduzir o código em futuras linhas deste script:

(d=document).write('cocô'); //isso funciona
d.write('fede'); //isso também

Hahá.
Então quando eu faço if(this.value.length>(MAXLEN=5)) é a mesma coisa de fazer MAXLEN=5; if(this.value.length>MAXLEN)

hAHÁe hihíiii

Hoje tô animado. Acho que já vou fazer outra postagem sobre minha ausência e os livros que li durante meu retiro espiritual do blog.

Detesta burocracia no desenvolvimento? Getting Real neles

noreply@blogger.com (Micox - Náiron J. C. G.) — Wed, 17 Dec 2008 03:35:37 PST

“Getting Real” (traduzido como “Caindo na Real”) é um livro e que descreve uma metodologia de desenvolvimento de negócios na internet.

Eu já tinha lido ele há muito tempo, mas ainda não tinha comentado ou implementado. Tô meio atrasado (o mundo inteiro já deve ter lido este livro) mas bora lá.

Ela prega que, a partir do momento que as idéias do negócio já estejam definidas, não se enrole muito pra desenvolver o seu site.

“Em resumo, o que o Getting Real prega é que pulemos as fases que representam o projeto (documentos, especificações, wireframes, testes de usabilidade etc.) e partamos direto para o que realmente é o projeto, ou seja, telas, códigos e programação.

A justificativa é que não importa o quanto seja planejado, quando o projeto for ao ar e os usuários começarem a realmente utilizá-lo, ele terá que ser alterado e ajustado” - Walmar Andrade

Se você já desenvolveu algo pra internet e colocou uma campo de contato para receber comentários e opiniões, sabe que isto é verdade.

Você só vai perceber o que precisa ser ajustado após o serviço ir pro ar. Além disso, você também irá perceber claramente quais as funcionalidades mais prioritárias de se implementar.

Se você já têm a idéia inicial, não demore. Na internet, quem chega primeiro têm chances maiores de se dar bem (bom, acho que na vida real também né hehehe).

Opa, não estou dizendo pra você jogar qualquer porcaria na rede. Faça algo bom, algo cativante, algo que seus visitantes voltarão pra ver, algo que seus visitantes indicarão pros amigos.

A cada dia que passar, os visitantes, vendo que funcionalidades novas vão sendo implantadas, vendo que as sugestões deles são ouvidas, vendo que é um site dinâmico e crescente, eles ficarão mais e mais fiéis do seu serviço.

Colocando seu serviço no ar rapidamente, você também terá a vantagem de medir previamente como os visitantes estão chegando até você: palavras chave (busca do google) que dão mais resultado, que tipo de marketing dá mais resultado, quais parceiros dão mais resultado, etc.

Detalhe: o livro está disponível “di grátis” e em português no site http://gettingreal.37signals.com/GR_por.php
Leia a introdução e o capítulo 1 e se impressione.

Minha opinião resumida é: não abandonte totalmente o planejamento, faça uns rabiscos, mas não demore meses pra lançar sua idéia.

Talvez esta metodologia seja útil não só para o desenvolvimento web, mas para o desktop também (desde que o software tenha um sistema legal pra atualizações).

//Pensando melhor, talvez ela não seja útil só na área de informática. Esta metodologia de fazer algo bom e rápido e , depois, ir melhorando já é usado por churrasquinhos que viram restaurantes, lojinhas de roupas que viram lojões, etc.

Caindo na Real se livra de …

* Cronogramas que levam meses ou mesmo anos
* Especificações Funcionais Utópicas
* Debates de Escalabilidade
* Reuniões de equipe intermináveis
* A “necessidade” de contratar dúzias de funcionários
* Números de versões sem sentido
* Planejamentos cristalinos que prevêem o futuro
* Opções de preferência intermináveis
* Suporte terceirizado
* Testes de usuário irreais
* Papelada inútil
* Hierarquia de cima-para-baixo

Plugins essenciais pra Wordpress na opinião do Mico

noreply@blogger.com (Micox - Náiron J. C. G.) — Wed, 17 Dec 2008 03:42:11 PST

Pacote de plugins essenciais pra Wordpress na opinião deste Mico que vos fala.

Toda instalação de wordpress que eu faço (que não são muitas) eu uso os seguintes plugins que facilitam pra caramba minha vida. Acho que eles já deveriam vir (pelo menos alguns) no pacote inicial do wordpress hahehaehe.

Se você têm mais ae, sugira nos comentários. Alguns dos abaixo, foram indicados pelo brodi Igor.

ChapSecureLogin - criptografa (via javascript) sua senha pra que ela não passe em branco pela rede (e qualquer sniffer de rede possa vê-la)

LoginLockDown - Bloqueia após 3 tentativas de senhas. Daí o mala só vai poder tentar força bruta novamente após XX minutos

WP Security Scan - Testa permissões de pasta, nome do banco de dados, senhas e mais outras coisas. Muito bom.

Admin management Xtended - Adiciona opções ajax a algumas ações de administração (como por ex deixar a página visível, trocar ordem de posts, etc)

Ozh Admin Drop Down Menu - transforma o menu do wp-admin em algo mais fácil de mexer. Em vez de ter que ficar acessando o menu pai pra só depois poder acessar os filhos. Esse compensa di cum força.

All in One SEO Pack - Deixa seu blog mais amigável pra mecanismos de busca.

Google XML Sitemaps - Simplesmente ótimo pra gerar seu sitemap. Com opção de peso pra cada tipo de página e envio automático pros motores de busca.

Comments Hash do Japs - Já famoso. Adiciona uma conta matemática na caixa de comentários. Reduz spam (e se você complicar a conta, pode reduzir comentários de não inteligentes também hahaha) - Ele não está na lista de plugins do wordpress.org, tem que procurar no google.

Old Post Alert - Mostra um aviso se o post for antigo X meses. Bom pra sites de notícias.

Similar Posts - Exibe links para postagens similares ao post em que o visitante está. (requer o post plugin library)

Theme Test Drive - pra você poder testar vários temas e modificações sem que seu visitante veja.

Wordpress Popular posts - Mostra os posts mais populares.

Wordpress stats - Estatísticas completas: pageviews, palavras chave, links clicados, sites que linkaram, etc

wordpress mobile edition - link pra versão simples do seu site. Bom pra celulares e talz.

404 notifier - òtimo quando se está no começo do blog ou de um novo template, bom pra ver arquivos, imagens e outros links quebrados.

WP DBManager - alem do backup automática, faz otimização automática, reparação, restore do backup, etc.

WP Super Cache - Transforma seus posts em arquivo HTML reduzindo o acesso ao banco de dados e lentidão.

Wordpress Automatic upgrade - Simplifica o trabalho chato de atualizar seu wordpress

PageNavi - Adiciona números de página no seu blog ao invés do velho "página anterior" , "próxima página".

Por hoje é só. Se você têm mais, sugira nos comentários.