Post Destacado

Avaliação negativa: ahospedagem.com.br

Em 2020/2021 tive a péssima experiência de contratar o suposto serviço de hospedagem de sites na internet, deste site.
Logo de cara quando solicitei suporte técnico recebi links para sites concorrentes, pra poder tirar minhas dúvidas (eu deveria ter entendido a indireta e logo migrado para esses sites).

Como sempre contrato hospedagens de site primeiro para mim, como teste, antes de hospedar sites de clientes, deixei passar esse fato, pois acabei resolvendo o problema.

A gota d’água

Em 2021 o meu site mudou de servidor e, ao contrário do que alega a ahospedagem.com.br, sem aviso prévio. Só fiquei sabendo do fato quando tentei acessar a administração do meu site e descobri que a URL/endereço dela na intenet havia mudado.
Aí surgiu o problema: no servidor anterior havia configurado o redirecionamento de mensagens enviadas pro meu site para meu e-mail pessoal, fora da minha hospedagem de site.
Ao fazer essa migração de servidor, o site ahospedagem.combr não refez esse redirecionamento e as mensagens ficaram armazenadas no servidor. Descobri o fato quando acessei minha conta de e-mail no servidor e vi mensagens que não me foram entregues, de clientes em potencial, que não me foram entregues.

Nesse momento migrei meu site para outra empresa.
Ahospedagem.com.br fez o deposito do saldo não utilizado de forma incorreta para que o deposito voltasse, embora tenha enviado os dados corretos na segunda tentativa.

Conclusão

Assim sendo, posto aqui o resumo de minha péssima experiência com esse site, para que outras pessoas não caiam no erro de contratar serviços com eles e tenham prejuízos semelhantes.

O site ahospedagem.com.br é onde o seu propietario se esconde, estando em hallakdesign.com.br.

Apesar de muitos dados dele serem públicos, em alguns lugares ele solicitou privacidade, uma forma de não ser encontrado:

Avaliação: negativa

WordPress para design não-responsivo

WordPress para design não-responsivo

Segue uma dica pra quem quer editar ou fazer temas responsivos e não-responsivos, já que editar temas ou modelos de sites prontos é tão ou mais trabalhoso do que fazer um tema novo.

Hoje em dia é raro mas ainda existem páginas web não-responsivas, ou seja, que não se adaptam automaticamente à tela do computador ou equipamento do leitor.

O WordPress ainda possui temas não-responsivos como o Twenty Ten, que, para quem não sabe, são os temas-padrão do WordPress e que são atualizados ao longo do tempo (hoje o Twenty ten já se chama Twenty Twenty).

Basicamente o tema Twenty-Ten não é responsivo por causa da imagem de topo ou cabeçalho que não é responsivo, de largura fixa, fazendo a página não se adaptar à largura da tela.

Enfim, fica a dica para quem faz design pra web e precisa tanto tornar uma página responsiva como não-responsiva.

Editores de vídeo que fazem Chroma Key

Editores de vídeo que fazem Chroma Key

Seguem algumas indicações de editores de vídeo que fazem Chroma Key, ou numa tradução aproximada, mascaramento pra subsituir o fundo de imagens de vídeo, por outras imagens ou vídeos.

As sugestões são alternativas ao Adobe Premiere, After Effects ou Sony Vegas, sendo programas com versão gratuita ou gratuitos. Deixo exemplos comentados do resultado obtido pra efeito de comparação.

Continuar lendo “Editores de vídeo que fazem Chroma Key” →

Dicas de (web) design: como fazer link pra telefone

Seguem duas dicas pra gerar link de telefone em sua página web:

1. Link em HTML

+55 (21) 1234-5678

Código detalhado

<a href=”tel:+5502112345678″>+55 (21) 1234-5678</a>

Código CSS:

<style>
a[href^=”tel:”]:before {
content: “\260E”;
margin-right: 0.5em;
}
</style>

Com o seletor a[href^=”tel:”] você informa ao navegador para localizar todos os links cujo atributo href se inicie com a string tel:.

Antes do link propriamente dito, aparecerá um pequeno ícone em forma de telefone.

