12 de out. de 2012

Manipulando imagens com PHP com a classe Wide Image

É uma classe super simples de se usar, e ao mesmo tempo se mostra ser uma ferramenta completa para manipular imagens diretamente no servidor atravez do php. Fica facil manipular milhares de imagens com uma classe completa como essa, o material de apoio bem como o download podem ser adquiridos diretamente da pagina do desenvolvedor no site sourceforge. Recortar exatamente, redimencionar, girar e aplicar filtros de cor são exemplos do que pode ser feito com a Classe Wide Image.  Veja abaixo um exemplo simples da sua utilização (em inglês):

A simple gallery example

In this typical gallery example, I’ll show how you load an image from an uploaded file, resize to two different sizes, and apply watermark to them.
First, load an image directly from an uploaded file, presented in an input file field named “pic”.
  1. try
  2. {
  3. $image = WideImage::load('pic');
  4. }
  5. catch (Exception $e)
  6. {
  7. echo "Image isn't valid";
  8. }
Then, resize the image to a decent size, so that you avoid too large images.
  1. $image = $image->resize(1600, 1200);
Crop a 300×300 rectangle from the middle, resize to 100×100, and save a thumb.
  1. $image->crop('center', 'center', 300, 300)->
  2. resize(100, 100)->saveToFile('image-thumg.png');
Sharpen the image up a bit, and apply watermark to the bottom-right corner of the image.
  1. $logo = WideImage::load('logo.png');
  2. $large = $image->unsharp(80, 0.5, 3)->merge($logo, 'right', 'bottom');
Show the image size and save the image.
  1. echo $large->getWidth() . 'x' . $large->getHeight();
  2. $large->saveToFile('image-large.png');
That is all. 

9 de out. de 2012

Solução para problema de rolagem do LiveZilla no Google Chrome

Depois da ultima atualização do Google Chrome (normalmente atualizado automaticamente) os usuários do livezilla estão tendo problemas ao conversar com um operador através do navegador da Google, o fabricante atualizou a sua última versão (paga) mas também liberou um passo a passo para resolver o problema, segundo eles isso resolve o problema em qualquer versão que apresente o problema, mesmo a baseada em 3.x  que é gratuita.

Veja abaixo o passo a passo:

Since the latest update of Google's Chrome Browser (which installs automatically - you are usually not being asked), you might experience that the visitor side chat window is not longer scrolling down automatically (after receiving a new message from the operator).

The fastest way to fix this for all versions of LiveZilla is described below.

How to fix scrolling problems in Google Chrome (all LiveZilla Versions):

1.) Connect to your webserver through FTP

2.) Switch to the folder %LIVEZILLA_FOLDER% / templates / jscript

3.) Open/Edit: jschat.tpl

4.) Search for:
.scroll(0,1000000000)
5.) Replace with:
.scrollTo(0,10000000)


6.) Save the file (and re-upload if needed).

Mascara data, telefone e texto "marca d'aguá" para input html

Uma boa opção para que procura mascarar algum input como uma data ou um telefone é usar as ferramentas do http://www.digitalbush.com/projects

São elas:

 masked-input-plugin

Com esse .js mais a biblioteca jquery é possível criar suas próprias mascaras para campos como telefone e data

Ex.
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
jQuery(function($){
   $("#date").mask("99/99/9999");
   $("#phone").mask("(999) 999-9999");
   $("#tin").mask("99-9999999");
   $("#ssn").mask("999-99-9999");
});

watermark-input-plugin

 Com esse .js é possivel criar um texto padrão dentro de cada input de forma personalizada para cada campo que se queira, o texto aparece com cor mais suave que o texto digitado pelo usuário, e uma ves que o usuário clique para escrever esse texto some,  caso o usuário digite algo no input o texto fica com sua cor normal e permanece, caso não digite ao tirar o foco do input o texto padrão volta a aparecer.

Ex.

<script src="jquery.watermarkinput.js" type="text/javascript"></script>
jQuery(function($){
   $("#email").Watermark("Digite seu email);
   $("#telefone").Watermark("digite seu telefone");

Em caso de duvida deixe seu comentário, obrigado