Rafael Clares


Editores PHP, JavaScript e CSS
Janeiro 10, 2009, 2:48 am
Arquivado em: Webtools | Tags: , ,

Editores PHP

Olá,
Estive tentando imaginar  que editor o pessoal tem utilizado para pequenos programas ou até mesmo para manutenção de programas já existentes em PHP, decidi a partir disso colocar aqui alguns editores que achei interessantes durante minha longa e árdua busca por editores eficientes, leves, funcionais, produtivos e claro, agradáveis.

Então segue os que uso com frequência:

1 – Notepad++ (free)
2 – PHPDesigner (pago)
3 – PHPEclipse (free)
3 – KomodoEdit (free)

O PHPDesigner e PHPEclipse acho mais indicado para projetos maiores, são IDE’s muito completas e cheias de recursos como Debug, Servidor Web, Execução do código em browser agregado à eles, customização, documentação do código e etc… Não achei muito pesados para rodar (minha máquina HP Turion X2  e 1GB Ram).

O Komodo Edit é bem leve e é um ambiente muito agradável para programar ideal para pequenos programas ou manutenção de códigos existentes.

O Notepad++ sem dúvida alguma é meu editor padrão para PHP, Javascript, CSS e até HTML. Eu o utilizo para pequenos programas, manutenção e as vezes acabo não percebendo que estou começando um sistema inteiro no Notepad++, claro que dá para fazer mas o gerenciamento dos arquivos do projeto conforme vão aumentando vai ficando dificil por não suportar projetos, porém é o editor com mais recursos para texto que já vi, possui também um FTP light, se você ainda não o usou fica ai a dica.

Notepad++

notepad

Komodo Edit

komodo

PHP Designer

designer

PHPEclipse

eclipse

Obs:
- Nesse Post não abordo a instalação  do PHPEclipse, por gentileza procure no fórum do Eclipse.
- Não me pergunte se paguei pelo PHP Designer (prefiro não comentar).
- Entre o PHPEclipse e PHP Designer, prefiro o segundo e ele já vem com o PHPDocumentor.
- Em todos eles você pode escrever PHP, Javascript, CSS, XML e etc , no Notepad++ a gama é maior  entre eles Bash Script, Ruby e mais…

Boa sorte !!!

Rafael Clares,



FishEye Menu
Dezembro 22, 2008, 11:17 am
Arquivado em: CSS, Javascript, Webtools | Tags: ,

Utilizando um menu Fisheye (olho de peixe)

Olá,
Cansado daquele velho menu que muda a cor do texto ao passar o mouse?
Que tal um menu olho de peixe, simples e bonito ?

FishEye Menu

FishEye

O menu é “animado” por Jscript que a “grosso modo”  consiste de 2 imagens para cada item do menu, por ex.  para cada item existem 2 imagens, neste caso, 1 imagem com 90 x 90 e outra  128 x 128… O Jscript, como já disse, cria a transição da menor para a maior criando o efeito que conhecemos como “olho de peixe” …
Existe apenas 3 pontos na configuração que acho interessante mexer no Jscript se for necessário, são:

 startSize : 90,
 endSize : 128,
 imgType : “.gif”,

Bem, no arquivo fisheye.js logo à partir da 2º linha existem essas informações acima.  
startSize :
  Tamanho inicial da imagem, bom que seja o tamanho da imagem menor.
endSize :  Tamanho final da imagem, bom que seja o tamanho da imagem maior.
imgType :  Extensão do arquivo de imagem

Ah, se você não gostou dos ícones que estão no exemplo segue um link que utilizo muito para “caçar” meus ícones.

http://www.iconfinder.net/

Esse cara aí acima possui ícones/imagens de ótima qualidade que podem ser utilizadas em menus para web. No geral você procura pelo nome da imagem, por ex: se você está procurando uma lixeira, digite trash, recycled,  etc..

Links:
- Visualizar Exemplo Funcionando
- Download do pacote rar
- Procurar Icons

Obs: as imagens não precisam ser do mesmo tamanho  que usamos no exemplo, basta que você altere no Jscript como explicado acima, para não ficar distorcida deixe o startSize e endSize de acordo com as dimensões das imagens que você escolher…

