Cidadeverde.com
Tecnologia, Educação e Marketing Digital

Seis técnicas de como implementar qualquer fonte no seu site

14/08/10, 13:57

Voltando a ativa no blog, vou dá uma dica de 6 formas diferentes de colocar qualquer fonte na sua página. 

Dica 1 - FIR - Fahner Image Replacement
A técnica que usa a imagem de fundo do CSS (background-image) para substituir o texto em páginas web. Ao esconder o texto real usando display: none e visibility: hidden, e sobrepondo uma imagem, você pode usar quaisquer fontes em seus títulos. A desvantagem desta técnica é que ela vai exigir um monte de CSS junto com imagens personalizadas para substituir e também não segue padrão de acessibilidade, mas isto é uma outra história.

HTML

Masavio Multimedia


CSS
h1#welcome
{
width: 400px;
height: 32px;
background: #fff url(masavio.gif) top left no repeat;
}

#welcome span
{
display: none;
}

Dica 2 - Facelift Image Replacement (FLIR)

O método usa PHP com a biblioteca GD para converter seu texto em imagens com fontes atualizadas. A imagem é então enviada de volta para seu navegador usando JavaScript. O CSS pode ser usado para promover o estilo de texto.
 Download - Para baixar os arquivo necessários, clique aqui

Dica 3 - Scalable Inman Flash Replacement (sIFR)
É semelhante à técnica FLIR, com o detalhe de que ela usa Flash em vez de PHP para processar texto HTML usando arquivos de fontes já armazenadas no servidor web. A sIFR requer algum conhecimento de Flash e JavaScript. 

Para saber como aplicar no seu site, clique aqui

Dica 4 - Cufon
Cufon é uma técnica de substituição de fonte que usa JavaScript e vetores gráficos. Para começar, é preciso usar um mecanismo de renderização para converter o arquivo fonte em uma forma vetorial. Uma vez convertido, você pode simplesmente chamar a função de renderização do JavaScript para substituir a sua tipografia no site. As vantagens do Cufon sobre outros métodos são a velocidade, facilidade de uso e compatibilidade com a maioria dos principais navegadores.

Para saber como implementar, clique aqui

Dica 5 - CSS3 @ font-face
A técnica consiste em especificar um link para uma fonte personalizada, que por sua vez, é baixada e instalada pelo navegador quando a página é processada. O problema, porém, é que os navegadores dão suporte a fontes de forma diferente, e isso implica em converter a fonte em vários formatos.

Veja links que tratam da implementação da técnica.

Dica 6 - Google WebFont API
O Google WebFont API usa CSS3's @ font-face para adicionar fontes para o seu site. Atualmente limitada a apenas 18 famílias diferentes de fonte, o Google WebFont API fornece a aplicação mais fácil para tipografia personalizada. Tudo que você precisa fazer é simplesmente fazer um link para seu estilo e, em seguida, chamar a fonte em um estilo CSS. A grande vantagem é que usando o estilo a partir do Google você economiza em banda e melhora a velocidade de carregamento da página.

ex:

Teste as fontes do google

Guia de uso

Um debate para marcar época e entrar para a história

10/08/10, 14:25

Estou feliz em ter feito parte da equipe que realizou a transmissão do primeiro debate da internet brasileira entre candidatos ao governo. Um marco que entra para a história da web e que mostra mais uma vez a ousadia do Grupo Cidade Verde e de seu Presidente, Jesus Filho.

Observando de fora parece simples: Um streaming, um player e um sinal. Mas só quem está dentro sabe das dificuldades de planejamento para se chegar a um resultado tão positivo.
E quando falo planejamento não é só tecnológico. É também de produção, jornalismo e técnica operacional.

Ser pioneiro não é fácil. Você dá a cara para apanhar. Inova, mas por outro lado erra. A diferença é que tentando, se aprende mais rápido. Este foi o desafio, e graças a Deus, alcançamos. 

Parabéns a todos!

Pacotão de Dicas de Tecnologia

03/07/10, 07:41

Emails Temporários
Você está sempre fazendo cadastros na web mas não gosta de divulgar sua conta com medo de receber Spams? Use o serviço do Tempalias

Copiar sem ser notado
Sabe aqueles espiões de filmes de ação que roubam dados de computador sem deixar rastros? Pois é, existem ferramentas que fazem este serviço. Uma delas é o USB Grabber, que coleta dados da máquina sem deixar vestígios. Faça o download da aplicação e transfira para seu pendrive.Abra, configure os parâmetros que pretende utilizar e depois é só usar na máquina que deverá ter os dados copiados. Clique e acesse.

