Recebi um layout com um carrosel que tinha 2 linhas e 4 itens em cada linha, ele deveria funcionar como qualquer carrosel, clica em next rola pra esquerda todo carrosel, clica em prev, rola pra direita o grande problema é: NUNCA NA MINHA VIDA EU HAVIA VISTO ALGO ASSIM!

Tudo bem, fui atras disso antes de começar o projeto, achei algumas soluções propondo modificar plugins como o já famoso jCarousel e essa solução aqui! pensei ‘porra! to feito, vai ser essa mesma que vai salvar minha vida’.

Mais tinha um grande problema, no layout também havia filtros de categoria e quando filtrava bagunçava todo o esquema de duas linhas que era pra ficar, voltava tudo pra uma linha só, além do mais, não estava organizado como deveria ser

ex:

e era pra ficar assim:

Então, qual foi a minha solução? graças ao @dexfs que me mostrou um site feito com Cycle Plugin que consegui solucionar esse problema

é bem simples, vamos começar pelo loop no WP:

<?php

$query = new WP_Query('posts_per_page=-1');
$i = 1; //essa será nossa variavel chave para efetuar toda magica 
if($query->have_posts()): ?>

<div class="box">

<?php while ($query->have_posts()): $query->the_post();?>

// aqui vai o conteudo, ex: um post thumbnail

<?php the_post_thumbnail('carousel');?>

<?php
// agora a mágica para o carossel dar certo com Cycle
if($i % 8 == 0){
echo '</div><div class="box">';
}
$i++;
endwhile;
wp_reset_postdata();
?>
</div>
<?php endif;?>

Entãããão, vejam bem o pequeno e maroto if ali, a cada 8 itens ele vai fechar o div que eu abri antes do while e se por exemplo, na proxima execução tiver menos de 8 itens nosso div.box já estará aberto antes de while e fechado depois não correndo assim o risco de jogar os itens num lugar vazio e fora de contexto.

Ok, agora a parte do plugin, é bem simples, usei esse item que estava no FAQ deles que te diz para usar scrollHorz e fim, todos felizes com um carrosel multilinha no wordpress e que ainda fica organizado de forma decente :p

Poxa, linguagem facil de entender, até pra alguem como eu que estava mega viciado no mundo procedural e não orientado a objetos, confesso que tenho muito o que aprender ainda, principalmente no quesito Delegates. Sou uma negação.

Bom, como experimento, fiz um app que baixa a ultima versão oficial do WordPress para um diretório selecionado pelo usuário e depois extrai os arquivos do zip baixado e pimba pronto pra instalar e ser feliz.

Bom, sem mais enrolações apresento a vocês o WPInstaller:

E segue também link para mais informações, como download, backlog, changelog etc

http://persocon.org/wpinstaller/

