Categoria: Desenho

Aplicações e aplicativos web para você desenhar online

moqups, ferramenta em HTML5 para criar diagramas, mockups e wireframes

Quer seja para criar os primeiros esboços do desenho de um site ou até para fazer um mockup de um aplicativo móvel, sempre é necessário ter em mãos uma ferramenta de maquete fácil de usar, minimalista, funcional, completa e preferivelmente gratuita, e moqups é tudo isso além de funcionar em HTML5.

Embora moqups não seja inovador quanto a sua temática, pois são muitas as opções que já existem, porém, ele se destaca pela qualidade dos resultados, pelas ferramentas disponíveis (em especial modelos e formas pre-determinadas), pela velocidade, gratuidade e porque não necessita se valer de plugins ou software extra para trabalhar.

O registro é necessário para guardar as criações ou compartilhá-las, embora não necessite confirmação vía email para começar a gerenciá-las ou baixar os resultados. Certamente, estes últimos podem ser conseguidos no formato PDF ou PNG.

Responsivepx – para saber se o seu site tem um design adaptável

O design adaptável é uma técnica usada na hora de se criar o design e desenvolvimento de sites para que estes adaptem suas estruturas e imagens segundo as telas onde serão visualizadas, ou seja, adaptam suas estruturas de acordo com as resoluções das telas, de maneira que um mesmo desenho possa ser visto tanto em navegadores desktop como em tablets e smartphones, adaptando suas estruturas a estes suportes.

Mas será que toda a estrutura de qualquer site é adaptável a todo tipo de tela? Uma opção para descobrir é jogar com o navegador desktop, o redimensionando para ver o comportamento da estrutura do site a ser testado. Outra, é usar Responsivepx, uma ferramenta na qual temos que introduzir qualquer URL e usar os controles horizontais e verticais, para ver o comportamento da estrutura do site que está por trás da URL introduzida.

Desta maneira sabemos se esta URL se pode ver em perfeitas condições tanto nas resoluções para navegadores desktop como para qualquer tipo de tela de qualquer tipo de dispositivo móvel.

Crie um modelo 3D de sua cabeça com a tecnologia de Vizago

A companhia Vizago nos surpreende com uma startup com a qual podemos, nada mais e nada menos, que criar um modelo 3D de nosso rosto a partir de uma imagem em duas dimensões.

A versão demo, que funciona desde Firefox e desde Chrome, é fácil de utilizar, através de pontos em uma fotografia de nosso rosto. Teremos que marcar os lóbulos das orelhas, ponta do nariz, bochechas e muito mais, só temos que clicar em “Submit” para que depois esperar alguns minutos e aparecerá a reconstrução em 3D de nosso rosto.

Quanto melhor a qualidade da fotografia melhor é a reconstrução em três dimensões, mais detalhada e perfeita, porém, sem levar em conta os cabelos. Ainda assim, é muito curioso ver um modelo de nossa cabeça em 3D, e para quem gosta ou é um expert em manipular este tipo de tecnologia, vale a pena dar uma olhada.

Vizago oferece sua tecnologia por assinaturas mensais, oferecendo acesso total ao serviço.

mothereffinganimatedgif – Para criar Gifs animados de código aberto e usando HTML5

São muitas as ferramentas web que vira e volta comentamos por aqui, relacionadas com a criação de animações em gif, porém poucas são as que capricham tanto no desenho quanto mothereffinganimatedgif.com, uma opção simples, útil, intuitiva e criada em HTML5.

Além de não usar Flash, oferece seu código em github.com, sendo um projeto de Paul Irish, desenvolvedor com um blog em paulirish.com no qual podemos ler conselhos e orientações que podem ser úteis para todos os que trabalham na programação de sistemas web.

Para usar mothereffinganimatedgif só temos que arrastar as imagens que farão parte da animação e configurar as variáveis relacionadas com velocidade, e tamanho, obtendo o resultado em formato Gif pronto para ser baixado.

123D Catch, converte do iPad as fotos em modelos 3D

Desde o ano passado já podíamos experimentar 123D Catch em sua versão beta através de nosso computador, porém, agora, Autodesk extendeu as possibilidades com o lançamento de um aplicativo para o iPad.

123D Catch para iPad nos permite converter fotografias em modelos 3D de maneira super simples. Basta através de nosso iPad tirar 40 fotografias (recordando que quanto mais fotografias tirarmos mais real será o efeito) desde diferentes ângulos, para subi-las ao sistema de Autodesk e ser processado o modelo.

Depois de processado o projeto receberemos uma notificação para, se quisermos, poder compartilhar com nossos amigos diretamente do próprio aplicativo.

Já podemos ter uma ideia e quem sabe até nos inspirar através da galeria online na qual estão expostos alguns trabalhos de outros usuários que resolveram compartilhar suas experiências. O processo que propõe 123D Catch é muito fácil, além de podermos contar desde o começo com instruções e um guia interativo.

DeviantArt atualiza seu painel de desenho usando HTML5

Se você é um dos 20 milhões de usuários que publicam seus trabalhos artísticos em Deviantart, agora poderá usar um novo painel de desenho que permite reproduzir o processo, mostrando ao mundo o passo a passo realizado no trabalho.

Esta atualização, disponível em seu muro.deviantart.com, usa HTML5, com o qual permite agora o acesso da ferramenta de desenho através de dispositivos móveis, o que, com certeza, vai agradar muita gente.

Em TNW recomendam acessar a muro.deviantart.com/redraw/v4qgookk45 para ver um exemplo de como funciona o sistema de gravação e reprodução do processo de realização dos desenhos, permitindo, entre outras coisas, escolher a velocidade da animação final.

Sem dúvida, boas noticias tanto para os artistas como para os que estão apenas aprendendo a deesenhar e querem aprender com os mestres.

Google publica um novo guia de estilos HTML/CSS

No blog do Google para webmasters apresentam um novo guia para quem trabalha com HTML e CSS, disponível em wwhts.com/IxMXyf e classificado por temas.

O objetivo de criar este tipo de guia é permitir que o código escrito seja coerente e fácil de entender, ocupando-se, nesse caso, de uma grande quantidade de assuntos relacionados com o formato HTML e CSS comentando sobre as melhores práticas para animar aos desenvolvedores a trabalharem com elegância e sempre pensando em que alguém mais lerá essas linhas de código.

Um bom lugar para encontrar ótimos conselhos criados por uma empresa que, como nenhuma, entende do assunto.