Categoria: Webdesign

Aplicações e aplicativos web para webdesigners. Desenho e edição de imagens online

7 opções OpenSource para criar um encurtador de urls

Depois da notícia do fechamento do tr.im muitos ficamos desconfiados com os serviços de encurtadores de urls oferecidos por terceiros. Imaginem se os milhões de links do nosso habitual migre.me desaparecem um dia… como diria meu pai: Internet quebra…

Aqui deixo uma solução para ficar mais tranqüilos: criem seu próprio encurtador de urls para não depender de ninguém.

1 – Shorty: Script gratuito que funciona com PHP e MySQL. Vem com uma área de administração mostrando links cadastrados e estatísticas.
shorty-short-url-script

2 – YOURLS: Com área de administração, API, estatísticas, possibilidade de ter links públicos e privados e, o melhor de todo: plugin para WordPress.
yourls

3 – kissa.be!: PHP e MySQl, encurta textos, urls, emails e imagens e tem um API disponível.
kissa-be-url-shorten-script

4 – PHPurl: Script muito simples. Usa também PHP e MySQL e permite personalizar as urls geradas.
php-url-shortener-script

5 – BrokenScript: Muito simples. Solicita uma descrição do link que quer ser reduzido.
basic-url-shortener-script

6 – TightURL: PHP com MySQl, com gerenciamento de spam consultando os bancos de dados mais conhecidos para verificar se uma url determinada é considerada lixo eletrônico.
tighturl-short-url-script

7 – phurl: Permite remover endereços gerados e inclui sistema de captcha e re-captcha.
phurl-free-short-url-script

fonte: webresourcesdepot.com

ColorSuckr – Extrair a informação das cores de qualquer imagem da Internet

colores

Aplicações para obter paletas de cores de qualquer fotografia já vimos muitas, lembrem que recentemente publiquei um artigo com várias ferramentas web para trabalhar com cores. colorsuckr é uma nova opção muito simples de usar.

Podem usar a aplicação de três formas diferentes:

– Selecionando o endereço web de qualquer imagem da Internet.

– Escolhendo uma foto do flickr.

– Usando a extensão de Firefox que permite obter cores de qualquer imagem que estejam visualizando num momento determinado.

O resultado é perfeito, mostrando as cores principais com suas características para que possamos usar a informação nos nossos desenhos.

paletas

Hot Gloo – Ferramenta web para criação de protótipos

hot gloo acabou de nascer como uma sofisticada aplicação para criação e divulgação de protótipos de páginas web.

Com ela podem criar estruturas de informação, mostrando a distribuição de elementos de texto, gráficos, formulários, menus e demais componentes de qualquer projeto web. Podem cadastrar editores e responsáveis pela validação de cada protótipo criado, permitindo ao cliente observar o estado do projeto em qualquer momento.

As ferramentas são tão simples de usar como em qualquer programa Office, dando especial importância à distribuição do conteúdo.

No momento todo é grátis, mas planejam cobrar por algumas funcionalidades no futuro.

Fiat lança a idéia do primeiro automóvel com licença Creative Commons

A FIAT convida você a criar um carro. Um carro para chamar de seu

A Fiat acaba de lançar o Fiat Mio. Uma proposta interessante, que está bem relacionada com nosso cotidiano da web 2.0 para desenvolver o primeiro automóvel com licença Creative Commons. O projeto deve ser participativo, onde a Fiat reunirá muitas idéias sobre o futuro dos veículos para com essa base ter a matéria-prima do que deve ser este grande projeto para as novas gerações. Os idealizadores do projeto fazem referência, ao artista e escultor Michelangelo, que afirmava que em qualquer bloco de pedra poderia haver uma grande obra de arte escondida, só que é preciso saber lapidar e retirar o excesso desse material.

Como muitos sabem, a Creative Commons são as licenças que permitem padronizar a criação e distribuição de conteúdos livres. O projeto Fiat Mio, usará as idéias enviadas pelos colaboradores do site para produzir um carro conceito, junto aos seus engenheiros. A idéia é que o veículo seja a cara do consumidor, lembrando que todo o conteúdo que se gere do site será livre, podendo ser usado tanto por outros engenheiros, fabricantes ou simples usuários.

Acessando ao site http://www.fiatmio.cc/ Vocês verão que existe uma série de ideias postas entre as que mais se destacam estão as relacionadas com design, ergonomia e propulsão. O resultado dessa experiência se materializará como o Fiat Concept Car III (FCC III), que será apresentado no Salão Internacional do Automóvel em 2010, como o novo carro conceito da Fiat.

FiveSecondTest – Como obter opiniões sobre um desenho

FiveSecondTest é uma aplicação que permite obter opiniões sobre qualquer imagem, seja desenho, logo, página web, pintura…

Os criadores terão que subir o arquivo (a imagem não pode superar os 960 px de largura) e os usuários do sistema terão cinco segundos para observá-la. Depois deste tempo terão que especificar cinco coisas que lembram da imagem, deixando a lista cadastrada sob cada teste.

Uma boa forma de obter opiniões rápidas de uma comunidade de usuários que não tenha nenhum tipo de relação com o autor. Desta forma é simples saber se o que se queria transmitir coma imagem foi efetivamente transmitido.

Stripe Designer – Desenho de fundos e texturas

Stripe Designer for Web 2.0 - by Alex Le

Stripe Designer é uma aplicação que os permite desenhar fundos de forma rápida e simples, oferecendo a possibilidade de testá-lo colocando qualquer imagem por cima da nossa criação.

Podemos partir de algum desenho predefinido para ir customizando aos poucos o resultado, até chegar ao desenho que mais se adapte ao nosso trabalho.

No final podemos exportar o gif e usá-lo, por exemplo, como Pattern no Photoshop.

LESS – Aumente o poder do CSS

LESS - Leaner CSS Ainda que não trabalho com desenho web (para isso tenho ao meu sócio Érico Oliveira, do pBlog, na empresa) sim sou um reconhecido fã na hora de desenhar páginas. custa um pouco depois de tantos anos lutando com tables, td, tr e outros, mas o resultado vale a pena: flexível, limpo e dócil ante qualquer futura modificação.

Ontem um amigo me falou do LESS e da possibilidade de aumentar o poder das técnicas CSS usando variáveis, por exemplo.

variables

Também podemos organizar as normas dentro de uma mesma entidade, deixando o código mais limpo e simples de entender.

reglas

Ou inclusive adicionar operações matemáticas para facilitar o desenho geométrico do projeto.

operaciones

Podem programar a folha de estilos em LESS e, ao finalizar, compilar o código para que seja gerado o arquivo CSS de sempre. Tem toda a documentação necessária no http://lesscss.org