kadunew.com/blog

45 temas para WordPress

Carlos Eduardo - Kadu — Fri, 30 Jul 2010 05:12:47 +0000

Trago hoje para vocês uma ampla variedade de temas para WordPress postado pelo estudante Ebrian Acebedo no site Naldz Graphics. Com certeza uma ótima referência para templates WordPress. São 45 temas atraentes e profissionais que podem ser muito útil para quem não tem conhecimento de CSS e design. E o melhor de tudo, são todos de graça.

Link: 45 temas para WordPress.

Isso vai interessar você também

Nenhum post relacionado

Automatizar lote com ações no Photoshop CS

Carlos Eduardo - Kadu — Wed, 28 Jul 2010 14:45:59 +0000

Uma ação é uma série de comandos executados em um único arquivo ou em lote (vários arquivos). As ações podem ser agrupadas em conjuntos. Todo tipo de ferramenta e comandos utilizados pelo usuário podem ser gravadas em ações.

Fazendo uso das ações o usuário poderá poupar seu tempo em tarefas rotineiras ao trabalhar com o Photoshop.

Vamos imaginar o seguinte cenário: você em uma festa tira umas 200 fotos e antes de publicá-las em seu website gostaria de inserir em suas fotos uma marca d’água, por exemplo, seu nome, um logo, etc,. Imaginou fazer isso em 200 fotos? Sem sombra de dúvidas seria um trabalho bem demorado. Esse é um exemplo clássico para o uso de ações e lote no Photoshop.

O comando lote permite executar uma ação em uma pasta de arquivos. Ao processar arquivos em lote é recomendável salvar os arquivos modificados em outra pasta. Para salvar em outro local deve-se criar esta outra pasta antes de usar o recurso de lote.

Utilizando a paleta ações

Inicialmente abra a primeira imagem a ser modificada. Clique no menu janela – Ações (F9). Geralmente ela se encontra junto à paleta histórico. Se você rolar a barra poderá visualizar algumas ações já predefinidas do programa.

Na parte inferior desta janela clique em Criar nova ação.

Em seguida digite um nome para a sua ação e clique em gravar. Note que o botão de gravação na paleta ações aparece em vermelho. Todos os comandos estão sendo gravados a partir de agora.

Ainda você pode definir uma tecla de atalho para a ação que está sendo criada. Sempre que pressionar a tecla de atalho a ação será disparada.

Em seguida digite um nome para a sua ação e clique em gravar. Note que o botão de gravação na paleta ações aparece em vermelho. Todos os comandos estão sendo gravados a partir de agora.

Vamos fazer uma simples modificação na imagem. Clique no menu Imagem – Ajustes – Remover saturação.

Agora vamos exportar nosso arquivo, para esse exemplo vamos utilizar a extensão PNG. Clique no menu Arquivo – Salvar para Web. Escolha a extensão PNG e salve dentro da pasta criada para armazenar as imagens modificadas, clique em salvar.

Logo depois de salvar vamos interromper a gravação.Clique no botão Interromper execução/gravação.

Executando a ação gravada

Se você deseja executar a ação gravada sem exportar o arquivo, basta clicar sobre o nome da sua ação na paleta de ação. O Photoshop vai executar a ação, mas não exportará o arquivo.

Executando arquivos em lote

Vamos ao passo final. Escolha Automatizar no menu arquivo depois clique em lote. Em ação selecione o nome dado a sua ação, em origem escolha a pasta de onde serão abertos os arquivos a serem automatizados. Em seguida escolha a pasta onde serão salvos os arquivos automatizados. Clque em OK. Veja a imagem abaixo.

Caso antes de exportar seu arquivo você tiver mais de uma camada clique no menu camada –achatar imagem para o comando lote funcionar corretamente.

Abraço a todos!

Isso vai interessar você também

Nenhum post relacionado

Capture e edite screenshots diretamente no navegador

Carlos Eduardo - Kadu — Wed, 21 Jul 2010 03:48:37 +0000

Awesome Screenshot

A cada dia gosto mais do navegador do Google. Depois de fazer uma lista com extensões do Google Chrome para download trago outra excelente extensão para o navegador. Ela é parecida com a Lightshot screenshot tool, porém muito mais completa. Estou falando da extensão Awesome Screenshot.

