Édipo Costa Rebouças – Desenvolvedor Web

O @font-face e a declaração standard no CSS para importação de fontes, se você esta cansado de usar image replacement, veja que já é possivel usar font-face para a grande maioria dos browsers incluindo o Internet Explorer 4 para fontes TrueType, isso mesmo, Internet Explorer 4.

Nos browsers mais modernos(Excluindo o IE8), você consegue importar fontes com seus arquivos originais, para o Interner Explorer você precisa transformar para o padrão eot(Embedded OpenType):

exemplo de font-face:

@font-face{
font-family: "Arial Rondend";
font-style: normal;
font-weight: bold;
src: url("../fonts/arial_rounded_mt_bold.eot");
}
@font-face{
font-family: "Arial Rondend";
font-style: normal;
font-weight: bold;
src: url("../fonts/arial_rounded_mt_bold.ttf") format("truetype");
}

Primeiro você coloca o código para o Internet Explorer, depois você coloca para os outros browsers.

Como transformar uma fonte TrueType para o padrão eot(Embedded OpenType)

Use o software ttf2eot, com ele é muito simples fazer as conversões, a Microsoft disponibiliza um software para isso, que pelo menos aqui no meu serviço, com Windows XP SP3 eu não consegui rodar adequadamente, caso se interessem: WEFT.

Cuidado no uso das fontes, pois muitas são pagas e para usá-las dessa maneira, tem que pagar por um tipo de licensa especial, procure usar fontes gratuitas com esse método.

Esta técnica esta em uso em http://www.winnerkids.com.br

Édipo Costa Rebouças: XHTML + CSS + JavaScript + Ajax + PHP
Fabio Fugikawa: Design

Édipo Costa Rebouças : XHTML + CSS + JavaScript + PHP
Kan Ishigami: Design

Ontem meu chefe resolveu dar dois cliques numa thumb com o lightbox do balupton e travou a página no Firefox.
Fiz uma correção no lightbox e vou compartilhar com vocês:
jquery.lightbox.js
Versão 1.3.7-final

Linha 992:

// Hide lightbox
$('#lightbox').stop(true,true).hide();
$('#lightbox-overlay').stop().fadeOut(function() { $('#lightbox-overlay').hide(); });


Meu primeiro trabalho usando a técnica de “Image Replacement“, para tal fim usei o Facelift.

Édipo Costa Rebouças: (X)HTML, CSS, JQuery, Ajax, WordPress, PHP, MySQL.
Web by Citrus7

Depois de muito trabalho, esta no ar o site do fotógrafo e diretor de arte Gabriel Matarazzo, o site é basicamente um player de fotos em Javascript e PHP.

Um dos pontos que tornou o projeto complicado foi a escolha do plugin JQuery para o efeito “Carousel”, como já tinha usado em outros projetos, usei o JCarouselLite. Acabei descobrindo que o plugin tinha poucas opções e alguns bugs, tive que implementar novas funções e reimplementar boa parte do plugin, a ponto de entender como o mesmo funciona.
Outro ponto foi a indefinição do que o cliente queria, não digo ao escopo geral do projeto, pois do início ao fim sempre foi um player de fotos, mas aos detalhes, e isso me fez ficar com bastante trabalho no decorrer do projeto.
No fim, tivemos um resultado excelente, falta fazer mais algumas coisas no site, mas já esta no ar.

Édipo Costa Rebouças: XHTML + CSS + Ajax + PHP
Kan Ishigami: PHP
Ricardo Wendel: Design
Web by Citrus7

PetMag (Site pelo qual sou responsável pelo front-end) fechou nesse mês um parceria com Uol.

Com essa parceria, algumas materias do PetMag irão aparecem na home do Uol e Uol Bichos.

Parceria muito festejada pelos funcionários da Citrus7 e PetMag.

O projeto começou a ser pensado no ano passado (2008) e desenvolvido no começo deste ano (2009), foi lançado como versão beta e agradou muito aos internautas.

Parabéns a toda equipe do PetMag.

Édipo Costa Rebouças: (X)HTML + CSS + JQuery + Javascript + PHP + WordPress
Kan Ishigami: Design + PHP + Intregação com Twitter + Integração YoutTube

Lançado o Blog da Redação PetMag, onde minhas colegas de trabalho Erika Omori e Danúbia Guimarães postam curiosidades do mercado pet e mundo animal.

O Firefox chegou a marca de um bilhão de downloads, um browser que ajuda tanto os desenvolvedorers e seus usuários com seus add-ons.

Eu não poderia deixar passar esse dia em branco, por isso estou cintado o mesmo aqui no blog.

Então, fica aqui meu grande obrigado para todos os colaboradores no desenvolvimento do Firefox e a Fundação Mozilla, pois uso bastante esse browser, ele e seus add-ons.

Fica aqui o site que a mozilla fez para esse dia:

http://www.onebillionplusyou.com/

Édipo Costa Rebouças: WordPress + XHTML + CSS + JQuery
Kan Ishigami: WordPress + XHTML + CSS + JQuery + Flash