4 Aplicativos gratuitos para gravar screencast com áudio »

05jul 2010, às 13:00

Publicado em Ferramentas | Deixe o seu comentário (1) »

publicado por: Magno Valdetaro

Fonte: techpp

As vezes explicar algo com apenas texto puro não é o suficiente. Tutorias em vídeos são sempre bem vindos e mais instrutivos na maioria das vezes. Screencasts aceleram a compreensão do conteúdo de forma mais exata, facilitando o aprendizado. Em situações onde é necessário explicar diversos pontos chaves e detalhes da instrução, escrever um bom texto e utilizar diversas imagens pode tornar o processo trabalhoso e confuso, é nestes caso que um software de gravação vídeo entra em jogo. Há muitos softwares de gravação de tela no mercado, mas poucos são gratuitos e oferecem boa qualidade. Sendo assim segue a lista de5 aplicativos gratuitos para gravar tela e fazer seus tutoriais e screencasts.

UltraVNC screen Recorder

UltraVNC screen Recorder te oferece a opção de gravar telas em uma resolução de 1280x1240 com 15fps. Com possibilidade de gravar áudio em conjunto a gravação, oferecendo ainda as opções de gravar em tela cheia ou área fixa selecionada. O arquivo de saída é no formato .AVI.

Jing

Jing é um aplicativo de gravação de tela com interface interativa disponível para Mac OS X e Windows. Oferece gravação da tela junto com áudio. Ele também pode fazer capturas de tela de uma área selecionada e grava vídeos no formato .SWF. Você pode gravar e salvar direto no seu computador ou publicá-los diretamente no screencast.com e compartilhar com o Twitter, Facebook, Flickr entre outros. As gravações podem ser salvas e, mpeg4 somente na versão professional.

Cam Studio

CamStudio é um aplicativo de código aberto para Windows, que também permite gravação de áudio com a gravação de tela podendo salvar as gravações no formato .AVI, ou se preferir no formato .SWF. Contém todas as funcionalidades básicas do UltraVNC, mais a possibilidade de adicionar notas às gravações.

TipCam

TipCam realiza gravações de tal com áudio e oferece recursos adicionais como: substituir a trilha sonora dos vídeos, trimming de inicio e fim do vídeo  e zoom do cursor durante a gravação. Se você tiver uma conta no Youtube, você pode enviar as gravações direto para ela. Você também pode personalizar as configurações, tais como o nível de zoom, gravação de resolução. O formato de saída da gravação pode ser em .AVI ou. FLV.

A escolha agora fica em suas mãos! não esqueça de deixar sua opinião!

Cacoo – Ferramenta online para wireframes »

26mai 2010, às 09:00

Publicado em Ferramentas | Deixe o seu comentário (1) »

publicado por: Magno Valdetaro

Já comente aqui antes sobre o HotGloo uma excelente ferramenta online para criação de wireframes diagramas, organogramas e todos os gramas que possa imaginar. Porém o tempo passou o HotGloo deixou de ser gratuito e assim sendo saiu um pouco da proposta deste blog, que é de divulgar em sua maioria ferramentas e recursos online gratuitos, assim colaborando com o aprendizado e desenvolvimento daqueles que por aqui passam, principalmente os que estão iniciando nesta humilde vida de desenvolvedor e projetista para web.

Seguindo o enterro apresento o Cacoo uma ferramenta online que cumpre o mesmo papel do HotGloo, mas que se mantém ainda gratuita com destaque para trabalho colaborativo em real-time.

Confira alguns recursos da Cacoo:

Drag Drop

Escolha que tipo de objeto pré-definido que quer inserir, clique e arraste para o stage e pronto! Isso acelera muito o processo de criação de grande diagramas se quiser ainda tem a opção de inserir conectores inteligentes que se arranjam junto ao deslocamento dos itens conectados.

Colaboração em tempo real

Cacoo da suporte ao trabalho colaborativo em tempo real. Isto é, vários usuários podem editar um único diagrama ao mesmo tempo, é como se todos estivessem juntos na mesma sala rabiscando a mesma folha de papel.

Compartilhamento

Um documento criado no Cacoo pode ser facilmente compartilhado com sua equipe ou cliente por meio de um link e ainda oferece a opção de receber comentários.

Crie Wireframes facilmente

Este é o ponto mais importante desta ferramenta para mim. Cacco é uma ferramenta eficaz para criação de wireframes para aplicações web, blog, sites, wikis e outros.

Configurações de background e sheets

