Drawter – Construtor de Wireframes

O Drawter Beta 2 é uma ferramenta escrita em JavaScript e baseado na biblioteca jQuery.
Ela oferece a possibilidade de literalmente tirar o código do seu site apenas desenhando o wireframe. Roda em qualquer navegador web simples que o torna realmente útil.

Atualmente Drawter está disponível na versão Pro, o que significa que se destina para webmasters com o conhecimento de HTML e CSS é necessário.
É uma ótima ferramenta para a criação de wireframes pois possibilita apartir do desenho já a geração de código xHTML e CSS.

Teclas de atalho disponíveis:
Ctrl +1 – Draw Mode
Ctrl +2 – Edit Mode

Também há um screencast para os interessados aqui.

Alternativa ao Firebug: CSSFLY

CSSFly é uma ferramenta online onde, além de você poder editar o HTML de qualquer página, pode também editar o CSS e ver as mofdificações em tempo real.

Ideal para debugar layouts quando você não tem ou não pode usar o firebug.

É uma ótima alternativa para usar no IE.

É só entrar no site desejado colar o código abaixo no browser .

javascript:what=document.URL; var re2=new RegExp('http:\/\/','g');
what = what.replace(re2,'http://www.cssfly.net/t/');  top.location.href=what;

Modelos de estrutura em CSS

O site http://layouts.ironmyers.com/ oferece diversos templates gratuitos que podem ser utilizados como base para desenvolvimento de sites usando CSS.

São modelos simples com a estrutura básica.

Na primeira página você escolhe entre os templates de 750 pixels, 950px e 100% que tem seu tamanho modificado dependendo da resolução do monitor do visitante.

É uma ferramenta bem útil para o desenvolvimento de um layout. Pois se utiliza a estrutura escolhida e trabalha a arte gráfica em cima dela.

Facilita a vida de mto feed.

14 Aplicações AIR

Desde o surgimento do Adobe AIR, uma plataforma onde você pode rodar aplicações web ou desktop, o desenvolvimento de aplicativos se tornou muito popular, principalmente entre os desenvolvedores web.

Abaixo você pode ver algumas delas que podem ajudar e muito você a obter produtividade:

Klok: Essa aplicação nos permite marcar o tempo que levamos para desenvolver determinado trabalho, ou seja, ele marca a quantidade de horas, dias ou semanas que levamos a determinado projeto. A melhor forma de calcular a quantidade de horas gastas em um determinado projeto.

ColorBrowser: Uma aplicação que nos permite criar e salvar paletas de cores para que possam ser utilizadas em projetos futuros. Possui a opção de exportação das paletas.

ColorPicker: Uma simples aplicação para gerar cores hexadecimais.

ColourLovers: As famosas paletas de cores do site ColourLovers diretamente em seu desktop.

Kuler desktop: Permite importar cores da web para o desktop, como o site ColourLovers. Além disso permite que você importe diretamente cores para softwares como Illustrator, Photoshop e InDesign.

Doominow: Funciona como uma espécie de agenda onde podemos anotar as tarefas pendentes.

Em Calculator: Ferramenta para efetuar cálculos de unidades de medida relativa em CSS.

Google Analytics Reporting Suite: Através dessa ferramenta você pode acessar as estatísticas do Google Analytics sem precisar visitar o site.

Icon Generator: Uma ferramenta para a rápida criação de ícones, escolha o texto, a cor e é só clicar em criar.

Pixus: É um programa parecido com uma régua para medir os objetos na tela. Possui skins para o Internet Explorer e Safari.

Regexr: Um ótimo ambiente de teste onde você pode testar suas expressões regulares antes de implementá-las.

Shrink-O-Matic: Altere o tamanho de suas imagens facilmente, é só arrastar a imagem para cima do programa e escolher o tamanho, formato e nome.

WebSnapshot: Permite guardar capturas de tela facilmente. Você pode escolher entre guardar miniaturas, a página completa ou a área visível do navegador.

Snippely: Armazena de forma ordenada trechos de código que sempre utilizamos em nossas aplicações.

Caso tenha interesse em conhecer mais aplicações desenvolvidas utilizando a tecnologia AIR, visite o site AIRpollo.com.

DICA: Pinceladas da Web

24 ways: Versão 2008

Em dezembro de 2008, entrou no ar a última versão do site 24 ways.
Para quem não sabe o que significa o site 24 ways, é um site desenvolvido pelos maiores profissionais do desenvolvimento web mundial, composto de 24 dicas.

O site já existe desde 2005, e os tutoriais se iniciaram no dia 1 de dezembro e foram até o dia 24.
vale a pena conferi e conhecer os maiores nomes da Web no mundo.

dica: Pinceladas da web e DrWeb

24 ways 2008 – http://24ways.org

24 ways 2007 -http://24ways.org/2007

24 ways 2006 -http://24ways.org/2006

24 ways 2005 -http://24ways.org/2005