Dkcell Design Tendências, inspiração e novidades do design

De vez em quando encontramos alguns sites com propostas interessantes, talvez as vezes não muito úteis, porém com um fator diversão interessante.

O que descobri mais recente enquanto estava procurando exemplos de tag-clouds para o layout de um novo blog que estou criando, foi o site Wordle. Apesar de ser feito em JAVA (o qual nunca gostei, obrigado MYSABRE) funciona perfeitamente, não travou em vez alguma como a grande maioria.

Mas voltando ao site, a proposta é gerar Tag-clouds a partir do site, podendo imprimir, salvar e editar da forma com que quiser. Óbvio que possui algumas limitações, porém você pode:

• Alterar a fonte (existem umas 20 aproximadamente)
• Alterar paletas de cores (além das pré-definidas podemos criar a nossa)
• Alterar posicionamento e organização das palavras (horizontal, vertical, aleatório ou de qualquer jeito)
• Remover palavras indesejadas (clicando com o botão direito)

Achei interessante a opção de imprimir, pois para quem usa o Cute Pdf (como eu) ou qualquer gerador de pdf, podemos gerar imagens e editá-las posteriormente no Photoshop.

Abaixo seguem 3 exemplos que fiz usando este método. Sinceramente poderiam estar melhores, porém foram apenas alguns testes usando as paletas de cores de alguns dos sites aqui da rede.

Clique aqui para ir para as mesmas em alta resolução caso queira usar como wallpaper.

Faz um tempo atrás eu utilizava aqui no Dk Design o plugin “The Featured Content Gallery” do site WpElements, porém queria utilzar algo visualmente mais customizável e remover o uso de descrições direto do painel, o qual seria incluido direto na imagem.

 

E como muitos devem ter percebido, o usado acima é nada menos que uma réplica do usado no site de Barack Obama. Quando entrei no site dele, pois sinceramente é muito bem feito, tinha reparado que usava Jquery e tentei fazer a cópia, porém não sou um grande programador. Até o dia que o pessoal do DevThought desenvolveu exatamente o que eu queria, uma cópia, e coincidentemente usava Mootools, assim como o plugin anterior que eu usava.

 

A criação do plugin se tornou fácil, pois foram necessárias algumas mudanças no plugin usando antes. Com isso pude aproveitar a página de opções e a garantia que o plugin funcionaria perfeitamente. Assumo que foi um processo muito mais simples do que criar do zero, porém acho besteira recriar um código que já estava correto.

Instalação:

• Baixe o arquivo “dkobama.zip“  para sua máquina.
• Extraia e envie a pasta dkobama para a “wp-content/plugins” (NÃO MUDE NENHUM NOME INTERNO OU DA PASTA).
• Ative o plugin Dk Obama no painel administrativo
• Adicione o seguinte código nos arquivos de seu template, no local onde desejar que a galeria apareça:

<?php include (ABSPATH . '/wp-content/plugins/dkobama/galeria.php'); ?>

 

Agora para utilizar a galeria depois de instalada, dentro da aba opções (settings) do painel administrativo basta acessar a aba Dk Obama. Os campos são auto-explicativos, portanto não deverão ter maiores problemas.

Customizando a galeria (opcional):

Para alterar as dimensões basta alterar o arquivo slideshow.css dentro da pasta “Css” do plugin. Os itens responsáveis pela largura e altura principalmente são:

#slideshow { background: url('images/fundo.gif') no-repeat top; position: relative; padding: 0px 0 0px; width: 603px; height: 306px; }
#slideshow #pictures { background: url(’images/intro.jpg’); width: 437px; height: 300px; left: 0; overflow: hidden; }
#slideshow #menu { background: url(’images/lateral.jpg’); list-style-type: none; width: 166px; height: 240px; right: 0; padding-top: 60px; }

Também pode baixar o arquivo (template-slide.zip) que contém o psd que criei para as imagens internas. Todas as imagens estão dentro da pasta “Css/images”.

 

Recentemente devido a nova série de Ícones que estou fazendo encontrei este site, com excelentes ilustrações, muito coloridas e que passa muita alegria ao visitante.

Vale a pena fazer a visita e baixar os ícones.

Indeepop

• O que é lightbox?

É um script simples que identifica os links para imagens (atualmente outros tipos) e as abre na mesma página por meio de efeitos criados com javascript.

Aqui mesmo no Dk Design utilizamos quando postamos sobre uma imagem maior que o tamanho de nossos posts.

• Quais suas vantagens?

A imagem ou objeto linkado abre sobre a página que estamos, podendo ser fechado e continuamos a navegar, não abrindo popups e nem mesmo saindo de nosso site.

• Onde posso encontrar?

O Lightbox original pode ser encontrado no site de Lokesh Dhakar.

Porém existem inúmeras versões já criadas e aprimoradas, usando as diversas frameworks existentes e específicas para alguns casos.

Para visualizar a tabela criada por nosso querido amigo OZH basta clicar na imagem do post ou neste link.

Com o lançamento do Wordpress 2.5.1, muita gente não gostou do novo painel administrativo e começaram a lançar plugins para melhorar a aparência.

Aqui no Dk Design usamos o Fluency Admin em conjunto com o Admin Drop Down Menu customizados para ficar conforme nosso tema.

Porém recentemente encontramos uma nova solução criada por Anieto2K, que muda o esquema de cores do admin seguindo paletas, no melhor estilo Colour Lovers.

1. Funciona da seguinte forma:
2. Criamos a paleta/plugin.
3. Baixamos o plugin na página resultante.
4. Enviamos o plugin para a pasta wp-content/plugins de nosso WP.
5. Ativamos o plugin de nosso painel administrativo.
6. No perfil de usuário selecionamos a nova cor.

WP-AdminThemes