Cacoo se utiliza de um conceito de planilhas (sheets) como no Excel, um diagrama pode ter diversas planilhas. Você pode criar uma planilha base para se utilizada de background em outras, o que ajuda muito no processo de criação de wireframes ou mockups.

Assista ao vídeo de apresentação da Cacco:

Fora estes destaques devo citar que Cacoo também permite que você salve seus projetos em pastas, exporte seu diagrama para PNG, faz um screenshot da sua tela, permite upload de imagem e por aí vai!

E é isso, visite Cacoo, cadastre-se teste a ferramenta e me diga o que achou, ok?

Help Desk Open Source »

20abr 2010, às 09:25

Publicado em Ferramentas Recursos | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

Você tem um produto ou serviço de qualidade, mas acaba de perceber que precisa dar suporte às demandas. Que tal fazer isso online e de forma gratuita?

Help Center Live é um open-source, de chat ao vivo e suporte de sistema. Você pode facilmente dar suporte ao vivo em seu site assim como as grandes empresas fazem, e isso com muito pouco trabalho.

Com Help Center Live, você pode fornecer um atendimento real-time e ampliar a experiência de vendas pessoa a pessoa.

Veja o demonstrativo.

Download Help Center Live!

Como instalar (em inglês)

Lista de ferramentas muito úteis para desenvolvedores CSS3 »

13abr 2010, às 09:38

Publicado em Ajax/Javascript/Jquery CSS3 Ferramentas HTML / CSS | Deixe o seu comentário (2) »

publicado por: Magno Valdetaro

De um modo geral, CSS é muito fácil de se entender e aprender. Mas quando os fabricantes de navegadores começaram a implementar recursos da CSS3, as coisas tornaram-se pouco complicadas. Devido principalmente por dois motivos: primeiro, muitas das novas propriedades CSS3 (por exemplo, a transition, gradient e transform) não são tão simples, e por este motivo, temos de usar extensões específicas de cada navegador.

Até o momento nossos melhores amigo são os geradores de CSS3, as cheat sheets, os guias de referência e as soluções em Java script.

Veja agora a lista de ferramentas úteis para desenvolvedores CSS3:

Geradores

CSS3 Please!