Outra coisa, no iconfinder para cada imagem que você visualizar e for baixar, perceba que a mesma imagem pode possuir lá tamanhos diferentes, ou seja, você não precisa redimencionar as imagens para ter uma pequena e uma maior, basta escolher a imagem no iconfinder baixar os 2 tamanhos dela.

Abraços,

Rafael Clares,



Galeria de fotos com CSS
Dezembro 9, 2008, 1:35 am
Arquivado em: CSS, Webtools | Tags: , ,

Mais uma Galeria de Fotos Perfeita e simples de implementar 

Opa,
vamos criar uma galeria estática à principio, a partir disso vocês podem implementar uma galeria dinâmica com php thumbs e lightbox.

Na minha opnião é a mais bonita galeria em CSS que tenho visto, muito simples de implementa-la também.
A galeria consiste em efeitos criados por classes CSS e JS.

Print da tela
cssgal

A idéia é o seguinte:

Percebam que cada foto tem um estilo difrente, esses são os estilos suportados pelo script,
Um trecho do código html que é assim:

<!– cabeçalho [head,script,css...] –>

<div class=”photo sample1“>
 <a href=”#”><span></span><img src=”images/9.jpgalt=”image/></a>
</div>

<div class=”photo sample2“>
 <a href=”#”><span></span><img src=”images/13.jpgalt=”image” /></a>
</div>

Como podem perceber para cada efeito dos que são apresentados existe uma classe CSS, elas vão de sample1 até sample14, cada div recebe 2 classes CSS, uma padrão que é classe photo e a sample de sua escolha.
Uma Div para cada foto, a idéia de apresentar uma galeria com todos os efeitos é para que vocês possam escolher a sua sample favorita e aplicar em todas as div’s ou não… depende dos padrões que adotarem, além disso podem criar uma galeria com cada efeito…

Não vou me aprofundar nas questões do CSS porque vocês irão ver que nada mais é que o posicionamento das imagens que servem de moldura para as fotos, cada classe sample possui uma imagem diferente como moldura(background da sua foto).
Segue o link do exemplo:
Vai lá filho, clique aqui e divirta-se

Vão querer o download do pacote né?
Tudo pronto aqui, como sempre.

Obs: Utilizem o Post Criar Thumb(miniatura) com PHP e o Galeria com LightBox para criar sua galeria dinâmica.
Outra coisa, alguns amigos tem colocado os links do trabalhos depois de implementados, acho bacana a iniciativa, assim pode acabar ajudando alguém… fico muito grato,

Abraços,



Hospedagem de Sites com qualidade e suporte
Outubro 31, 2008, 2:34 am
Arquivado em: Webtools | Tags: ,

Hospede com Qualidade seus Sites

Galera, hoje no mercado existem muitos hosts com preços a partir de R$ 1,00 mas ficam mais off-line do que on-line e quando você precisa do suporte demoram dias para responder um email que geralmente vem com outra pergunta…dai mais dias se passam.
Vejo que a maioria da galera que está aprendendo PHP, Postgre, MySql … utilizam hoje hosts free, quero deixar um recadinho para vocês.
Já passei muitas dificuldades com hosts, diversos deles já me deixaram na mão e por conta disso falhei com clientes meus(isso não é bom para os negócios) após muito tempo de busca com diversas tentativas e erros hoje possuo um ótimo serviço de hospedagem com sites 100% do tempo on-line e ótimo suporte, venho oferecer para quem está procurando hosts ou está passando raiva com seus atuais hosts.
O plano básico é o seguinte:

50 MB – Espaço em disco
1 GB – Transfer. mensal
Ilimitadas Contas de E-mails
Redirecionamentos Ilimitados
Resposta Automática Ilimitado
1 Banco de Dados PostgreSQL + 1 Base MySql
phpMyAdmin – phpPgAdmin
Sub-Dominios
PHP5 - CGI – XML – Perl – JScript – Flash – HTML- Ruby…
Painel de Controle Cpanel (pt-BR)
Estatísticas do site
Seo Tools
Fantástico e Scripts prontos
Acesso FTP Ilimitado
WebMail (Horde – SquirrelMail – NeoMail – Cube)
Scripts pré-instalados
Backup e mais …

