TinyURL April 17th, 2008
Acho que todo mundo já passou pelo saco de enviar um link enorme por email e o cliente de email quebrar o link em várias linhas e o seu destinatário ficar reclamando que não consegue clicar…
O TinyURL é um serviço que permite que você crie URLs minúsculas (tiny, dã) para enviar por email, twitter etc…
Mas entrar no site toda vez que você quiser gerar uma URL é um saco não?
Então vamos resolver esse problema…
Acesse o site www.tinyurl.com

Clique com o botão direito na caixa de input e escolha a opção ‘Criar palavra-chave de pesquisa’

Uma janela irá se abrir. Preencha as informações como abaixo

Pronto! Agora quando você quiser gerar um URL de um site que você esta visitando é só colocar a palavra tiny na frente

E você terá o resultado:

Ou então você pode instalar a extensão TinyURL Creator. Depois de instalada, basta Clicar com o botão direito numa página e escolher a opção ‘Create TinyURL for this page’

Depois disso basta clicar em ‘Close’.

A URL é copiada automáticamente para o seu Clipboard. Você pode salvar a URL clicando em Save. Depois você pode ver as URLs salvas através da Extensão, pelo menu Ferramentas > Tiny Url Creator > View Saved
Firefox para desenvolvedores February 6th, 2008
Em primeiro lugar peço desculpas pela demora. Mas é que eu realmente estou ocupado com essas coisas de faculdade e trampo e aí acabou a mordomia de atualizar o blog toda semana. É bom… assim eu pelo menos só posto quando realmente tenho assunto…
Voltando ao tema do post, todo mundo sabe que o Firefox OWNA (desculpem pela gíria, mas eu não achei nenhuma palavra melhor) o iE. Agora, mais do que nunca… Instalando essas extensões no FF você trasnformará ele numa completa suite de desenvolvimento para a Web com direito a editor WYSIWYG e tudo mais…
Chega de enrolação… Que venham as extensões:
Okay… Essa é conhecida de muitos já… Ela adiciona aquela famosa barrinha que permite a você ver o CSS do site, separar os elementos e editar estruturas CSS em Tempo Real
Eu realmente preciso falar dela? Okay… exibição de todo o DOM da página, e ainda a possibilidade de enviar comandos JavaScript pela linha de comando.
Um IDE de desenvolvimento completo dentro do seu Firefox. Tem até editor WYSIWYG.
Além de permitir pegar o código RGB de qualquer cor na tela, ainda permite saber a distância exata entre dois pontos na tela.
E pra não precisar olhar pra cara do internet Explorer nunca mais, instale essa extensão; Ela permite renderizar os sites como se estivessem sendo visualizados no iE
Pra terminar, o melhor gerenciador de FTP que existe no Firefox. E talvez até no meu desktop ;D
Edit–
Finalmente coloquei os links da extensões…
A-Squared - Antivírus gratuito January 2nd, 2008
Os antivirus gratuitos sempre deixaram a desejar… atualizações quase sempre limitadas, virus que não são detectados ou não são removidos se você não comprar a versão paga do produto… Era isso que eu pensava até conhecer a ‘família’ A-Squared. Com várias soluções antivirus, quase todas gratuitas, exceto por um Anti-Malware, quando instalado e configurado (mesmo com as pré-configurações) realizam o trabalho de varredura e monitaramento do computador com perfeição…
Eu, ex-usuário do AVG, instalei o A-Squared após formatar meu pc, já que eu tinha pouco espaço reservado para o Windows e necessitava de um antivirus leve… Achei o A-Squared, e resolvi testar… Funciona que é uma beleza… Tem quarentena, atulizações, permite fazer vários tipos de varredura… enfim… Supriu minhas necessidades, sem ‘comer’ minha memória…
Agora vou instalar as outras duas soluções: o Anti Dialer e o AntiHijack, e ver se eles resolvem de vez minha necessidade quanto à antivírus…
Pros - Interface fácil e amigavel, em português, ideal para qualquer tipo de usuário
Contra - Usuários mais desatentos podem deletar arquivos essenciais e corromper seus Sistemas Operacionais… É recomendável sempre mandar os objetos para a quarentena ao invés de removê-los…
Links:
A-squared Free 3.1.0.9
a-squared HiJackFree 3.0.0.406
a-squared Anti-Dialer 3.0.0.60
AJAX Simples December 13th, 2007
Muito bem… Sei que é impossível ser mais simples do que isso, mas ainda assim é simples e ainda te ajuda a entender um pouco mais como funciona…
Arquivo ajax.js
//Mini Biblioteca de Ajax var xmlHttp; var resultado; var xmlDoc; function iniciaAjax() { ////////////////////////////////////// //Uso: // //var xml = iniciaAjax; // //Retorna null caso não suporte. // ////////////////////////////////////// var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; } //Função que requisita uma página por GET; function getRequest(url) { xmlHttp.open("GET",url,true); xmlHttp.send(null); } function retornaNode(myNode) { if(xmlDoc.getElementsByTagName(myNode)[0]) { var nodeValue = xmlDoc.getElementsByTagName(myNode)[0].childNodes[0].nodeValue; if(nodeValue != null) { return nodeValue.trim(); } } else { return "Nada encontrado;" } } String.prototype.trim = function() { return this.replace(/^s*/, "").replace(/s*$/, "");}
Explicação das Funções:
iniciaAjax()
Como o próprio nome diz, inicia o ajax em browsers suportados (Cross-Browser)
Exemplo: xmlHttp = iniciaAjax();
getRequest(url)
Faz uma resquisição por meio de GET
Exemplo: getRequest(”pagina.php?q=a”);
retornaNode(myNode)
Funcao que retorna o valor de um nó de um xml, que deve ser passado para xmlDoc
Exemplo: var nome = retornaNode(”nome”);
variavel.trim
Remove espaços em branco desnecessários da string. Como eu não achei uma pronta, tem essa daí
No próximo post vou dar exemplos praticos
CSS: Controlando atributos November 14th, 2007
Uma coisa interessante sobre o CSS…Ele pode ser atribuido aos atributos de uma tag…
Por exemplo:
a[href=”http://www.google.com”] {
color: #FF0000;
}
Fará com que todos os links para o google sejam vermelhos… Se eu quisesse que todos os links que apontam para fora do meu site fossem azuis?
a[href”http://”]:not([href*=”meusite.com”])::after {
color: #0000FF;
}
Tem várias opões de uso para os seletores. Pra variar, eles não funcionam no Internet Explorer… Mas fica aí a dica ;D
Firefox: Enstensões que eu uso October 30th, 2007
Firefox. Um browser totalmente poderoso e com grande capacidade de personalização, que vem conquistando cada vez mais usuários. Além dos temas para mudar a aparência existem extensões que adicionam funcionalidades que vão desde bloquear anúncios até tranformar o seu Gmail num Disco Virtual. Aqui vai uma lista as extensões que eu uso:
- Aardvark
Extensão que permite fazer um debug da página que estou visitando, ideal para criar skins para ser usada com o Stylish ou para ter idéias de layouts para um website - AIO Gestures
Funcionalidade trazida do Opera para o Firefox, permite que você avance, recarregue, volte e muitas outras coisas apenas mechendo o seu mouse. Clique com o botão direito e faça o movimento e voila! - AIO Sidebar
Sidebar que gerencia extensões, temas, pode abrir páginas, gerencia os favoritos e muito mais. - del.icio.us
Extensão oficial do del.icio.us que adiciona dois botões próximos a barra de endereços: Um deles pra você abrir o seu del.icio.us e o outro pra você ‘tagear’ a página que você está visitando. - Download Status Bar
Coloca os downloads na status bar, tornando tudo mais organizado. Uma extensão que você não vai querer perder quando atualizar seu Firefox - Download Helper
Essa é aquela pros maníacos por Youtube e sites do tipo. Essa extensão é capaz de salvar os elementos (vídeos, aúdio) em flash das páginas. Muito mais prático do que acessar o VideoDownloader por exemplo - dragdropupload
Drag ‘n Drop! Quem nunca sonhou com isso no gmail? Pois bem, não só o gmail, mas qualquer lugar em que você possa fazer um upload, basta instalar essa extenão, e, quando precisar enviar alguma coisa para o servidor, carregue a barra (na AIO Sidebar, se você tiver instalado) e simplesmente arraste os arquivos para o campo de upload. Simples assim - Firebug
Essa despensa comentários. Simplesmente a melhor extensão para desenvolvedores WEB. - FireUploader
Se você tem uma conta no Flickr ou no OmniDrive, vale a pena baixar essa extensão. Ou mesmo você que envia vídeos para o YouTube a cada dez minutos. Essa extensão facilita o processo de upload. Basta você cadastrar sua conta e começar a fazer os uploads. - GmailSpace
Transforme o seu Gmail num disco virtual. Ative a extensão, abra uma nova aba e faça upload dos seus arquivos. Pronto! Um disco virtual de 5Gb gratuito! - GreaseMonkey
Outra que despensa comentários. - Imagetoolbar
Ok. Odeio admitir, mas tinha uma coisa que eu sentia falta no Internet Explorer. Aquela barra flutuante que aparecia quando você descansava o mouse por alguns segundos sobre uma imagem. Pois bem. É exatamente isso que essa extensão faz: Ela adiciona uma barra desssas no Firefox. Prática e simples com opções pra se adequar como tamanho da barra e onde salvar as imagens - ImageBot
Faça upload das suas imagens fácilmente para o ImageShack ou Photobucket com essa extensão. Recomendado para quem vive precisando ‘upar’ screenshots. - Likification
Transforma um link válido que esteja em forma de texto em um link clicável. Transforma também emails e endereços FTP. - Newsfox
Pra você que, assim como eu, acompanha vários blogs pelo RSS, essa é uma extensão indispensável: Permite escolher o formato de exibição pra todos ou individualmente, escolhe o tempo de atualização dos sites e avisa quando tem algum item novo no RSS. - RemiderFox
‘O que eu tinha que fazer mesmo?’ Isso vai deixar de acontecer com o ReminderFox, extensão que permite colocar lembretes diretamente no Firefox. Ideal para lembrar de pagar a conta do provedor pelo bankline ou de checar os emails da sua mãe :p - Screengrab!
Extensão que tira uma ‘foto’ da página que você está visualizando. Pode se escolher se você quer tirar da página toda, apenas da parte visivel e etc… Ideal pra quem faz templates de Wordpress - Spamavert.com
Essa extensão usa o serviços do site spamavert.com para criar e-mails para aqueles cadastros que você não confia de dar o seu email para o site. A extensão ainda memoriza os emails que ela criou e permite que você cheque a caixa postal posteriormente. - Stylish
A extensão dos designers. Faça seu próprio layout para o Google ou mude a cara do seu Gmail - Update Scanner
O seu site favorito não tem RSS ou Atom? E você quer saber quando ele foi atualizado? Instale o Upadte Scanner e fique sabendo quando a página foi modificada.
Bom… Acho que é só isso… Todas essas extensões pode ser encontradas fazendo uma busca pelo nome em http://addons.mozilla.com
Redimensionar Imagens com PHP October 26th, 2007
<?php
function open_image ($file) {
$im = @imagecreatefromjpeg($file);
if ($im !== false) { return $im; }
$im = @imagecreatefromgif($file);
if ($im !== false) { return $im; }
$im = @imagecreatefrompng($file);
if ($im !== false) { return $im; }
$im = @imagecreatefromgd($file);
if ($im !== false) { return $im; }
$im = @imagecreatefromgd2($file);
if ($im !== false) { return $im; }
$im = @imagecreatefromwbmp($file);
if ($im !== false) { return $im; }
$im = @imagecreatefromxbm($file);
if ($im !== false) { return $im; }
$im = @imagecreatefromxpm($file);
if ($im !== false) { return $im; }
$im = @imagecreatefromstring(file_get_contents($file));
if ($im !== false) { return $im; }
return false;
}
function resizeImage($im, $la=‘50%’, $al = ‘0′)
{
//Seta todas as strings como ’string’
settype($la, “string”);
settype($al, “string”);
// Carrega Imagem
$image = open_image($im);
if ($image == false) {
die (‘<strong>Erro ao abrir imagem</strong>’);
}
// Pega os tamanhos originais
$width = imagesx($image);
$height = imagesy($image);
// Checa o redimensionamendo, se é feito por % ou px
if (ereg(“[0-9]{1,3}%”,$la,$lixo)) {
$size = str_replace(“%”,“”,$la);
settype($size, “integer”);
$percent = floatval($la);
$percent /= 100;
$new_width = $width * $percent;
$new_height = $height * $percent;
}
elseif (isset($la) && $al == ‘0′ && !$al && $al == 0) {
settype($la, “integer”);
$new_width = floatval($la);
$new_height = $height * ($new_width/$width);
// Se apenas altura foi definida
}
elseif (isset($al) && $la == ‘0′ && !$la && $la == 0) {
settype($al, “integer”);
$new_height = floatval($al);
$new_width = $width * ($new_height/$height);
// Nova Largura e nova altura;
}
elseif (isset($la) && isset($al)) {
$new_height = floatval($la);
$new_width = floatval($la);
} else {
die (‘<strong>Nenhum tamanho foi especificado!’);
}
$image_resized = imagecreatetruecolor($new_width, $new_height);
imagecopyresampled($image_resized, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height);
// Display resized image
header(‘Content-type: image/jpeg’);
imagejpeg($image_resized);
imagedestroy($image_resize);
}
resizeImage($_GET[‘img’],$_GET[‘width’],$_GET[‘height’]);
?>
Salve como resize.php
Usando:
<img src=”resize.php?img=imagem.jpg&width=50&height=50″/>
Você pode definir apenas width (com valor em px ou percentagem), apenas height ou os dois que o calculo será feito auto maticamente. Qualquer dúvida, poste um comentário!
Novidade no Smashing Magazine October 22nd, 2007
Depois de trazer milhares de dicas CSS, tutoriais e fontes grátis, o blog Smashing Magazine traz agora uma novidade um tanto quanto peculiar: Monday Inspiration;
O Objetivo é ajudar os designers numa segunda feira a vencer o bloqueio mental! Várias idéias serão postadas toda segunda aumentando o (grande) acervo de dicas e idéias já disponível no Blog. O primeiro post da série é sobre combinação de cores para a criação do layout. Vale a pena dar uma olhada e assinar o feed do Blog;
X-Tractor - Extraindo aúdio de vídeos no Linux October 16th, 2007
Baixei alguns vídeos no YouTube e gostaria de convertê-los para mp3. Para converter para AVI eu sempre usei o mencoder. Só que ele não extrai o áudio criando o mP3 para que colocar no meu iPod ou etc…
Então eu pesquisei no google e vi que o ffmpeg extraia o áudio dos arquivos. Simples. Mas e se que quisesse extrair todos de uma pasta eu teria que fazer um por um? Fuçando no sheel script eu montei o x-tractor, um programinha simples que converte todos os arquivos de uma pasta para mp3.
Instalando o extractor:
Digite num terminal:
cd /bin
sudo wget http://www.filipekiss.com.br/repository/x-tractor
Quando o download for concluído, basta você navegar até a pasta com os arquivos que voc deseja converter e digitar:
x-tractor arquivo.flv
ou
x-tractor *
para converter todos os arquivos.
Espero que eu tenha ajudado.
Aulas de PHP no Webly October 15th, 2007
As inscrições já estão fechadas, mas basta se cadastrar e enviar uma Mensagem Pessoal para o Pinguim e pedir para ser inscrito nas aulas. Todos os detalhes serão dados no próprio fórum. E se você não quiser/conseguir se inscrever para as aulas, não fique triste. Toda vez que uma aula nova for postada, a aula anterior será disponibilizada em formato PDF para download. Tá esperando o quê? Visite www.webly.com.br/forum e cadastre-se.