Limpeza de Disco
Para acabar com desperdício de espaço de disco e fazer aquela varredura geral com um software gratuito, use o DiscCleaner. Baixe aqui

Formatação de Pen Drive

O Brasil deve ter mais celulares que habitantes em outubro de 2010

21/06/10, 14:29

Faltam menos de 10 milhões de celulares para que o Brasil tenha mais celulares que habitantes. O total de celulares no mês de maio de 2010 era de 183,7 milhões (Dados preliminares da Anatel) e a população de 193 milhões (IBGE).

 As projeções do Teleco indicam que isto deve acontecer em outubro deste ano.

 

 Para que isto ocorra basta que as adições líquidas dos próximos 4 meses sejam iguais às de 2009. Até maio, as adições líquidas mensais de 2010 superaram 2009 em todos os meses.

 

 
As adições líquidas de janeiro a maio de 2010 somam 9,7 milhões contra 6,9 milhões em igual período de 2009.

O Brasil deve passar a fazer parte, então, do grupo de 76 países que em 2009 já haviam ultrapassado esta marca.



Entre estes 76 países, 21 são da América Latina e Caribe:

    * Equador, Uruguai e Argentina na América do Sul;
    * Honduras, El Salvador, Guatemala e Panamá na América Central;
    * Jamaica e mais 13 ilhas do Caribe.

No Brasil, 24 áreas locais (mais detalhes) e 6 Unidades da Federação (Distrito Federal, São Paulo, Mato Grosso do Sul, Rio de Janeiro e Rio Grande do Sul) já haviam ultrapassado esta marca em Abr/10.

Ao contrário do que se poderia esperar, a experiência internacional tem mostrado que possuir mais celulares que habitantes não implica, necessariamente, em baixo crescimento. Existem países, como a Estônia e os Emirados Árabes, onde já existem mais de 2 celulares por habitante. Isto acontece principalmente em países onde existem estímulos para a posse de mais de um celular (ou chip).

Os preços mais baratos para chamadas entre celulares da mesma operadora estimulam a posse de mais de 1 chip. Pesquisa realizada pela Teleco em maio de 2010, nas cidades de São Paulo, Rio de Janeiro e Porto Alegre, indicou que 12% dos usuários de celulares nestas cidades possuíam mais de 1 chip (SIM Card).

Um outro fator são os terminais de dados utilizados para acesso a Internet e aplicação "Machine to Machine". Entre os celulares existentes no Brasil em Abr/10, 5,2 milhões eram terminais de dados, sendo 3,3 milhões 3G.

Fonte: teleco

Seis ferramentas gratuitas de auditoria de segurança em PHP

18/06/10, 09:11

O objetivo do phpSecInfo é fornecer um equivalente a função phpinfo () com os relatórios de informações de segurança sobre o ambiente PHP. Além disso, oferece sugestões de melhoria para determinadas diretivas de configuração. Ele é apenas uma ferramenta de informação e não gera qualquer tipo de código ou aplicação de auditoria.

Cross-site scripting (XSS) e injeção de SQL são vulnerabilidades que estão presentes em muitas aplicações web. O Pixy é um programa Java que realiza varreduras automáticas do código PHP visando a detecção de XSS e vulnerabilidades de injeção SQL. Pixy cria um relatório que lista os possíveis pontos vulneráveis no programa, juntamente com informações adicionais para a compreensão da vulnerabilidade.

Spike é uma ferramenta de auditoria de segurança PHP open source que executa uma análise do código PHP para exploits de segurança comum. Depois de carregar e executar o arquivo, o Spike gera um relatório de análise de código fonte em HTML sobre erros, alertas ou falhas de segurança possível.

Suhosin é um sistema avançado de proteção para instalações PHP. Ele foi projetado para proteger servidores e usuários das falhas conhecidas e desconhecidas em aplicações PHP. Suhosin funciona em duas partes independentes, que podem ser utilizadas separadamente ou em combinação. A primeira parte implementa proteções de baixo nível contra bufferoverflows ou vulnerabilidades em forma de string. A segunda parte é mais robusta e implementa todas as demais proteções.

O HPIDS (PHP-Intrusion Detection System)  reconhece quando um invasor tenta modificar o código do seu site e reage exatamente da maneira que você desejar. O Sistema é baseado em um conjunto de  regras de filtragem.

ModSecurity é um firewall que fornece proteção contra uma série de ataques contra aplicações web e permite a monitorização do tráfego HTTP, registro e análise em tempo real. É também um projeto open source que visa tornar a tecnologia de firewall de aplicação web disponível para todos.

Posts anteriores