Valor mensal : R$ 5,00 (valor de 1 hot-dog + 1 coca por mês)
Suporte + Qualidade = Sites On-line Full Time

Qualquer interessado me procure, libero sua conta em 1 hora no máximo.
Ah, se você não sabe o registro.br liberou o registro de dominios .com.br para pessoas físicas(CPF).
Vê se aproveita, você pode desenvolver de forma profissional dispondo de poucos tostões.

Mail: rafadinix@gmail.com

abraços à todos



Efeitos em fotos
Agosto 13, 2008, 2:11 am
Arquivado em: Webtools | Tags: , ,

 Efeitos em fotos – coloque efeitos em suas fotos através do Dumpr

Opa galerinha!

Estou deixando mais uma dica de ferramentas on-line para vocês.

Hoje estou apresentando o Dumpr, um sistema on-line interessante e cheio de recursos para inserir em suas fotos. Espero que apreciem, o resultado é bem satisfatório.

Exemplo:

Link: http://www.dumpr.net/ 

Até logo,



Strings de conexão
Agosto 9, 2008, 4:36 am
Arquivado em: PostgreSql, SQL & .NET, Webtools | Tags: , ,

Olá, irei falar sobre um problema comum à todos nós que estamos começando no mundo da programação. Em diversas vezes já me deparei com o problema de ter que criar uma pequena aplicação específica para incorporar uma já existente, acontece que as vezes o banco de dados utilizado na aplicação existente não é o que costumamos utilizar em nosso dia-a-dia, então nos surge a pequena e mais dificil pergunta:

Como me conecto à esse banco de dados? Qual string devo utilizar, quais parâmetros devem ser informados?

Então para não perdermos mais tempo um cara bem legal teve a brilhante idéia de reunir as strings de conexão dos mais conhecidos bancos de dados que utilizamos hoje em dia.

É possível visualizar todas as formas (obdc, string, etc) de conexão para o banco de dados em questão.

Vamos lá, visite o site connectionstrings e seja feliz!!!

Link: http://connectionstrings.com/

Até logo,

Rafael Clares



Icones para web
Agosto 9, 2008, 4:18 am
Arquivado em: Webtools | Tags: , , ,

Pessoal, seguindo a idéia do primeiro post na categoria Webtools, estou deixando aí a dica para quem está procurando ícones para utilizar em aplicações web. Trata-se dos conhecidos ícones que utilizamos em alternativa para os botões editar, excluir, adicionar, mail, home, etc ….

Existe um cara chamado Iconfinder que permite buscar e encontrar os mais diversos ícones no formato PNG a maioria em diversos tamanhos que já conhecemos (16,32, 64 e 128 pixels) para utilizarmos em nossas aplicações.

A utilização de ícones, de fato torna a aplicação bem mais intuitiva, uma vez que o usuário precisa excluir, por exemplo um registro, é muito mais fácil ele encontrar um ícone com um X vermelho do que encontrar a palavra remover, claro que isso deve ser utilizado de forma moderada, ninguém sai lendo ícones certo? ;)

Então façam bom proveito do vasto material disponibilizado no Iconfinder e até logo.

Link: http://www.iconfinder.net

Rafael Clares



Imagens para Ajax
Agosto 9, 2008, 4:04 am
Arquivado em: Webtools | Tags: , , ,

Olá galera, estou iniciando uma nova categoria aqui,  webtools que vai mostrar algumas ferramentas on-line.

Vamos tentar facilitar um pouca nossa vida, tentarei disponibilizar algumas dicas e links para ferramentas que julgo úteis para nós no desenvolvimento de aplicações web.

Quem nunca saiu que nem um louco procurando imagens para load do ajax no google que atire a primeira tag !

Então segue o link do Ajaxload, um pequeno e útil sistema que gera as imagens para nós. É possível escolher o formato e cor da imagem e fundo.

Link: http://www.ajaxload.info/

Alguns exemplos: