Drawter – Construtor de Wireframes
Em 28/11/2009 by acalbuquerque
categorizado em CSS, Criação, Front-end, WebDesign
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
Em 05/03/2009 by acalbuquerque
categorizado em CSS, Criação, Front-end
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
Em 05/03/2009 by acalbuquerque
categorizado em CSS, Criação, Front-end
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.
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