Agradecimentos mega especiais para Jonatas Azzolini ( http://www.jonatasazzolini.com/ ) por ter criado o icone do projeto e ao José Matias por ter me conectado com Jonatas para que o icone fosse criado na maior pareceria

SimpLESS, basta arrastar a pasta do seu projeto pra dentro dele e pronto, cada vez que você salvar seus arquivos LESS ele automaticamente compila em um arquivo CSS.

http://wearekiss.com/simpless

Única coisa que não gostei, em comparação com LESSApp, ele não fica nos icons bonitinhos lá em cima perto do relógio :p e sim na Dock ocupando espaço. E também não avisa via Growl que o arquivo foi compilado. Mais tá ae uma alternativa multiplataforma.

Nota rapida: se você mora em Curitiba ou região, esão abertas inscrições para o Workshop de LESS Css na FISAM, também tem outros cursos aberto, veja post anterior para mais informações.

Html & Css
Html5 & Css3
WordPress
Responsive Design
Workshop de LESS Css

~OPORTUNIDADES~ de se tornar um profissional excelente.

Bom, enfim, contudo, os cursos são em formato “especial” como diz a FISAM, ou seja, só abre turma quando completar 10 inscritos, por isso estou propagandeando aqui. Outra coisa, vou ministrar alguns dos cursos de lá, OU SEJA, conhecimento garantido

Os que darei aulas são Html5 & CSS3, WordPress, Responsive Design e o Workshop sobre LESS Css que é uma ferramente excelente e meu companheirão de trabalho.

A sim, preciso agradecer ao José Matias que será cordenador nos cursos e  que ajudou bastante a levar os cursos até a faculdade e também vai ministrar alguns cursos lá, o de HTML & CSS Básico é dele, então galera, inscrevam-se e compartilhem por ae.

E para mais informações sobre o curso veja aqui: http://www.sanmartinbr.com.br/mini_cursos/mini_cursos.php

Duvidas ou sugestões? formulário de comentários logo abaixo do post né e formulário de contato em @mail-me

Enfim, comecei com um site grande aqui de curitiba sobre Tatuagem, referência nacional até, eles tem em média 1500 acessos únicos diários. Ou seja, eles precisavam dos meus serviços.

E conversa vai, conversa vem, configura daqui, dalí, testa e tals. Cliente satisfeitissimo

E recebo hoje um depoimento deles:

"Fiquei 100% satisfeito com o serviço de consultoria de wordpress prestado pelo Pedro. Em algumas horas ele conseguiu fazer um up grade completo no blog. Havia muita coisa que eu realmente não sabia que era necessário e com esse serviço de consultoria tudo ficou mais claro ajudando o blog a ter mais destaque na web."

É isso ae galera, servico bem feito, cliente satisfeito.

Se você quer saber mais sobre WordPress clique aqui ou se você tem um blog ou site em WordPress e estiver interessado no serviço de consultoria que presto, entre em contato

Nesses cenários surge o KillSwit.ch, iniciativa do !Drop Studio pra solucionar esse problema. A ideia é simples, você freelancer se cadastra lá (ainda estamos em beta) e gerencia todos seus clientes, cadastrando eles e tals, quando terminar de cadastrar seu cliente ele gera um código e você insere esse código no site do seu cliente.

Simples assim? mais e ae o que acontece?

Cliente não pagou? desative o site dele com um clique pelo painel do KillSwit.ch, é prático e você não perde todo trabalho que você fez se o site estiver em total funcionamento.

Cliente resolveu pagar depois de ver o site offline? Ative denovo no painel com apenas um clique.

BANG!

Gostou? se gostou mesmo ajude-nos no Startup Base, clique em [Acreditar] e também participe dos beta tests cadastrando seu email no site.

Ok, pode parecer ótimo no começo, é gratis, tem como vc inserir tudo da sua empresa lá se for coisa simples, mas tem um problema, de tempos em tempos eles mudam a estrutura e pode ser que a opção por exemplo de Blog não exista mais, ou que uma nova regra na política deles impeça que você insira propaganda da sua empresa lá sem dar algums milhões pra eles.

A opção de um site para sua empresa é SEMPRE viavel, você consegue agregar todas informações necessárias para aparecer bem no Google. Infelizmente não é tão simples assim “ó, vou contratar esse webdesigner e ele vai me colocar bem no google e vai me cobrar 200 dinheiros só”. Preste bem atenção no golpe, nem tudo que reluz é ouro coisas baratas podem parecer boas de começo, mas não se engane.

Esses mesmos prospects que desativaram seu site, contrataram pessoas que cobraram pouco, um deles teve o site bloqueado no registro.br por falta de pagamento e nem sabia que isso existia.

Procure sempre um bom profissional, de preferência um que foque no ramo da sua empresa, olhe bem o portfólio dele. Mas por que? se você quebrou seu dedinho e tem a opção de ir em um ortopedista ou em um especializado em dedinhos quebrados, qual escolheria?

Entende o que eu quis dizer? se você escolher um profissional que não dê suporte completo, você pode até pagar pouco, mais não vai te render nada. Em outro caso, um profissional focado no que você precisa, pode sair caro de começo mas tem inumeras vantagens a longo prazo.

Posso te listar algumas, alguns suportes inclusos nos projetos do !Drop Studio:
- SEO Incluso em todos projetos ( ou seja, seu site numa posição legal no google, com planejamento e etc );
- Responsive Design ( seu site vai funcionar e aparecer bem tanto no Desktop quanto em celulares, tablets );
- WordPress ( o mais avançado Gerenciador de Conteúdo do mercado, simples, prático e extremamente poderoso e seguro );
- HTML 5, CSS 3, jQuery ( tudo o que estiver ao nosso alcançe com as técnologias mais avançadas existentes );

Entre outras coisas, mas claro que nada disso sai barato ou fica pronto em dias, leva tempo e dinheiro, não é facil. Ou seja, você vai ter que investir bem pra crescer.

Sofremos com a barrinha amarela de pedido de atualização do WordPress, que convenhamos é um porre ficar vendo aquilo.

Ou então outro cenário, você fez modificações num site de um cliente em um plugin específico e não avisou ele que não é pra ele atualizar né e ele atualizou e te ligou que o site bugou inteiro :s problemas amigo, refazer trabalho é outro porre na vida de um dev.

Bom, apresento-lhes uma solução:
add_filter( 'http_request_args', 'dm_prevent_update_check', 10, 2 );
function dm_prevent_update_check( $r, $url ) {
if ( 0 === strpos( $url, 'http://api.wordpress.org/plugins/update-check/' ) ) {
$my_plugin = plugin_basename( __FILE__ );
$plugins = unserialize( $r['body']['plugins'] );
unset( $plugins->plugins[$my_plugin] );
unset( $plugins->active[array_search( $my_plugin, $plugins->active )] );
$r['body']['plugins'] = serialize( $plugins );
}
return $r;
}

Insira o código acima dentro do plugin que você modificou, assim quando o wordpress rodar a function que checa todos plugins vai bater no seu e ver que ele não quer ser checado e passar reto.
Agora, se o plugin já está pedindo pra ser atualizado antes de você ter lido essa dica, sinto muito amigo, você terá trabalho dobrado, mas veja a solução:
Abra seu wp-includes/update.php e insira:

get_site_transient( 'update_plugins' );
set_site_transient( 'update_plugins', '' );

Infelizmente a solução não é perfeita e parece, pelo menos nos teste que fiz, que funciona em apenas um plugin por instalação :/ mas continua sendo uma dica fodona heim

Não é novo o projeto, mas é bem maneiro. Me inscrevi ano passado e recebi ele em minha casa, porém até então não consegui nenhuma oportunidade de fotografá-lo. Até esse fim de semana, que tragicamente coincidiu com o fim de semana que minha namorada estava se mudando de estado, indo para Santa Catarina.

Então decidimos juntos sair e ir no parque aqui de Curitiba que mais gostamos, o Jardim Botânico. Um lugar lindo, colocamos nossas câmeras na bolsa, uma Smena 8m(Lomo) de 1970, original e tals , uma Sony HX-1 e meu iPhone 4

Bem, ainda não revelei as fotos da Smena que foi junto com a namorada de presente de 10 meses de namoro e como garantia de que eu ia encontrar ela denovo dentro de algumas semanas pra ver o filme finalizado e revelado, nem da Sony que é dela e também foi embora. Sobrou apenas o iPhone que contem UMA foto do Bob para o projeto :p

Comunidade do Bob no Facebook: http://www.facebook.com/haveyouseenbob?sk=info

e aqui está bob e outras fotos da gente no parque assim que receber as outras fotos atualizo esse post:

Bob no Jardim Botânico de Curitiba

Eve e sua câmera(Sony hx-1)

Eu e Evelise

Jardim Botânico de Curitiba

Jardim Botânico de Curitiba

Vamos lá

Isso se chama Virtual Pixels, nos iPhones anteriores ao 4 o Virtual Pixel era medido de 1:1, no 4 é medido de 2:1. Mas, o que isso significa?

Significa que 1 Virtual Pixel é igual a 1 Pixel Físico, como temos retina display no iPhone 4 e pra haver compatibilidade entre os sites feitos até então foi feito 2:1, ou seja, 2 Virtuais Pixels para 1 Pixel Físico.

Sendo assim, o max-device-width do iPhone 4 se torna 320px

Exemplo de Media Query com max e min device-width:

@media screen and (max-device-width: 320px) {
body {
background: orange;
}
}
@media screen and (min-device-width: 320px){
body {
background: green;
}
}

Ok e no iPad? temos Virtual Pixel de 1:1 e width de 1024px

Simples assim, pros androids vale a mesma regra, se não tem retina display é 1:1 se tem 2:1 pra haver compatibilidades.

Basta apenas saber o width do seu device e mãos a obra