Vídeo legal sobre Linux. Enviado por um usuário à Linux Foundation.
Author Archive
Gerar código aletório com a função uniqid do PHP
Uniqid é uma função simples que gera um código aleatório, que pode ser usado para diferentes coisas, como códigos de confirmação, nomes de arquivo, senhas etc.
O código gerado é baseado no na hora do servidor em micro-segundos.
Exemplo de uso:
<?php echo uniqid(); ?>
Create something unique
Vídeo legal sobre Linux. Enviado por um usuário à Linux Foundation.
Go Linux
Vídeo legal sobre Linux. Enviado por um usuário à Linux Foundation.
Enviando arquivos com o PHP
Aqui vou mostrar um script básico para enviar arquivos utilizado o PHP. Funciona dessa forma:
Você envia o arquivo através de um formulário comum, utilizando um campo tipo “file”. Lembre-se na tag form você deve incluir o atributo enctype=”multipart/form-data”.
Depois que o arquivo é enviado (no exemplo abaixo o arquivo foi enviado para a própria página, mas você pode colocar a parte de HTML em uma página, e a parte de PHP em outra sem problemas), ele é movido para a pasta final com a função move_uploaded_files do PHP. Lembre-se que é necessário dar um chmod 777 no diretório que irá receber o arquivo.
No programa que utilizo (Filezilla) e na maioria dos programas de FTP, basta clicar com o botão direito na pasta ou arquivo e ir em “Permissões” para mudar o CHMOD.
A variável $_FILES[“arquivo”][“tmp_name”] é o nome temporário do arquivo. É o nome que o servidor dá ao arquivo assim que o recebe. $_FILES[“arquivo”][“name”] é o nome original do arquivo.
Veja o exemplo abaixo:
<?php
### SCRIPT PARA UPLOAD DE ARQUIVOS ####
### DESENVOLVIDO POR: TIAGO PASSOS ####
### VOXTIAGO ARROBA GMAIL PONTO COM ###
if ($_FILES["arquivo"]["tmp_name"]) {
// ESSE EH O NOME TEMPORARIO DO ARQUIVO
$tmp_name = $_FILES["arquivo"]["tmp_name"];
// INFORME O DIRETORIO PARA ONDE O ARQUIVO SERA ENVIADO
// LEMBRE-SE QUE É NECESSÁRIO DAR CHMOD 777 NESSE DIRETÓRIO
$diretorio = "upload/";
$nome_do_arquivo = $diretorio . $_FILES["arquivo"]["name"];
if (move_uploaded_file($tmp_name, $nome_do_arquivo)) {
?><script type="text/javascript">alert("Arquivo enviado");</script><?php
} else {
?><script type="text/javascript">alert("Arquivo não enviado");</script><?php
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Enviar arquivos com PHP</title>
</head>
<body>
<form id="envia_arquivo" method="post" enctype="multipart/form-data">
Foto:<br />
<input type="file" name="arquivo" id="arquivo" size="40" /><br />
<input type="submit" value="Enviar!" />
</form>
</body>
</html>
Máscaras para formulário com JavaScript e JQuery
Máscaras para formulário com JavaScript e JQuery
O Masked Input Plugin é um plugin pra JQuery que simplifica bastante o processo de mascarar um campo de formulário. Se você não conhece o JQuery, saiba que se trata de uma biblioteca JavaScript, que na prática, serve para facilitar o desenvolvimento de scripts em JavaScript. Isso quer dizer que o JQuery vai facilitar muito o seu trabalho, ao trabalhar com JavaScript.
Passando pouquissimos parâmetros é possível fazer uma validação em poucos minutos.
Primeiro vai ser necessário baixar dois arquivos:
– jquery.js em http://www.jquery.com
– jquery.maskedinput.js em em http://digitalbush.com/projects/masked-input-plugin
Também existem as versões comprimidas que você pode usar.
Depois é necessário fazer o chamado aos arquivos .js entre as tags <HEAD> e </HEAD> do seu site:
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.maskedinput.js" type="text/javascript"></script>
Em seguida você define as características das máscaras. Alguns exemplos:
– Máscara para Data: 99/99/9999
– Máscara para Telefone: (99)9999-9999
– Máscara para CPF: 999.999.999-99
– 9 representa qualquer número, de 0 a 9
– a representa qualquer letra
– * representa qualquer letra ou número
Para utilizar as máscaras exemplificadas acima, é necessário colocar o seguinte código entre as tags <HEAD> e </HEAD>.
<script type="text/javascript">
jQuery(function($){
$("#data").mask("99/99/9999");
$("#telefone").mask("(99)999-9999");
$("#cpf").mask("999.999.999-99");
});
</script>
Lembre-se que será utilizado o id do campo que você quer mascarar. No caso do campo de telefone, utilizamos o id telefone, mas pode ser qualquer outro.
Pronto. Agora é só você criar suas próprias máscaras, da forma que desejar 🙂
Você pode obter mais informações em http://digitalbush.com/projects/masked-input-plugin
Desabafo de um Desenvolvedor Web
Vídeo hilário que faz uma caricatura do problema que os desenvolvedores têm com o design.
O que são Chaves Primárias e Índices?
Ambos atributos são características essenciais na maioria das tabelas. Da maneira mais simples possível, podemos dizer que:
Chave primária: É um atributo dado a um campo único na tabela. Esse campo servirá para identificar a determinada linha e não poderá ter valores repetidos.
Exemplo 1) Tabela “clientes” com os campos: nome_cliente, data_de_nascimento e cpf_cliente. O campo “cpf_cliente” pode ser definido como chave primária, pois não exitem duas pessoas com o mesmo CPF.
Você também pode gerar o valor da chave primária como auto-incremento.
Exemplo 2) Tabela “produtos” com os campos: idproduto, nome_produto, valor_produto. Poderíamos definir o campo “idproduto” como chave primária com auto-incremento, assim seria gerado um número diferente (automaticamente) para cada registro da tabela.
Índice: É um atributo para aumentar a velocidade na busca de uma tabela.
Exemplo 3) Tabela “cidades” com os campos idcidade,cidade e estado. No campo estado você permitira apenas a sigla do estado e o definiria como Índice. Dessa forma, toda vez que alguem fosse fazer uma busca por todas as cidades do estado, essa busca seria mais rápida.
Você define como índice o campo que você vai utilizar como parâmetro na busca, porém, é interessante que esses campos não tenham muitos caracteres, porque ao utilizar uma chave primária, o tamanho da tabela aumenta consideravelmente.
Use esse recurso com sabedoria. 🙂
Medindo a velocidade real do seu site
Existem várias ferramentas no mercado (muitas delas gratuitas) que podem fazer a medição da velocidade de carregamento do seu site. Mas a maioria delas tem um problema: utilizam a sua conexão para fazer essa medição.
Como a gente sabe, a internet no Brasil, na grande maioria das vezes não é a coisa mais perfeita do mundo, então essa medição pode sofrer interferências, informando um resultado não tão preciso.
Pra resolver esse problema surgiu o Pagetest. Com essa ferramenta você pode informar a URL do site que deseja medir o desempenho e ele te entregará um relatório com todos os dados da medição, pontos que você pode melhorar (compressão de imagens, compressão de texto, cache etc.) e o tempo de carregamento na primeira e na segunda vez que o site é visualizado.
Além disso existe uma opção de comparação visual que você pode fazer entre dois sites. Nessa comparação a ferramenta irá mostrar segundo a segundo o carregamento da página, através de screenshots (imagens do monitor) e você poderá ter uma outra perspectiva sobre o site.
Como se não bastasse, você ainda pode escolher entre alguns links localizados em lugares diferentes para que sua medição seja mais precisa, e se quizer, até definir a velocidade de download e upload desejada – o padrão é 1.5Mbps de download, mas você pode escolher uma velocidade inferior como 300Kbps por exemplo.
Melhorando o desempenho de um site com CSS Sprite
Quem já pesquisou sobre desempenho de sites sabe que existem muitas formas de melhorar, ou seja, tornar o carregamento mais rápido.
Um dos maiores vilões da velocidade de carregamento de um site é uma grande quantidade de arquivos a serem carregados. O navegador demora muito tempo para processar o conteúdo de um site quando existem muitos arquivos a serem baixados, sejam eles .js, .css, imagens etc.
Para resolver isso, é interessante juntar todos os CSS em um único arquivo, todos os JS (JavaScript) em um único arquivo, e por que não todas as imagens em apenas um arquivo? Sim! Isso é possível.
Diversos sites usam essa técnica (YouTube, por exemplo), e existem vários sites que podem criar um Sprite pra você. Um deles é o CSS Sprite Generator (spritegen.website-performance.org).
Nele você vai anexar todos os arquivos em um zip e mandar para o site. A princípio as opções padrão servirão para a maioria das pessoas.
O CSS Sprite Generator irá te fornecer um arquivo PNG de tamanho reduzido com todas as suas imagens mapeadas em um arquivo CSS, que você poderá utilizar no seu site.
Últimos comentários