Cadulicious: Os Cabeçalhos Mais Criativos

Filed Under (CSS/XHTML, Cadulicious, Ilustração, Photoshop) by Cadu de Castro Alves on 17-11-2007

O design de websites usando CSS é uma das recomendações do W3C e, atualmente, a grande maioria dos web designers já sabe disso. Durante mais de 5 anos desenvolvendo meus websites em tableless, sempre procurei observar - CTRL + U no Firefox - e aprender as técnicas utilizadas por designers de todo o mundo para deixar seus sites cada vez mais criativos.

Atualmente, tenho observado que muitos deles vem utilizando uma mesma técnica para deixar o cabeçalho de seus websites com desenhos mais atraentes: uma grande imagem de fundo com composições, muitas delas bastante complexas, porém muito bonitas. Resolvi colher alguns desses websites e compartilhar com vocês. Espero que vocês gostem.

  1. Cult-foo
    Cult-foo
  2. Peter Oravec
    Peter Oravec
  3. Casio Labs
    Casio Labs
  4. Cozinha Tetra Pak
    Cozinha Tetra Pak
  5. OVIP.cz
    OVIP.cz
  6. ChamaDigital
    ChamaDigital
  7. Artscode
    Artscode
  8. Designlab
    Designlab
  9. Mark’s Digital Farm
    Mark’s Digital Farm
  10. Homecoming Revolution
    Homecoming Revolution
  11. Retna Music Blog
    Retna Music Blog
  12. Alex Bug
    Alex Bug
  13. MB Dragan
    MB Dragan
  14. N.Design Studio
    N.Design Studio
  15. Web Designer Wall
    Web Designer Wall
  16. Next2Friends
    Next2Friends
  17. Dizzain.com
    Dizzain.com
  18. VG Design
    VG Design
  19. Freelancing Money
    Freelancing Money

Presente de Natal Adiantado

Filed Under (Templates, Wordpress) by Cadu de Castro Alves on 17-11-2007

Mais um Natal está chegando. O blog Design Disease, famoso por fornecer lindos temas gratuitos para Wordpress, como o tema usado aqui no blog, resolveu nos presentear com mais uma linda criação: o tema Christmas Days.

O tema foi criado por que muitos de nós celebramos o Natal. Eu quis fazer um presente para os blogueiros de todo o mundo. - Elena, do blog Design Disease

Wordpress Theme: Christmas Days by Design Disease

O tema foi testado no Wordpress 2.3.1 com Firefox, Opera, Safari e IE6 e 7. Ele é validado como XHTML 1.0 Transitional.

Instalação

Baixe os arquivos do tema e coloque-os na pasta wp-content/themes/ em seu site. Depois, no painel administrativo do Wordpress, vá até a seção Apresentação e ative o tema.

Plugins

Este tema utiliza o plugin FlickrRSS, que mostra as fotos de sua conta no Flickr na barra lateral do tema. Coloque todos os arquivos do plugin na pasta wp-content/plugins/ e ative o plugin na seção Plugins no painel administrativo do Wordpress. Configure o plugin de acordo com a sua conta no Flickr.

Licença

Este tema foi licenciado sob Creative Commons Attribution-Share Alike 3.0 License. Por favor, mantenha os créditos ao autor.

Info

Tutorial: formulário de login no Wordpress

Filed Under (PHP, Tutoriais, Wordpress) by Cadu de Castro Alves on 15-11-2007

Quando criei o tema WPortal, meu primeiro tema gratuito para Wordpress, uma das coisas que eu achei essencial para deixar o tema com uma cara mais profissional e diferenciada dos demais foi o formulário de login acessível em qualquer página do site. Afinal, qual portal não tem um formulário de login para os seus usuários?

Por padrão, para fazer o login no Wordpress, é necessário acessar o endereço http://www.seublog.com/wp-login.php. O que poucos sabem é que é possível colocar um formulário de login no seu tema, de modo que você e os usuários cadastrados em seu site possam logar-se no site sem ter que acessar esse link.

Implementações como esta são conhecidas como Wordpress Hacks. Fazê-los não é complicado, basta apenas conhecer um pouco melhor as funcionalidades do Wordpress e, claro, usar a sua criatividade. Vamos nessa?

O que faremos?

Iremos implementar um formulário de login padrão. Quando o usuário não estiver logado, aparecerá com os campos login e senha, um link para registro, para o caso de usuários não cadastrados, e um link para lembrar senha, no caso de usuários que tenham esquecido suas senhas, como mostra a figura 1. Quando o usuário já estiver logado, aparecerá uma pequena frase com o login do usuário, um link para o seu perfil e um link para ele sair do sistema, como mostra a figura 2.

Figura 1

Figura 1

Figura 2

Figura 2

Como faremos?

No nosso exemplo, iremos colocar o formulário na barra lateral do site, ou seja, no arquivo sidebar.php. Abra esse arquivo e adicione o seguinte código:

[php]

Login

< ?php
global $user_ID, $user_identity;
get_currentuserinfo();
if (!$user_ID):
?>


“>< ?php _e('Lembrar senha'); ?>

Olá, < ?php echo $user_identity; ?>.

< ?php endif; ?>

[/php]

No nosso exemplo, sempre que o usuário entrar ou sair do sistema, ele será enviado de volta para a página de origem, ou seja, a página que ele estava visitando no momento da entrada ou saída do sistema.

Espero que este exemplo lhes seja útil. Se você tiver alguma dúvida ou sugestão, deixe seu comentário.

Leia também (em inglês)

Site de 100 dólares