Awesome Screenshot pode servir como uma ótima ferramenta de auxílio na elaboração de tutoriais. Quem faz tutoriais sabe o trabalho que é tirar screenshots das páginas e editar as imagens para fazer algumas marcações tais como retângulos, linhas e setas. Com esta extensão toda dificuldade acabou, já que é possível fazer toda essa marcação diretamente no navagador e ao conlcuir sua edição fazer o upload do screenshot.

Abaixo um vídeo que mostra a ferramenta em funcionamento.

Baixar extensão Awesome Screenshot para Google Chrome.

Isso vai interessar você também

Nenhum post relacionado

Post automático no Twitter ao publicar post no seu blog

Carlos Eduardo - Kadu — Mon, 19 Jul 2010 13:44:43 +0000

Twitter automático para seu blog

Essa dica é para quem sempre twitta quando escreve um artigo novo no seu blog. Acho meio trabalhoso depois de escrever o post no blog ter que copiar a URL do artigo, encurtar a sua URL e depois escrever no Twitter.

Com auxílio do plugin Twitme você pode ganhar mais seguidores no twitter de forma fácil e rápida, já que este plugin atualiza o seu Twitter sempre que existirem novos artigos no seu blog WordPress. Você publica um novo artigo no seu blog e ele twitta direto já com a URL encurtada pelo bit.ly. Ainda você tem a opção de escolher quais categorias que não gerarão uma postagem no Twitter ao ser publicado um post novo, opção Exclude Categories.

Escolha também o formato da sua mensagem no Twitter. Isso é feito através da opção Twitter Message.

Instalando o plugin no WordPress

Faça o Upload do plugin para o diretório /Wp-content/plugins e ative o plugin através do menu “Plugins” no WordPress.

Depois da instalação será criada uma nova seção com o nome de Twitme, clique em Settings para configurar suas informações de conta entre outras.

Baixe o plugin Twitme.

Isso vai interessar você também

Nenhum post relacionado

Vídeo tutorial introdução ao HTML5

Carlos Eduardo - Kadu — Fri, 16 Jul 2010 14:40:57 +0000

Depois de quase uma década de HTML4 eis que surge a sua mais nova versão, o HTML5. A nova versão do HTML trouxe um conjunto de novos elementos que ajudam os desenvolvedores a definir melhor os setores de uma página, tais como cabeçalho e rodapé e conteúdo principal do documento.

Segundos especialistas com a nova versão do HTML os mecanismos de buscas conseguirão vasculhar o código de maneira mais eficiente. Isso representa mais uma técnica para a otimização de sites, já que os robôs vão guardar informações mais exatas e em menor tempo.

As principais mudanças estão nas funcionalidades de multimidia, APIs (ou Interface de Programação de Aplicações) e uma estrutura mais semântica.

Importante saber que o HTML5 está em constante atualização, novos recursos, características e ajustes estão sendo definidas ainda.

Novos elementos do HTML5

Abaixo alguns dos novos elementos que foram adicionados a linguagem de marcação HTML5.

header – cabeçalho da página ou de uma seção do site;

section – seção do conteúdo de uma página; Seção destaques, novidades, notícias, etc.

article – um item do conteúdo dentro da página ou da seção;

footer – o rodapé da página ou de uma seção da página;

nav – Marcação de um conjunto de links que formam a navegação da página de um site,pode ser usado no menu principal do site e em links relacionados ao conteúdo da página;

aside – conteúdo relacionado ao artigo (como arquivos e posts relacionados em um blog, por exemplo).

Alguns elementos descontinuados do HTML4: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u.

De 12 a 16 de Julho o W3C do Brasil estará ministrando um curso de HTML5. Para maiores informações enviei um e-mail para w3c@nic.br.

Vídeo HTML 5

Por hoje é isso, abraço a todos e ótima sexta-feira.

Isso vai interessar você também

Nenhum post relacionado

Ferramenta para comparar a velocidade de dois Sites

Carlos Eduardo - Kadu — Tue, 13 Jul 2010 05:21:10 +0000

Whichloadsfaster é uma ferramenta Open Source escrita em HTML e Java Script que funciona totalmente do lado do cliente. Com essa ferramenta online você pode comparar a velocidade de carregamento de dois sites em tempo real.

