15 de set. de 2014

Introdução Básica sobre a Google Cloud


Apesar desse blog ser mais pra mim mesmo, compartilho essa informação com a intenção de engrossar o coro das poucas vozes que estão gritando que a Cloud Computing já é uma realidade.

Cada vez mais as pessoas vão acabar esbarrando em informações sobre Cloud Computing.

Até que encontrei uma verdadeira aula do @José Papo apresentada durante o Startup Launch Summit 2014 onde explica de modo bem claro como funciona a Google Cloud e mostrando do zero, como criar uma máquina virtual na nuvem da Google e criar um simples hello world.

Todo mundo que trabalha online precisa entender para que serve e como funciona a Google Cloud.




10 de set. de 2014

5 Ferramentas para Formatação de Código para postar no Blogger


Investigando sobre como colocar código formatado nos posts do Blogger.

A primeira técnica é a que eu uso e é a mais simples e mais rápida utilizando ferramentas conhecidas como "Online Syntax Highlighters". Basta você escolher uma das ferramentas abaixo, colar o seu código e a ferramenta devolve o texto todo formatado e colorido para ser copiado e colado no seu post para facilitar a leitura do código que está publicando para outros usuários.

http://markup.su/highlighter/
http://tohtml.com/
http://quickhighlighter.com/

A técnica mais top exigirá alguns minutinhos de atenção para instalar o SyntaxHighlighter no seu template do blogger. O SyntaxHighlighter foi totalmente desenvolvido em JavaScript e pode ser uma boa se você publica muito código.



http://alexgorbatchev.com/SyntaxHighlighter/

E para quem é fã da Google pode ficar interessado nessa solução de formatação de código para postar no blogger ou no seu site usando o Google Code Prettify. =)

Problema com as meta tags do Facebook - Open Graph Debugger


Resolvido! Fixed! :) O problema com as meta tags do Facebook foi resolvido.

Otimizei uma página para o Facebook mostrar uma imagem, título e descrição específico, em lugar de seguir deixando ele puxar as informações automaticamente.

Então configurei as seguintes meta tags do Facebook, dentro do da minha página:

<meta property="og:title" content="Criação de Sites que Vendem 2.0">
<meta property="og:site_name" content="Lucrando na Web">
<meta property="og:description" content="Quer descobrir como o seu site pode pode virar uma máquina de vendas em apenas 8 semanas?">
<meta property="og:image" content="http://www.lucrandonaweb.com.br/lp/images/marca-lucrando.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="180">
<meta property="og:image:height" content="180">
<meta property="og:locale" content="pt_BR">
<meta property="og:url" content="http://lucrandonaweb.com.br/lp/">
<meta property="og:type" content="website">

Mas o curioso é que ainda assim, sempre que eu publicava esse link no chat, ou publicava esse link no meu feed, o Facebook identificava um título, descrição e imagem diferente das que eu havia especificado com as og tags acima e foi uma luta até que descobri a ferramenta Open Graph Object Debugger que resolveu meu problema com as meta tags do Facebook.

Solução para os problemas com as meta tags do Facebook


Basicamente foi só dar alguns "Fetch new scrape information" para o Facebook começar a identificar o novo conteúdo das meta tags do Facebook para tudo funcionar como deveria ser :)


3 de set. de 2014

Como Encontrar os Melhores Profissionais pelo Workana

Neste artigo, quero compartilhar uma dica muito legal para quem quer contratar freelancers com segurança pelo Workana. 

Primeiro de tudo Cadastre-se Grátis.



Principalmente para quem tem demandas de WordPress, encontrará muitos programadores oferecendo ajuda e propondo soluções criativas que muitas vezes até mesmo não custam muito mais que o acesso a uma informação.

Tudo dependerá de como você organizará a publicação do seu projeto com o seu pedido de ajuda.

Quanto mais organizado estiver seu projeto, mais colaboração encontrará nessa comunidade.

Quanto mais específico for seu projeto, maiores são as chances dos melhores especialistas de cada assunto se interessarem pelo seu projeto.

Poderá começar criando um projeto Layout para Tal Nicho; depois outro projeto para alguém para programar o site planejado pelo designer; depois outro projeto para atrair especialistas em Otimização de Sites para Buscadores (SEO) e por ai segue até o seu site ficar pronto.

Tentar simplificar seu trabalho criando um único projeto "Criação de Site Completo" só tornará a negociação mais lenta, mais cara e ainda por cima encontrará profissionais que consumirão seu tempo e não resultará na melhor experiência na contratação de freelancers.



29 de ago. de 2014

Alinhamento Vertical Absoluto usando CSS Cross Browser


Sempre perco tempo procurando resolver o problema de alinhamento de conteúdo na vertical e que seja cross browser de conteúdo dentro de DIV.



Depois de testar vários métodos, o modo mais simples de alinhar conteúdo na vertical foi criando dois DIVs, um DIV externo usando a propriedade display:table e um segundo DIV usando o display:table-cell com a propriedade vertical-align:middle.

Espero que seja útil para mais pessoas!

 <style>  
   .ContainerExt {  
     display: table;  
     width: 330px;  
     height: 180px;  
     background-color: #333333;  
     overflow: hidden;  
   }  
   .ContainerExt:hover {  
     background-color: #000000;  
   }  
   .ContainerExt .ContainerInt {  
     display: table-cell;  
     margin: 0 auto;  
     text-align: center;  
     vertical-align: middle;  
     width: 100%;  
   }  
 </style>  
 <div class="ContainerExt">  
   <div class="ContainerInt">  
     <div class="boxQualquer">  
       Conteúdo Centralizado  
       <br />Multi-linha.  
     </div>  
   </div>  
 </div>  


Fonte: Andy Howard

23 de ago. de 2014

Wordpress e mqtranslate: get_permalink não retorna o link com o idioma ativo (resolvido)

WordPress + mQtranslate


Prestes a finalizar a tradução de um site bilingue (português/inglês) utilizando o WordPress + mqTranslate (um fork do qTranslate) e tudo funcionava perfeito se não fosse o get_permalink insistia em retornar a url sempre sem o idioma ativo.

A função the_permalink funcionava perfeito. Retorna corretamente todos os links já traduzidos.

Eu selecionava o idioma inglês e o get_permalink insistia em retornar o link sem o /en/ na url.

Em lugar de retornar http://site/en/post, retorna sempre http://site/post

Pesquisando pela web descobri um hook simples e eficiente que resolveu o meu problema.

Adicione a linha abaixo no functions.php do teu tema:

add_filter('post_type_link', 'qtrans_convertURL');

Espero que ajude outras pessoas que também estejam com o mesmo problema com o get_permalink.