Filed Under (Freelance, Templates) by Cadu de Castro Alves on 14-11-2007

Através do blog, recebo e-mails de pessoas me pedindo ajuda sobre os mais variados assuntos. Na maioria das vezes, são assuntos relacionados aos que eu trato aqui no blog. Hoje de manhã, recebi um e-mail bastante interessante e, aproveitando a oportunidade, decidi abrir um espaço no meu blog para comentar e responder e-mails como esse. Se você tiver dúvidas relacionadas ao desenvolvimento de websites ou os demais tópicos tratados aqui no blog, envie-me um e-mail. Será um grande prazer ajudá-lo.

Bom dia!

Amigo, criei uma empresa, após ser demitido. Opero com instituições financeiras, captando clientes para empréstimo consignado(desconto em folha), fizemos um site com ajuda dos amigos. Mas, como ainda não temos dinheiro para pagar uma equipe ou empresa profissional para construir um site profissional pergunto se poderia olhar meu site e me fornecer algumas dicas de como deixá-lo com uma “cara mais profissional”.

Agradeço antecipadamente.

Parabéns seu seu blog.

Daniel

Daniel, primeiramente, obrigado por visitar o meu blog. Espero que você esteja gostando da vida de empreeendedor. É uma vida muito mais agitada do que a vida de empregado. Rapaz! Vou ser bem franco com você: seu site não está nada bom. Mas fique calmo. Vou te dar uma dicas que, certamente, irão te ajudar a melhorá-lo.

Eu já vi esse filme

Pedidos como esse são recorrentes na vida de qualquer profissional, não somente nas vidas dos desenvolvedores de websites. Quem acompanha listas de discussão e fóruns sobre o assunto sabe do que estou falando. Porém, sempre que aparece alguém com um pedido semelhante, a grande maioria dos profissionais responde de forma grosseira e agressiva. É preciso encarar cada situação de forma positiva e tentar ajudar da melhor forma possível. Afinal, por mais experiente que você seja, você nunca saberá tudo!

Deixa que eu faço, tio!

Muitas empresas enfrentam o mesmo tipo de problema. Precisam de um website para divulgar seus serviços, porém não tem capital o suficiente para contratar um bom serviço de desenvolvimento ou, muitas vezes, preferem pagar mais barato para um profissional que, na maioria das vezes, não tem qualificação, os famosos “sobrinhos”.

A qualidade do produto é proporcional ao preço que se paga

Não adianta dizer que não é, porque é. Pouquíssimos são os casos de pessoas que fornecem um serviço de qualidade por um baixo custo. Normalmente, isso ocorre com profissionais que estão ingressando no mercado de trabalho e, precisando criar uma carteira de clientes, começam cobrando mais barato por seus projetos. Qualquer um é capaz de fazer um site, mas só os profissionais qualificados são capazes de fazer um bom site. Você confiaria numa planta de um prédio projetada por um pedreiro ou por um arquiteto?

Sua empresa não tem preço, tem valor

O site de sua empresa pode ser a porta de entrada para a maioria de seus clientes, ou seja, seu cartão de visitas. Pense bem antes de decidir investir em um. Se você realmente acha que ele é importante para o seu negócio e decidir investir na criação de um, faça bem feito.

Eu não tenho grana, mas mesmo assim eu quero um site?! O que eu faço?!

Calma! Como tudo na vida, sempre há uma luz no fim do túnel. Você, certamente, já ouviu falar em software livre, Linux ou código-aberto (open source). É possível encontrar layouts prontos gratuitamente na internet e, acredite, muitos com um acabamento bem profissional. Mas, calma. Não pense que isso já resolve o seu problema. Eles servem apenas como ponto de partida.

Procure por um layout que você acredite ter a cara da sua empresa. A não ser que você esteja apto a fazer isso, procure por um profissional para fazer pequenas modificações no layout, como adicionar fotos de sua empresa ou mesmo imagens para ilustrar o seu negócio, ou seja, dar uma incrementada no visual do site, adicionar o conteúdo e o que mais for necessário. Se for um site simples, como é o caso do site da empresa do Daniel, certamente isso vai sair bem mais barato do que se você fosse investir num projeto criado do zero.

Onde eu encontro esses layouts? E os profissionais?

Há alguns meses, eu publiquei uma lista com diversos sites para baixar templates gratuitos. Confira em Os 15 melhores sites para baixar templates XHTML/CSS gratuitos.

Existem alguns sites destinados a freelancers. Eles são uma boa opção para este caso. Nesses sites, você pode enviar o serviço desejado e os profissionais cadastrados enviam suas ofertas. Eles funcionam de maneira semelhante ao Mercado Livre, porém com anúncios de serviços. Confira alguns sites na lista abaixo:

Comentários finais

Investir em layouts prontos não é a solução ideal para sua empresa. Por serem gratuitos, grandes são as chances de existir um ou mais sites iguais ao seu. E isso pode não ser bom para a imagem de sua empresa. Use-os se, e somente se, você não tiver um bom aporte inicial para contratar os serviços de uma empresa ou profissional especializados. Se você quiser um layout diferenciado, faça uma pesquisa na internet, peça dicas de empresas do mesmo ramo, estude orçamentos. Certamente você irá encontrar uma solução que caiba no seu bolso e que seja ideal para sua empresa.

O título deste artigo é apenas um brincadeira em homenagem ao famoso laptop popular, apenas uma forma de ilustrar uma solução de baixo custo. Não ofereço serviço de desenvolvimento de sites por este preço. Talvez com um zero a mais. ;-)