Vitor Carvalho | Designer e Programador Wordpress http://www.vitorcarvalhodesigner.com Sun, 20 May 2012 02:14:01 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Loja Geek da Senana #01 http://www.vitorcarvalhodesigner.com/loja-geek-da-senana-01/ http://www.vitorcarvalhodesigner.com/loja-geek-da-senana-01/#comments Sun, 20 May 2012 02:12:16 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1519 Estamos com um novo espaço no “Blogif” é a Loja Geek da Semana.
Este espaço é para apresentar aquela loja que tem aqueles acessórios que todo nerd adora (Canecas, Bonecos, Camisetas, Buttons etc… )

 

Sem mais demora vamos apresentar a loja Canto do Geek (http://www.cantogeek.com.br/ )

Uma loja que parece estar começando mas que ja tem a disposição muita coisa legal para se adquirir da uma olhada em alguns exemplos que escolhemos;

 

loja geek

 

]]> http://www.vitorcarvalhodesigner.com/loja-geek-da-senana-01/feed/ 0 Aprenda agora HTML5 http://www.vitorcarvalhodesigner.com/aprenda-agora-html5/ http://www.vitorcarvalhodesigner.com/aprenda-agora-html5/#comments Thu, 03 May 2012 21:27:56 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1480 Em particular, HTML5 adiciona várias novas funções sintáticas. Elas incluem as tags de<video>,<audio>,<header> e elementos<canvas>, assim como a integração de conteúdos SVG que substituem o uso de tags<object> genéricas. Estas funções são projetadas para tornar mais fácil a inclusão e a manipulação de conteúdo gráfico e multimidia na web sem ter de recorrer a plugins proprietários e APIs. Outros novos elementos, como<section>,<article>,<header> e<nav>, são projetados para enriquecer o conteúdo semântico dos documentos. Novos atributos têm sido introduzidos com o mesmo propósito, enquanto alguns elementos e atributos têm sido removidos. Alguns elementos, como<a>, e<menu> têm sido mudados, redefinidos ou padronizados. As APIs e os modelos de objetos de documentos (DOM) não são mais pensamentos retrógrados, mas são partes fundamentais da especificação do HTML5.

HTML5 também define com algum detalhe o processamento necessário para que erros de sintaxe de documentos inválidos sejam tratados uniformemente por todos os browsers e outros agentes de usuários em conformidade com o HTML5.

 

Apostila e Ebook HTML5

Andei procurando e achei dois ótimos conteúdos para dar iniciar em HTML5 o primeiro é este:
Apostila HTML5 para Download

 

O Segundo é este Ebook “HTML5 em 15 Minutos”
Ebook para Download

 

 

Video Aula de HTML5

No canal do “Blogif” no Youtube~você encontra uma básica mas ótima video aula sobre html5 vou colocar a baixo uma das aulas que achei muito interessante falando sobre como inserir midias no html5, caso goste acesse este link: http://www.youtube.com/playlist?list=PL0F15B42DA42060A8&feature=view_all e tenha acesso ao nosso canal com todas as outras aulas.

 

 

Espero que tenham gostado do conteúdo pessoal.

 

]]> http://www.vitorcarvalhodesigner.com/aprenda-agora-html5/feed/ 0 Mais Visitas no WordPress com o “Publicize” http://www.vitorcarvalhodesigner.com/ganhe-mais-visitas-com-o-plugin-publicize/ http://www.vitorcarvalhodesigner.com/ganhe-mais-visitas-com-o-plugin-publicize/#comments Tue, 01 May 2012 22:53:30 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1466 “Publicize” permite-lhe conectar o seu blog WordPress.com às suas conta de redes sociais tais como Twitter e Facebook, divulgando automaticamente as suas entradas. No passado eram precisos alguns passos para descobrir como começar. Agora está apenas um clique de distância.

A partir de hoje, quando publicar uma entrada, verá uma menção do recurso “Publicize”.

Refêrencia Completa 

 

plugin wordpress publicize

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

