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

Ferramentas online gratuitas para desenho, pintura, multimídia, office e internet

laptop-tablet-smartphone-and-writing-tools_23-2147523611

Software online tem limitações, em relação ao software instalado: limitação na variedade de recursos, tamanho dos arquivos, processamento, renderização… Por isso a Adobe (Photoshop, After Effects, Illustrator) oferece software com instalação online mas que roda no computador do usuário. Mas software online tem uma vantagem insuperável: basta estar conectado a internet pra poder usar, dispensando instalar ou atualizar software.

Seguem aqui duas dicas de programas de uso geral, para design, escritório e internet, online e gratuitos.

Mais

Aplicativo para fan-page do facebook

Essa é para quem faz ou trabalha divulgação na internet: se você já possui conteúdo de divulgação na internet (sites, páginas, videos no YouTube, Twitter, Instagram) e deseja incrementar sua página no Facebook rapidamente, o WooBox chegou para ajudar.

Ele possui versão gratuita e paga, e permite na versão gratuita, além de incluir os conteúdos que citei, criar seu próprio HTML e incluir na sua fan-page do Facebook.

Segue um exemplo de como o WooBox funciona: ele cria um menus novos na sua página do Facebook.

Faça um teste, ele pode poupar tempo na sua divulgação no Facebook.

Ferramenta online para gerar assinaturas de mensagens

O site RD Station está oferecendo ferramenta gratuita para geração de assinaturas em mensagens de e-mail.

A ferramenta é bem completa,permite fazer assinatura com imagem, texto e todos os dados normalmente presentes numa assinatura de mensagem ou documento.

O resultado é fornecido em HTML, enviado para o e-mal da pessoa e ainda tem dicas de como incorporar essa assinatura no seu programa de e-mail.

Boa iniciativa do RD Station – oferecer ferramenta útil, gratuitamente, para atrair visitantes para seu negócio, e bom também para o usuário leigo, que deseja resolver problemas pontuais de trabalho.

Modelos gratuitos de páginas ou sites

Temas ou modelos são formas de construir sites ou páginas rapidamente, com qualidade profissional. Esses modelos podem ser feitos para usar em CMS (Gerenciadores de conteúdo como o WordPress ou Joomla) ou páginas HTML simples.

Segue aqui uma lista de sites que fornecem modelos de paginas HTML, responsivas (para dispositivos móveis, celulares e tablets) gratuitas.

Modelos gratuitos de páginas HTML

Colorlib.com possui links para modelos de página gratis do próprio site e sites terceiros.

Os sites a seguir possuem modelos próprios (*):
One Page Love
Start Bootstrap
Free CSS

(*) Nota: muitos modelos de site possuem a mesma base, estrutura ou framework para produzir sites com desenho ou funcionalidades diferentes.

Modelos gratuitos de sites ou blogs (para WordPress)

Sites de modelos pagos como Template Monster possuem ao menos um modelo de site ou blog profissional, gratuito.

Outros como Themeforest, fazem promoções relâmpago e oferecem download gratuito de modelos que são ali comercializados,  mas sem direito a suporte técnico nem páginas de demonstração do modelo. O equivalente a adquirir a versão gratuita de um modelo pago, mas vale a pena ficar alerta e procurar essas promoções.

O WordPress.org oferece muitos modelos de sites em versão gratuita; como o WP.org não exibe a demonstração do modelo como ele é vendido comercialmente, confira o link para a página do autor, onde a demonstração do modelo é exibida completa.

E há sites como Just Free Themes que oferecem modelos em versão gratuita.

Modelos/temas/templates pagos com versão gratuita

Esses links são de sites que vendem temas profissionais, com versão gratuita quase equivalente a versão profissional. indicado para desenvolvedores.

Theme Grill
UFO themes
MotoPress

 

Modelos de páginas HTML, WordPress e plugins, gratuitos:

ThemeFree4U: sites com prós e contras; nem todos os modelos possuem link para baixar, mas você pode baixar a página de demonstração. Muitas categorias estão vazias, mas as que possuem modelos valem uma pesquisa.

Wordpress: tema FashStore

O FashStore é um tema (modelo de site) para WordPress, com versão gratuita e paga. É um tema filho de AccessPress Store.

Seguem algumas pequenas dicas que não substituem a documentação do tema, mas agilizam a vida de quem quer conhecer o tema mais rapidamente.

A instalação das páginas de demonstração é online, via servidores de internet, e é um processo demorado.
Se cancelar o processo antes de terminar, seu Worpdress não funcionará mais.

Assim sendo,

  • após instalar o WordPress e o tema FashStore, faça um backup do WordPress+ banco de dados com o plugin/programa de backup preferido (eu recomendo o Duplicator).
  • se a instalação dos modelos de página demorar muito, pode ser que os modelos de página já tenham sido instalados sem exibir a mensagem de conclusão;
    se isso correr, abra outra janela do navegador com seu site e verifique se as páginas de demosntração da Home está ativa. Se estiver, feche a janela de instalação da demonstração e use seu WordPress normalmente.

Para personalizar elementos de página vá em:

Cor de elementos de página (cor de textos, blocos de página, etc):
dashboard/painel de controle > appereance/aparência > customize/personalizar > CSS Adicional (não use Custom CSS Section)

Slide-Show de imagens:
dashboard/painel de controle > appereance/aparência > customize/personalizar >Main banner settings

Imagem de fundo da página:
dashboard/painel de controle > appereance/aparência > customize/personalizar > General Settings > imagem de fundo

Links relacionados:

Fashstore no WordPress.org

Página do tema:

Documentação online:

Demonstração:

Clipes de vídeo gratuitos para baixar

Segue uma listagem de sites que oferecem clipes de vídeo para baixar gratuitamente, ordenados por categorias, além de outros itens audiovisuais (desenhos, áudios, fotos):

Videezy:  clipes de video em alta qualidade (4K) e fotos diversas.

Videvo: clipes de vídeo variados; exibe previsualização rápida. Devido a variedade e qualidade estética, muitos videos oferecem chance de capturar imagens para layouts diversos.

Pexels: site de imagens, também oferece banco de vídeos gratuitos para download; conteúdo do tipo “alternativo”.

Pond 5: única exceção da lista, site de conteúdo pago, com versão em português, oferece clipes de video, áudios, fotos, etc. Vale a indicação pela qualidade.

Imagem: Freepik.com

Entradas Mais Antigas Anteriores Próxima Entradas mais recentes