Ferramenta para webdesign responsivo

embed-responsively-incorporar-responsivamenteEsse site Embed Responsively fornece código para inserir conteúdo da web (vídeo do YouTube, posts do Twitter, mapas do Google Maps, áudio do SoundCloud, etc) em seu site ou página HTML, de modo responsivo (para ser visto em dispositivos móveis).
Mas também te ajuda a inserir de conteúdo nativo, de seu site, desta forma.

É claro que existem formas alternativas de resolver esse problema de responsividade: muitos conteúdos em sites de terceiros podem ficar responsivos apenas removendo marcações de largura e altura. Você pode editar a largura e/ou a altura de seu conteúdo (imagem, p.ex.) para que ele fique responsivo.
Mas para situações em que não se tem a solução para essas questões, esse site fornece o HTML e CSS necessário.

Anúncios

Visualizadores de arquivos do Photoshop

O site Ofoct.com permite visualizar arquivos do Photoshop, entre outros. Os arquivos apenas precisam ser estrita e minimamente no formato padrão do Photoshop: extensão .PSD (.PSB para arquivos grandes não funciona) e ter ao menos uma camada além do background/plano de fundo.

Segue aqui também uma

Lista de programas que visualizam arquivos do Photoshop:

Gimp: o programa livre/gratuito mais próximo do Photoshop.

Paint.NET: para abrir arquivos do Photoshop é necessário instalar neste progama o PSD Plugin.

Photopea Online Editor: uma versão online do Photoshop (ou Gimp).

XnView: organizador e visualizador de imagens que abre 500 formatos de imagem e converte 70 formatos.

Irphan View: visualizador de imagens leve, possui versão portátil.

Google Drive: esse disco virtual abre arquivos padrão do Photoshop (e até do illustrator, mas apenas se for salvo com opção de ser PDF compatível).

Go2Convert: conversor de arquivos (Photoshop incluso).

Essa postagem é um resumo de matéria do site MakeUseOf.com. Veja o artigo completo, (em inglês), neste link.

photoshop-visualizador-online

Dica de design – multimídia – video

Animação de texto em vídeo – ferramentas gratuitas online (na internet)

powtoon PowToon

introchampIntroChamp

Ambos criam textos animados em vídeo, online; na versão gratuita aplicam selo do site no vídeo, mas de modo discreto (ou que não interfere com sua animação).

Se precisar esconder ou remover o selo, basta usar a imaginação na hora de planejar, fazer e/ou editar o vídeo…

Design: editor de imagem online

Dica do dia:
Achei muito interessante o site Photo Collage.com pois é um portal para diversos sites relacionados com edição de imagem. Você acessa para fazer montagem de fotos, mas a partir dali pode capturar a tela (inteira ou parte) de seu computador e compartilhar online, ou redimensionar/cortar uma imagem (entre outras coisas)… conectado a internet, sem ter programas instalados.

Isso nos faz pensar como o ChromeBook (laptop com o Chrome OS, o sistema operacional do Google) é o futuro a nossa disposição hoje, e como isso faz sentido.

photocollage-com

 

Recomendo.

Design: Dicas de ferramentas de design online (editores de imagem)

Muitas vezes você precisa fazer algo simples e está longe de casa, escritório ou de seu software de trabalho. Nessas horas, sites que removem marcas d’agua (textos sobre fotos) ou aumentam a resolução da imagem resolvem problemas.
Postei na seção de Design > Editores de imagem online dois novos links para os sites do Web Inpaint e Convert Town.