plugin wordpress publicize 21

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

]]> http://www.vitorcarvalhodesigner.com/ganhe-mais-visitas-com-o-plugin-publicize/feed/ 0 Otimizando Imagens para as Buscas do Google http://www.vitorcarvalhodesigner.com/otimizando-imagens-para-as-buscas-do-google/ http://www.vitorcarvalhodesigner.com/otimizando-imagens-para-as-buscas-do-google/#comments Tue, 01 May 2012 22:14:00 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1450 Hoje em dia é normal otimizar imagens em seu site e esta prática é ótima pois além de fazer seu site ficar mais leve você disponibiliza sua imagem para ser encontrada nos motores de busca como o google e yahoo, melhorando até a posição do seu site nos motores de busca.

Agora você aprenderá quais são as principais formas de otimizar suas imagens ganhando pontos com os motores de busca e visitantes do seu site.

Usando WordPress

O WordPress disponibiliza muitos plug-ins para a otimização automática de imagens, entre os muitos recomendo o SEO Friendly Image.

Trabalhando diretamente no código fonte

Nome da imagem – é muito importante que sua imagem possa ter um nome relevante ao assunto que você esta destacando. Imagens com o nome IMG00545.jpg ou Imagem3.jpg sem dúvida não são as melhores opções de nome a se escolher quando se quer otimizar imagens, seria melhor usar algo como wordpress.jpg ou novo-escritorio-blogif.jpg

Você sabe o que é o Alt?

normalmente encontrado sem estar preenchido e mais ou menos desta forma <img src=”wordpress.jpg” alt=”” /> mas quem não preenche o campo alt mau sabe o quanto ele é importante.

Matt Cutts fez um vídeo explicando sobre o assunto:

Qualidade das imagens

Sem dúvida seus visitantes vão preferir cores vivas e de alta qualidade e isso também é bom para as pessoas que estão procurando imagens nos buscadores como o google, muitas vezes pode até não ser o que a pessoa procura mas só pela beleza da imagem você acabou ganhando uma visita em seu site, veja o exemplo a baixo:

 

tumblr m1z0bnq9ES1r792zeo1 500

 

 

 

 

 

 

 

 

 

 

Formato das Imagens

Ninguém quer ficar perdendo tempo esperando uma imagem carregar de forma lenta. Por isso usar imagens em formatos para photoshop ou CorelDraw não é interessante pois seu visitante terá de fazer o download da imagem e ainda esperar abrir em seu computador, por isso para facilitar a vida de todos use imagens no formato .jpg ou no máximo .png

Bom pessoal é isso espero que tenham gostado do texto e em caso de duvidas podem deixar um comentário

 

 

 


]]> http://www.vitorcarvalhodesigner.com/otimizando-imagens-para-as-buscas-do-google/feed/ 0 Ferramenta para criar efeitos com CSS3 http://www.vitorcarvalhodesigner.com/ferramenta-para-criar-efeitos-com-css3/ http://www.vitorcarvalhodesigner.com/ferramenta-para-criar-efeitos-com-css3/#comments Tue, 01 May 2012 21:38:44 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1442 Se você esta procurando sair da mesmice ao criar layouts, mas sem usar muitas imagens em PNG o CSS3 vai ser sua salvação. O CSS3 permite que seja criado muitos efeitos para seu site, efeitos que há algum tempo atrás só poderia ser feito por meio com ferramentas de edição de imagem.

Mas hoje encontrei o site CSS 3.0 Maker, um site incrível que vai te mostrar vários exemplos de efeito com CSS3 e ainda lhe fornece o código fonte para que você possa testar em seu projeto. Vale a pena conhecer o css3maker.com

css maker

 

 

 

 

 

 

]]> http://www.vitorcarvalhodesigner.com/ferramenta-para-criar-efeitos-com-css3/feed/ 0 SEO e Otimização para WordPress http://www.vitorcarvalhodesigner.com/seo-e-otimizacao-para-wordpress/ http://www.vitorcarvalhodesigner.com/seo-e-otimizacao-para-wordpress/#comments Sun, 08 Apr 2012 03:05:00 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1435 Muito boa esta dica feita em slides por: Guga Alves e Pablo Almeida, como diz o titulo você vai aprender algumas técnicas e dicas interessantes sobre como melhorar o posicionamento e estratégia de SEO em seu WordPress. vale a pena conferir mais este bom artigo.

