Archive for the ‘Design’ Category

site novo no ar! Contabilidade Alves

Thursday, February 26th, 2009

Fala povo, mais um projetinho quentinho que acabou de sair do forno! www.contabilidadealves.com.br.

Um site com toque de formalismo e sobriedade!

Tem mais saindo do forno!!!

Bordas arredondadas via javascript

Friday, December 19th, 2008

Galera, essa aqui é uma mão na roda para nós! ele é o DD_ROUNDIES, serve para colocar as bordas arredondadas nas div, assim poupando trabalho… e livrando você da criação de imagens de canto arredondado. Ninguém merece!

Ele é super simples, e inclusive tem suporte à arquivos PNG. Basta incluir o arquivo js,  aplicar uma classe no elemento e depois dar o valor do corner.

Jquery sifr plugin, fontes especiais na web

Thursday, December 18th, 2008

Galera, acabei de achar uma solução bem interessante feita com SIFR (Scalable Inman Flash Replacement = Flash + JS + CSS), uma técnica que já esta rolando na web faz um bom tempo. Mas agora foi adicionada a biblioteca Jquery, tornando possível a mudança dos textos do site em tempo real.

Com essa técnica é possivel oferecer o usuário um layout mais sofisticado com fontes especiais, e o mesmo tempo colocar um site com as fontes padrões e dar ao usuário a possibilidade de escolher a interface que lhe convém. Essa é uma das possibilidades desta ferramenta!

Alfweb desenvolvimento web, outro site online!

Friday, August 15th, 2008

Fala galera, tudo jóia? Pelo que vocês podem ver, eu estou num ritmo “frenético”… desenhando, layoutando, testando, estudando e programando! auhuahaua

Pois é povo! estou com um site novo na área, www.alfweb.com.br  é o site da produtora que eu trabalho atualmente.  Esse projeto foi super interessante, pois houve uma remodelagem na Arquitetura da Informação com o objetivo de tornar o site mais consistente.

Do outro lado, houve também uma modernização gráfica em relação ao seu design de interface, e tecnologia webstandards buscando a total acessibilidade e otimização de produção!

Ficou bom galera ? Abração para todos!

Transparência no IE6 usando PNG, nova técnica

Tuesday, August 12th, 2008

Fala galera, essa semana tive que resolver aquele nosso problema antigo de PNG no IE6. A princípio eu utilizei a técnica antiga, usando o filtro no CSS. Mas ainda haviam alguns bugs em outras plataformas diferentes do windows.

Então, pesquisei bastante e achei unitpngfix, um script muito enxuto, menos de 1kb. Muito mais efetivo que os filtros utilizados antigamente, e agora temos funciona tanto com background como elemento IMG.

Conditional Comments para Internet explorer!

Thursday, August 7th, 2008

É algo conhecido de muitas pessoas, para dizer a verdade é a “salvação” da nossa vida! Meu amigo Vinicius, me pediu ajuda com conditional comments no IE, então decidi postar aqui no blog… assim o post serve para todos os outros!

Ele serve para fazer um if no momento que o browser vai selecionar o arquivo CSS, ou seja, caso seu IE seja o 6, ele vai pegar o CSS feito para o IE6, e assim em diante!

Abaixo estão os conditional comments que voce precisa:

<!--[if IE]>
   Serve para todos os IEs
<![endif]-->

<!--[if IE 6]>
   Serve para o IE 6
<![endif]-->

<!--[if IE 7]>
   Serve para o IE 7
<![endif]-->

Basta você conhecer esses 3… porque eles são os únicos que você irá utilizar!

Dicas para otimizar o carregamento dos sites

Sunday, June 15th, 2008

Muitos pensam que experiência do usuário é apenas pensar em criar um layout organizado, com uma boa usabilidade e acessibilidade. Contudo, muitos esquecem do carregamento das páginas, que acabam ficando muito vezes são lentas.

Agora você pode conferir algumas dicas da equipe de desenvolvimento do yahoo, onde eles criaram uma página dentro da seção de Developer Network, com 34 super dicas dentro de 7 áreas: Content, Server, Cookie, CSS, Javascript, Images, Mobile e All.

Vale muito apena uma conferida nesta lista, após a leitura com certeza suas páginas serão bem mais leves e seus usuários ficaram bem mais satisfeitos.

Adobe photoshop online

Sunday, May 11th, 2008

Isso mesmo pessoal, agora vocês podem usar o nosso querido PS em qualquer lugar! Imaginem, um final de semana em Búzios, a camera cheia de imagens e você querendo dar um simples retoque… mas sem o PS no computador do hotel! Uma situação chata, mas somente para quem não conhece o ADOBE PHOTOSHOP EXPRESS, isso mesmo é o aplicativo da adobe online aberto para o uso de todos! Ele ainda não tem todos os recursos, mas dá para quebrar um bom galho!

Tipos de fontes: True Type, Type1 e Open Type

Monday, February 18th, 2008

Fala galera, me desculpem por conta do meu sumiço, mas eu ando bastante ocupado com alguns trabalhos. Então o motivo deste post é uma simples curiosidade, eu não sabia a difereça entre os tipos de fontes : True Type, Type1 e Open Type, no entanto fui pesquisar mais sobre o assunto e estou disponibilizando o resultado da pesquisa aqui.

As fontes True type (TT) sao fontes produzidas pela apple computer no final de 1980 como competidor para as fontes type1 da Adobe. O principal poder do TrueType era originalmente oferecer aos desenvolvedores de fontes um nível mais alto de controle sobre precisamente como suas fontes seriam exibidas, até o nível do pixel, em várias alturas de fontes.

Como sempre a microsoft fez um remake, e criou o tipo de fonte Open Type em 1997. A Adobe completou a conversão de todas as fontes que comercializava, em PostScript para OpenType, no final de 2002. Em 2005, estima-se que estavam a ser comercializadas no mercado cerca de 10.000 fontes neste formato, sendo 3.000 delas da Adobe.

Mais informações: Fontes True Type, fontes Open Type

Hacks para temas do Wordpress

Thursday, January 10th, 2008

Fala galerinha, essa semana eu estava pensando comigo mesmo, hoje muitos desenvolvedores e designers possuem um blog para contribuir com informações para nossa comunidade web. Muitos começam usando o serviço do Blogger , mas depois vêem que podem fazer algo melhor, ou seja, usar o CMS para blogs o WORDPRESS. A vantagem é na hora de customizar o wordpress (blog), no caso você tem a possibilidade de dar a cara que você deseja para o seu blog, apenas mudando alguns arquivos.

Significa total poder sobre o seu blog, no site da WebDesignerWall, tem um tutorialzinho bem legal de como customizar o menu e deixa-lo mais atraente com alguns efeitos.

Mais informações: WebDesignerWall

Tiago Marques - Trademark Design - Blog foi desenvolvido com Wordpress
Assine o nosso RSS FEED RSS2 FEED .