A primeira da lista é a CSS Please ferramenta usada para gerar de regras CSS3, suporta: border-radius, caixa-sombra, o gradiente linear), cores RGBA (, de transformação (rotação), a transição e @ font-face.

CSS3 Generator

Já comentado aqui no blog CSS3 Generator, suporta: border radius, box shadow, text shadow, RGBA, @font-face, multiple columns, box resize, box sizing and outline.

CSS3 Sandbox

Mais um gerador CSS3 para Linear Gradientes ,Gradientes radiais , Texto Shadows , Box Shadows , Transforma eStroke texto.

@ Font-face Generator

Quer utilizar fontes não padrão no seu website, o @Font-face Generator te ajuda na tarefa de gerar regra da propriedade @font-face.

CSS3 Gradiente Generator

Gere gradientes linear com CSS3 com ajuda do CSS3 Gradiente Generator

CSS Border Radius

Gera a propriedade borde-radius para o Mozilla, Webkit e a sintaxe padrão.

Webkit CSS3 Generator

Simples gerador CSS que ajuda você a entender as capacidades da CSS3 introduzidas pelo WebKit.

CSS3 Learning Tool

Ferramenta dinâmica que verificar se a propriedade é suportada pelo navegador em uso e aplica o prefixo para este.

Soluções em JavaScript

Modernizr

Uma excelente biblioteca Java script que detecta a disponibilidade de funcionalidades nativas HTML5/CSS3 e oferece uma maneira de manter o controle sobre seu site, independente das capacidades do navegador. Se gostar do mootools, você pode usar o MooModernizr.

CSS3 pseudo-class Selector Emulation

Permite o uso de pseudo-classe no internet explores. Basta incluir o script em suas páginas e começar a utilizar esses seletores em sua folha de estilo.

CSS3 support for Internet Explorer 6, 7, and 8

IE-CSS3 é um script que oferece suporte a CSS3 para os navegadores Internet Explorer, vários dos estilos populares estão disponíveis.

ie7-js

Mais uma biblioteca para fazer o Internet explorer se comportar como um browser compatível com as normas.

Sizzle - Seletor JavaScript Library

Sizzle suporte praticamente todos os seletores CSS3  -  isso inclui até mesmo alguns raramente usados.

Se achou este post útil não deixe de comentar ou repassar para amigos.

Como preparar seu site para o Apple iPad »

09abr 2010, às 07:29

Publicado em Ferramentas HTML / CSS Internet Tecnologia | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

O Safari no iPad é capaz de proporcionar uma muito linear a do Desktop. Com o motor WebKit, uma tela de 9.7 polegadas e conectividade a Internet é certo que seu site bem montado funcionará bem e ainda permiti criar novos toques, proporcionando uma experiência unica para seus clientes e visitantes que usam esta plataforma, considerando apenas algumas diferenças específicas entre outras plataformas e o Ipad.

Caso não tenha acesso a um Ipad você pode testar seu site usando o iPhone Simulator (Hardware -> Device - IPad>) que está disponível do IPhone OS 3.2.2 SDK beta (necessário cadastro). Com o simulador em mãos basta seguir as instruções das na nota técnica TN2262: Preparando o conteúdo da Web para o iPad (em inglês).

Veja um vídeo do iPhone simulator em uso:

Não deixe de me contar o que achou desta dica.

HotGloo – Crie seu wireframe online »

29nov 2009, às 07:26

Publicado em Ferramentas | Deixe o seu comentário (2) »

publicado por: Magno Valdetaro

HotGloo é uma interessante aplicação online para criação de wireframe. Com ajuda de elementos pré produzidos, você pode um wireframe completo. Para isso basta arrastar e soltar, redimensionar, linkar, nomear os elementos – muito simples, fácil e super intuitivo.

HotGloo ainda pode ajudar com o gerenciamento de seus projetos. É possível editar, comentar e compartilhar a qualquer momento do processo de desenvolvimento o que está sendo produzido com seus colegas de trabalho e clientes. Também há a possibilidade de adicionar editores e revisores de seus projetos em poucos passos.

HotGloo é livre durante a fase de beta de testes. No entanto, eles estão pensando em um modelo de preço razoável mensal após o fim da fase de testes.

Experimente e me conte o que achou do HotGloo.

5 Sites para redimensionar e recortar imagens em 3 passos! »

23nov 2009, às 18:17

Publicado em Ferramentas | Deixe o seu comentário (2) »

publicado por: Magno Valdetaro

Espero que os web designers gostem desta lista, mas se você trabalha em escritório, é um gerente , um supervisor, estudante ou um usuário  doméstico essas 5 ferramentas online podem ser bem uteis na hora de recortar ou redimensionar uma imagem e isso em apenas 3 simples etapas.

Cut My Pic

Um site extremamente útil e simples para cortar imagens com a possibilidade de adicionar sombras projetadas em apenas 3 simples etapas.

rsizr

Este é o mais rápido e simples redimensionador de imagem que já vi.

Resize Your Image

Mais um site para redimensionar, recortar, girar sua imagem de maneira muito simples e rápida.

Pixenate

Pixenate é um simples editor de imagens online que permite a você imprimir e compartilhar suas fotos através do Flickr.

Quick Thumbnail

Quick Thumbnail permite redimensionar suas imagens e fotos de maneira muito rápida. Você só precisa selecionar algumas opções e pronto! Fora que você pode produzir imagens de tamanhos diferentes simultaneamente, inclusive amplia-las.

Crie Widgets, Facebook app e Orkut app! »

04nov 2009, às 19:07

Publicado em Ferramentas | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

Zembly é um ambiente online desenvolvido pela Sun Microsystems que permite criar aplicações para o Facebook, Meebo, OpenSocial, aplicações web para iPhone e diversos outras plataformas sociais.

Extensões que não podem faltar no seu Dreamweaver »

20set 2009, às 13:21

Publicado em Dreamweaver Ferramentas | Deixe o seu comentário (5) »

publicado por: Magno Valdetaro

Todo mundo já ouviu o velho clichê: “Tempo é dinheiro!” ou “ Money é good nós no have!”. OK, este segundo foi apenas uma lembrança dos Mamonas Assassinas.

Então, se tempo é dinheiro que tal aceleramos um pouco o desenvolvimento de sites e aplicativos no Adobe Dreamweaver, o editor mais conhecido e utilizado para desenvolvimento web. Abaixo uma pequena lista de extensões para Dreamweaver que vai acelerar sua vida e economizar seus dedos. Espero que gostem!

5 Ferramentas online para criar uma versão móvel do seu site ou blog. »

13set 2009, às 14:20

Publicado em Ferramentas | Deixe o seu comentário (2) »

publicado por: Magno Valdetaro

Você sabe o que são mobile sites (sites móveis)? Mobile sites são mini-websites, ou versões resumidas/adaptadas do seu site ou blog para serem acessados em celulares.