Filipe Kiss

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

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:

Webdeveloper

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

Firebug

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.

Codetch

Um IDE de desenvolvimento completo dentro do seu Firefox. Tem até editor WYSIWYG.

ColorZilla

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.

iEtab

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

FireFTP

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…

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

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

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. 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

  <?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!

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;

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.

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.