Webdesign, código: Dica de formulário de contato em PHP (gratuito e pago)

Se sua hospedagem de site, na verdade, vende serviço de infra-estrutura de internet e não oferece formulário de contato para seu site ou seu plano de hospedagem não contempla esse serviço, eis uma dica útil, para designers ou desenvolvedores.

  • Com versão gratuita (estrutura em HTML e código PHP) e paga (código PHP e design).
  • Com crítica de campos pronta, em PHP também.
  • Personalizável.
  • Funciona na maioria das hospedagem de sites com PHP

#ValeAdica: Free Contact Form

Anúncios

ícones gratuitos online

icons_freepink

Sites para quem procura ícones gratuitos, para seus projetos de design:

The Noun Project.com: site de ícones em alto-contraste.

veryicon.com: site de ícones organizado a partir de busca por palavra-chave; permite enviar ícones para o site

iconspedia

Identificadores de fontes online

Segue relação de sites que podem ajudar a identificar fontes, quando você tem o desenho da fonte mas não sabe o nome para procurar e baixar ou adquirir.

Apesar dessa não ser uma ciência exata, pode valer a tentativa antes de vetorizar o seu exemplo de fonte, para utilizar no trabalho.

MyFonts.com / WhatTheFont
Possui aplicativo móvel, versão desktop/de mesa, e fórum (basta se cadastrar) para você postar a imagem de sua fonte e a comunidade tentar responder.

Identifont
Antigo site com um assistente/wizard que tenta descobrir a sua fonte através de perguntas e respostas visuais. Você ainda pode procurar por nome, similaridade, icone, ou autor.

Bowfin Print Works
Possui um assistente de identificação de fontes, como o Identifont.

FontShop
Oferece uma interface onde você digita seu texto (o que facilita a identificação correta) e você busca por nome ou categorias de fontes pré-definidas.

Flikr Grupo Fonts in use
Este grupo permite você postar a imagem da fonte que possui e a comunidade tenta lhe responder qual é a fonte. Basta ter cadastro no Yahoo.

Flickr grupo TypeID
Outro grupo do Flickr, com comunidade que ajuda na identificação da fonte, a partir de imagem.

detetive

Ferramentas de blog simples

Quem precisa acrescentar um blog em seu site em HTML ou criar um blog sem banco de dados (o paraíso pra quem quer fazer backup/cópia de segurança de informações não-sigilosas)?

Seguem links úteis de ferramentas gratuitas para essa empreitada:

HTMLY

Jekill

Microblog de Thiago Furlan  (framework/estrutura para desenvolvedores)

Lista com outros CMS desta mesma linha

 

blog-simples

Conversor de fontes online

Quem precisa fazer sites com fontes de texto personalizadas (e que não estejam no Google Fonts ou Adobe TypeKit) pode usar dois sites que geram o CSS/folha de estilo necessário, além de gerar/converter suas fontes existentes nos formatos TTF, OTF, WOFF, WOFF2 ou SVG.

Font Squirrel

Transfonter

conversor-fontes-online

 

Desenvolvedor web Developer: conversor de imagem base 64

base64-image-logo-3eb23a9eef

Essa dica vale pra quem desenvolve ou publica conteúdo na internet: o site base 64 converte imagens em formato base 64 (aqueles caracteres que aparecem no código de algumas páginas web e e-mails, no lugar das imagens).

Exemplo:

<img src=”data:image/jpeg;base64,/9j/4RiDRXhpZgAATU0AKgA…” width=”100″ height=”50″ alt=”base64 test”>

Essa conversão tem diversas utilidades, entre elas o fato de que:

  • texto carrega mais rápido que imagens e
  • imagem em formato de texto em e-mails evita que as imagens sejam bloqueadas na leitura (embora sejam analisadas por anti-virus).

Conseguindo fazer a conversão em imagens ou paginas pequenas (até 14 kb, tamanho dos pacotes/pedaços de dados transmitidos vía internet) isso agiliza o carregamento das páginas.

Enfim, #FicaAdica.

BEM: metodologia para escrever CSS

Essa dica serve tanto pra quem escreve código como para desenvolvedores, mas é pra webdesign.

Se você sempre teve dúvidas sobre qual a melhor maneira de criar código CSS em projetos complexos (como fazer código auto-explicativo – aquela classe é utilizada onde, pra modificar quem/o que?) criaram a solução: se chama BEM (Bloco, Elemento, Modificador) e pode ser lida neste link.

Não tem código pra baixar, nada pra instalar, só ler, mas tem de ter experiência sólida com CSS antes.

#ValeUmaLida #FicaAdica

Entradas Mais Antigas Anteriores