Category: Dicas Web

Relay é um serviço que podemos instalar em nosso servidor e que permite de uma maneira cômoda e muito fácil, executar a administração de arquivos e diretórios. Suas principais características são:

• Upload de arquivos
• Barra de progresso no upload.
• Visualização de miniaturas de imagens.
• Múltiplos usuários e contas.

Os requesitos do sistema:

• PHP versão 4 ou superior.
• MySQL versão 4 ou superior.
• Perl 5.8.0 (para mostrar a barra de progresso)
• Apache 2.0

Veja um demo: Relay: Ajax Directory Management » »

[youtube]http://www.youtube.com/watch?v=nTL9SrmR0d8&feature=player_embedded[/youtube]

Elastic Theme Editor é um plugin fantástico, embora se encontre em status beta, já é possível baixar e testar a capacidade de criar e editar temas de todo tipo e formato diretamente da área administrativa do WordPress (Dashboard).

Uma vez instalado e ativado, você vai encontrá-lo na seção Aparência, e então poderá começar a adicionar elementos, editar, modificá-los, todos, sem tocar uma linha de código. Ainda está um pouco verde mas a idéia é ótima.

Entre as características deste editor visual de temas, temos:

• Várias alterações no seu tema: arrastar e soltar para personalizar.
• Fontes personalizadas: Faça a previsão com o editor da fonte.
• Fácil organização baseada em células, personalizando as células com maior flexibilidade.
• Framework para Temas: Para que os desenvolvedores tenham seu trabalho facilitado.

O plugin ainda apresenta alguns bugs.. como problemas com as barras laterais criadas, mas como ainda está em fase de desenvolvimento e melhoras é esperar pra ver… com certeza esse plugin tem tudo para ser referência em desenvolvimento de temas !

Veja o vídeo da amostra e se impressione um pouco também.

Você tem idéia de quanto seu blog/site demora para carregar?

Embora a banda larga esteja se disseminando rapidamente, existem muitas pessoas que ainda navegam com internet de 56kbps. A maioria das pessoas que entram nos blogs vem do Google, é comum o visitante estar com bastante pressa, então, se demorar demais para carregar a página, a pessoa fechará e vai partir para outra.

Para isso, algumas dicas são valiosas e devemos nos esforçar para colocar em prática, vejamos:

• Criar um template com menos de 100kb, para demorar muito menos o carregamento;
• Evitar o uso de frames/iframes;
• Utilizar um número razoável de divs/spans. O correto seria no máximo 20;
• Utilizar apenas uma folha de estilos. Duas ou mais demoram no carregamento;
• Não utilizar muitas imagens. O tamanho de todas não deve ultrapassar 100kb;
• Moderar no uso de Scripts. Utilize apenas os scripts necessários, dando preferência por um framework como o Jquery, compactado;
• Não use muitos objetos <embed>. Objetos em flash ou mp3 demoram bastante para ser carregados.

Pensando nisso, o WebSiteOptimization criou o Analyze, um serviço que mede o tempo de carregamento da sua página e diz o que deve ser melhorado. Tudo bem, não vá colocar o endereço deste blog para verificar, pois eu já fiz isso, e realmente este blog não é o melhor exemplo… de otimização.

Uma outra dica interessante é caso você seja usuário de WordPress (de longe um dos melhores CMS):

Por padrão, o WordPress envia para o navegador do visitante HTML descompactado, o que pode ocasionar demora no carregamento, porém com uma única linha de código você consegue comprimir a saída HTML em até 75%, usando a tecnologia zlib C, você pode aproveitar o poder do PHP e reduzir a velocidade de carga.

1º. Certifique-se que o “zlib” esteja ativado em seu provedor de hospedagem, você pode fazer isso por criar por exemplo, um arquivo teste.php,  com o conteúdo abaixo:

[php]phpinfo();[/php]

2º. Em segundo lugar, coloque o seguinte código em seu cabeçalho (acima da DOCTYPE):

[php]
ini_set(‘zlib.output_compression’, ‘On’);
ini_set(‘zlib.output_compression_level’, ‘1’);
[/php]

Por que será que só descobrimos um jeito fácil de fazer algo, depois que você já fez da forma mais difícil? Saca só a vantagem desse plugin.

Exec-PHP é um plugin que permite executar código PHP dentro de posts e páginas. Isso mesmo, você pode inserir o código PHP diretamente em seus posts sem ter de modificar os arquivos de seu tema.

Quantas vezes eu tive a necessidade de criar uma página modelo com Template Name, só porque precisava de alguma coisa específica para uma determinada página. O autor do plugin é um cara chato com documentação, e para ele documentar é algo mais que necessário, por isso você vai ter acesso a uma lista enorme de passo-a-passo de como utilizar este plugin diretamente no site do desenvolvedor.

Mas já adiantamos que você tem que desligar o editor visual sempre que você usar o Exec-PHP em seus posts ou páginas,

Tem se tornado comum erro se SSL ao tentar se conectar na rede do GoogleTalk utilizando o Pidgin através de uma conexão que passa por um proxy http. Veja a solução que deu certo comigo.