Tutorial

 

]]> http://www.vitorcarvalhodesigner.com/seo-e-otimizacao-para-wordpress/feed/ 0 Borda pontilhada SWF no (Firefox) http://www.vitorcarvalhodesigner.com/borda-pontilhada-firefox/ http://www.vitorcarvalhodesigner.com/borda-pontilhada-firefox/#comments Sun, 08 Apr 2012 02:52:52 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1429 Este foi um probleminha que me deu uma certa dor de cabeça, quando descobri que era só no firefox v3.x  preferi deixar para lá, mas sabe como são os designers né? não dormem enquanto algo estiver errado, e como eu ja estava ficando com sono decidi pesquisar porque o firefox faz uma borda pontilhada em volta de SWF´s.

Bom vamos a solução, que adivinha, não é na pagina html e sim no css. por isso inserira o código a baixo em qualquer parte da sua folha de estilo

(*)Retira o outline de todos os objetos

*{
outline: none;
}

 

]]> http://www.vitorcarvalhodesigner.com/borda-pontilhada-firefox/feed/ 0 Apostila de JQuery http://www.vitorcarvalhodesigner.com/apostila-jquery/ http://www.vitorcarvalhodesigner.com/apostila-jquery/#comments Sun, 08 Apr 2012 02:40:38 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1421 Ótima apostila de Jquery, básica e de fácil compreensão para iniciantes na linguagem feita por: Daniel de Campos Souza. Para quem não sabe o que é o JQuery:
jQuery é um framework para ajudar os desenvolvedores a se concentrarem na lógica dos sistemas da web e não nos problemas de incompatibilidade dos navegadores atuais. Seu lema é: “Escrever menos e fazer mais”.

Principais funcionalidades do jQuery:

-Resolução da incompatibilidade entre os navegadores.
-Redução de código.
-Reutilização do código através de plugins.
-Utilização de uma vasta quantidade de plugins criados por outros desenvolvedores.
-Trabalha com AJAX e DOM.
-Implementação segura de recursos do CSS1, CSS2 e CSS3.
Vale a pena conhecer mais sobre esta linguagem que vem crescendo nos últimos tempos

Apostila jQuery Para Download

]]> http://www.vitorcarvalhodesigner.com/apostila-jquery/feed/ 0 Editores De Código Fonte http://www.vitorcarvalhodesigner.com/editores-de-codigo-freeware/ http://www.vitorcarvalhodesigner.com/editores-de-codigo-freeware/#comments Sun, 08 Apr 2012 02:07:41 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1394 2 Ótimos programas grátis para trabalhar com código fonte, confira:

Notepad++

notepad 16Uma ferramenta mais avançada e versátil que outros editores de texto, você tem suporte

às linguagens C, C++, Java, C#, XML, HTML, PHP, Javascript, ASCII art, doxygen, ASP, VB/VBS, SQL, Objective-C, CSS, Pascal, Perl, Python, Lua,TeX, TCL, Assembler, Ruby, Lisp, Scheme, Properties, Diff, Smalltalk, Postscript, VHDL, Ada, Caml, AutoIt, KiXtart, Matlab, Verilog, Haskell e InnoSetup.

 

Download

 

 

 

 

 

 

 

 

Codelobster

codeloPHP Edition é uma excelente opção de aplicativo para programação web. Com suporte a arquivos PHP, CSS, HTML e JAVA, este leve e prático programa torna a vida dos programadores muito mais fácil, pois permite a inserção de breakpoints (pontos de paradas) e o debug do código (passo a passo).

 

 

Download

 

 

 

 

 

 

]]> http://www.vitorcarvalhodesigner.com/editores-de-codigo-freeware/feed/ 0 10 Plugins Jquery para Slideshow http://www.vitorcarvalhodesigner.com/10-plugins-jquery-para-slideshow/ http://www.vitorcarvalhodesigner.com/10-plugins-jquery-para-slideshow/#comments Sun, 08 Apr 2012 02:02:22 +0000 Vitor Carvalho http://www.vitorcarvalhodesigner.com/?p=1385 Usar soluções com o Jquery para efeitos em fotos e menu tem se tornado um padrão e já não é mais tão raro ver sites usarem estes efeitos, muitos usuários Jquery estão fazendo bibliotecas de plugins. Se este é seu objetivo sem duvida vai gostar destes 10 plugins, direcionados para quer quer fazer um belo album de fotos ou portifólio para mostrar seus trabalhos.

 

01 jquery

 

23

 

33

 

43

 

53

 

63

 

 

 

]]> http://www.vitorcarvalhodesigner.com/10-plugins-jquery-para-slideshow/feed/ 0