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

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…

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

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

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

• 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

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!

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;

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.