Para usar a ferramenta é só digitar a URL dos dois sites a serem comparados e clicar no botão “Go“.

Usando a opção “Race” você consegue comparar vários siteis. Digite a lista de site em ambos os lados e clique em “Ok“. O programa começara carregar um site após o outro.

Isso vai interessar você também

Nenhum post relacionado

lista de bancos de imagens na internet

Carlos Eduardo - Kadu — Mon, 05 Jul 2010 14:52:49 +0000

Você que procura imagens na Internet para fazer seus trabalhos agora pode procurar em um só lugar. O site lista10 fez uma mega lista de sites com imagens. è uma lista com 100 bancos de imagens, sendo que 73 são gratuitos.

Entre lá e adicione a página a sua lista de favoritos.

Acesse o link.

Isso vai interessar você também

Nenhum post relacionado

Plugin para ver televisão no Chrome

Carlos Eduardo - Kadu — Mon, 05 Jul 2010 03:46:34 +0000

Depois de escrever sobre 20 extensões para o Google Chrome trago hoje a extensão TV CHROME que possibilita ver tv de graça pelo navegador do Google. São 2780 canais gratuitos de mais de 110 países.

Após ter instalado o plugin em seu navegador, aparecera um ícone na sua barra de ferramentas. Clique no ícone e selecione o país desejado. Você também pode escolher as TVs por categorias.

Veja o vídeo de apresentação do plugin:

Baixar o TV Chrome.

Por: WebDicas

Isso vai interessar você também

Nenhum post relacionado

Calculando PageRank dos seus concorrentes

Carlos Eduardo - Kadu — Wed, 30 Jun 2010 03:09:16 +0000

O Pessoal do profissionaisti disponibilizou uma excelente ferramenta principalmente para os profissionais de SEO. Estou falando de uma ferramenta que compara o PageRank de vários sites.

Pelos testes que fiz é mostrado o PR da URL digitada e não do domínio principal. Digo isso porque conheço algumas ferramentas que mostram sempre o PR do domínio mesmo que inserido o endereço de uma página interna. Exemplo www.dominio.com/pagina-interna.

Calculadora de PageRank

Isso vai interessar você também

Nenhum post relacionado

Sombra em texto com CSS – text-shadow

Carlos Eduardo - Kadu — Mon, 21 Jun 2010 22:48:51 +0000

A propriedade text-shadow do CSS permite adicionar uma sombra no texto descartando o uso de imagens. A maioria dos navegadores já possuem suporte para essa propriedade, entre eles estão: Safari, Opera, Chorme e Firefox.

Abaixo um exemplo de sombra com uso de CSS.

Exemplo text-shadow

Se o seu navegador não tem suporte para essa propriedade segue a imagem de referência.

Para produzir esse efeito foi utilizada a seguinte regra de estilo.

text-shadow:3px 4px 2px #aaa;

Como você pode ver text-shadow aceita quatro valores:

3px: Cordenada X (horizontal) da sombra em relação ao texto;
4px: Cordenada Y (vertical) da sombra em relação ao texto;
2px: O raio de desfocagem da sombra, isso significa que quanto maior o valor mais a sombra é “esticada”, causando um efeito de borrão;
#aaa: Cor da sombra. A cor pode ser especificado no inicio ou após o valor de desfoque.

Podemos trabalhar com múltiplas sombras, bastando apenas separar os valores da propriedade text-shadow por uma virgula. Segue abaixo dois exemplos de utilização de múltiplas sombras.

Exemplo 1

Exemplo text-shadow

text-shadow: 1px 1px 3px #666, -1px -1px 3px #fff, 1px

1px #666, -1px -1px #fff

Imagem de referência

Exemplo 2

Exemplo text-shadow

text-shadow: 0 6px 4px #33F, -3px -5px 4px #f00, 3px

-5px 4px #0F0

Imagem de referência

Uma outra forma de fazer sombras utilizando CSS é com o uso de propriedades de posicionamento position:.A técnica consiste em trabalhar com as propriedades top e left, por exemplo, para deslocar o texto da sombra.

Espero que tenham gostado.
Abraços e boa semana a todos!

Isso vai interessar você também

Nenhum post relacionado