Configuração:

1. Adicione uma conta no Pidgin do protocolo “Google Talk”;
2. Adicione no campo “Nome Usuário” o login usado para se logar no Google;
3. Clique na Aba avançado;
4. Marque a opção “Forçar uso (porta 5223) SSL antigo “;
5. Porta de conexão troque por 443;
6. Servidor de conexão adicione “talk.google.com”
7. Em opção de proxy, configure de acordo com a sua estrutura

Agora você será capaz de se conectar ao Talk usando o pidgin através de um Proxy HTTP.

Este link me ajudou: http://markmail.org/message/7ici34dvfuoui4p6

Olha que legal, você tem ai uma apostila ou um livro em formato PDF e ao tentar imprimi-lo no formato de um livro você percebe que é quase impossível pois requer edição do formato das páginas.

Nem mesmo usando impressão frente-e-verso (dependendo da impressora), redução de tamanho, etc. o resultado não é o desejado e o processo é complicado demais. E agora?

Bem, ai você pode utilizar uma ferramenta online gratuita  que cria o formato apropriado para impressão. Ainda reordena as páginas automaticamente, facilitando em muito a criação de páginas prontas para serem dobradas em formato de livros.

O endereço para você enviar o arquivo PDF é BOOKLETCREATOR.

Segue algumas dicas :

1. Envie páginas que estejam orientadas em formato “retrato” (portrait).
2. O serviço cria 8 páginas automaticamente mas se o documento for maior que isso, basta selecionar o tamanho do documento (máximo 64 páginas)
3. Imprima o resultado final usando a opção frente-e-verso. Se sua impressora não tem isso, imprima primeiro páginas ímpares, recoloque o papel e então imprima as pares.

Tem a versão Off-Line da ferramenta, que você pode adquirir por um precinho camarada (U$ 9,95) ou então procurar ai no mundo underground…. fica a dica…

Link: http://www.hongkiat.com/blog/85-free-high-quality-silhouette-sets/

A YUI Library é um framework Javascript concorrente do famoso Jquery. É formado por um conjunto de utilitários e controles para criação de interfaces web interativas e ricas. Ele utiliza recursos como DOM, DHTML e Ajax.

Abaixo segue um roteiro da galeria de exemplos da versão YUI 3, analise e veja se é interessante utilizar este framewok

• Eventos
  • Skinning: Alterando a aparência de checkboxes enquanto trata eventos de teclado e mouse
• DOM
  • Básico
  • Medidas
• Animação
  • Animando cores
  • Animação com rotas curvas
  • Scroll animado
• Filas Assincronas
  • Construção de Interface
• Cookies
  • Básico
  • Avançado
• Arrastar-E-Soltar
  • Básico
  • Restrição a regiões
  • Jogo de encaixar
  • Listas
• Estilo
  • Ajuste de página
• Camadas
  • Posicionamento
• Controle Deslizante
  • Básico
• Menus de navegação
  • Esquerda
  • Esquerda com submenus e sombras
  • Topo

Vanadium é um plugin para jQuery que permite validar formulários de maneira simples e com poucas linhas de código. Permite validar campos obrigatórios, numéricos, email e outros.

Validar formulários é muito importa no desenvolvimento web, pois previne-se a inserção de dados inválidos ou em formato inadequado.

Obivamente estas validações devem vir acompanhadas de uma validação do lado do servidor para ter uma dupla proteção. Veja como utilizar do lado do cliente a biblioteca Vanadium para validar seus formulários.

Como utilizar o Vanadium
A primeira coisa a fazer é baixar o script do site oficial (), pode-se escolher qualquer versão: vanadium.js contém comentários que podem ser utilizados para edita. O vanadium-min.js é o mesmo script, porém de forma comprimida para acelerar o carregamento.

O próximo passo é incluir a biblioteca Jquery (eu prefiro utilizar o Jquery diretamente do Google AJAX Libraries API), e Vanadium diretamente em sua página, dentro das tags Head, para fazer uso de seus métodos.

Agora é so adicionar diretamente nos campos de nosso formulário, o tipo de validação que queremos aplicar, isso é fácil fazer através do uso de classes de estilos. Alguns dos tipos de validações:

• :required o campo é obrigatório.
• :integer aceita-se somente números inteiros.
• :float aceita-se numeros decimais.
• :length;n é obrigatório que o campo tenha pelo menos 1 caractere.
• :min_length;n aceita-se n caractere como valor mínimo.
• :max_length;n aceita-se n caractere como valor máximo.
• :accept o campo checkbox deve ser marcado.
• :email o campo deve ter um endereço de email válido.

Por exemplo, digamos que tenhamos um formulário de registro, onde os campos usuário e senha são obrigatórios, e o campo de email deve aceitar somente email válido, então teríamos um formulário assim:

Simples assim, com isso já teremos nosso formulário validado.

Agora se deseja personalizar esta validação basta modificar os estilos e as mensagens de erros e confirmações. Veja mais detalhes diretamente no site da biblioteca.

Link: Vanadium