O before instrui o navegador a colocar conteúdo antes do elemento.
Neste caso, ele irá exibir o caractere unicode \260E, que é o ícone de um telefone.
Especifica uma margem (margin-right) entre ele e o link propriamente dito também.

Fonte: Codigo Fonte

2. Ferramenta online:

Criar Meu Link (para telefone, Telegram, WhatsApp, SMS e e-mail).
Cria um QR Code pra página da ferramenta, com o link de telefone, mas o codigo HTML desta página contem o link propriamente dito.

Pili App fornece um código propietário (funciona a partir do site) de link de e-mail personalizado, com opção de copiar o link através de botão.

Unindo linhas no Fireworks 8

Unindo linhas no Fireworks 8

O (descontinuado) programa Fireworks é um favorito meu pois é um misto de desenho vetorial com editor de bitmap; ou seja: um Corel Draw com Corel Photo-Paint (ou Photoshop com Illustrator).

Mas o programa tem limitações, principalmente em versões antigas (ex.: versão 8, da antiga Macromedia): não une linhas soltas adequadamente.

Seguem algumas dicas a respeito:

Continuar lendo “Unindo linhas no Fireworks 8” →
Guia dos wireframes e fluxogramas

Guia dos wireframes e fluxogramas

Imagem: smartdraw.com

Segue aqui relação de sites que oferecem ferramentas de wireframe online, gratuitos; são recursos básicos (wireframe.cc), fáceis de usar (Frame box) ou semi-elaborados (MockFlow) que não permitem salvar o wireframe na versão gratuita, mas você pode capturar a imagem dele para ilustrar seu pensamento, e compartilhar idéia com terceiros.

Já o Google Drawings (aplicativo online do Google para fazer desenhos) permite fazer. salvar e reutilizar o “desenho estrutural” de sua página web, embora não seja uma ferramenta “de wireframe”.

Existem soluções de código aberto, para download, como o Pencil Project (útil para trabalho desconectado da internet); e também soluções voltadas para prototipagem para celulares (Iphone Mock Up).

Outros links:
Iplotz (possui demo online),
JumpChart,  
Gliffy,
InVision (sistema completo de wireframe, com navegação, comentário e revisão de versões),
MockingBird (aplicação gratuita e que pode ser utilizada sem registro, como o Frame Box),
Cacoo,
Draw.io ou Diagrams.net.

Figma é uma outra ferramenta muito usada, com versão online e desktop.
Pra quem procura tutorial simples do Figma, este do link ao lado é fácil de entender e é em modo texto (não é vídeo caseiro nem live de 5 horas do YouTube).

Outros links relacionados:

Site Alternative To
Lista com 8 alternativas ao Figma
Lista com 25 alternativas ao Figma

Wireframes com InDesign

Ferramenta online e gratuita para geração de contrato de serviço

Ferramenta online e gratuita para geração de contrato de serviço

Apesar de achar que contrato de serviço é algo semelhante a proposta e relatório, no sentido de ser algo que deve ser 100% ajustado à empresa ou profissional (plano de negócio, políticas de trabalho), posto aqui um link de página que ajuda a gerar um relatório de serviços do tipo jurídico, ou seja: com várias páginas e termos/expressões jurídicas.

O site Contabilizei oferece uma boa ferramenta, na medida em que agiliza a produção de um contrato, bastando apenas ter os dados do contratante e contratado.
Acesse neste link a ferramenta online e gratuita para gerar contrato de serviço.

Editores de fotos ou imagens para celulares

Editores de fotos ou imagens para celulares

Tem certas fotos de celular que você tira pra registrar ou repassar uma informação, mas não ficam boas pra apresentar a um cliente, por exemplo: um documento, um desenho, uma tela de computador… Na falta de um escanner ou iluminação correta, você pode usar esses programas para melhorar a foto e poder enviar com um mínimo de qualidade.

Seguem exemplos de desenhos (esboços) editados com alguns programas de celular e comentários sobre esses programas:

(Imagem: Freepik/macrovector)

Continuar lendo “Editores de fotos ou imagens para celulares” →