Erika Sarti | portfolio web designer

Novas cédulas do Real foram lançadas hoje

Erika Sarti — Wed, 03 Feb 2010 18:14:41 +0000

As notas reformuladas de R$ 50 e R$ 100 começam a circular ainda no primeiro semestre deste ano, segundo informou o Banco Central. As notas de menor valor – de R$ 2, R$ 5, R$ 10 e R$ 20 – serão trocadas gradualmente até 2012.

As novas cédulas conterão itens de segurança mais sofisticados e layout mais atraente (…) A frente das cédulas ficou com um visual mais limpo, e manteve o símbolo da República. Segundo Guido Mantega, o intuito da mudança, além de evitar falsificações, é de deixar as notas de reais mais parecidas com as que são utilizadas na atualidade em outros países.

Só eu acho que esse espaço em branco vai ser o paraíso pra quem adora fazer aquelas odiosas simpatias na cédula pra chamar dinheiro?

O Download Day é hoje!

Google não vai mais rodar no Internet Explorer 6

Erika Sarti — Mon, 01 Feb 2010 18:46:32 +0000

No último dia 29 o Google anunciou, através de seu blog oficial, que a partir de 1º de Março o Google Docs e o Google Sites não oferecerão mais suporte ao IE6.

No post, intitulado “Modern browsers for modern applications”, o gerente do Google Apps diz que a web evoluiu nos últimos 10 anos, e que navegadores muito antigos não são capazes de rodar essas novas funcionalidades adequadamente.

Em outubro do ano passado o Orkut, site de relacionamentos que pertence ao Google, também anunciou o fim do suporte ao IE6 no seu novo layout.

Entre designers e desenvolvedores web, a notícia vem sendo comemorada já que, com o apoio do gigante Google, ficará muito mais fácil convencer os usuários a atualizar seus navegadores. Assim perderemos muito menos tempo corrigindo problemas específico desta versão do Internet Explorer.

Novo Orkut será incompatível com o IE6

Novidades no CSS3: bordas arredondadas com border-radius

Erika Sarti — Fri, 15 Jan 2010 20:35:08 +0000

Mesmo com muitos recursos disponíveis no CSS, ainda sentimos falta de algumas propriedades que facilitariam o nosso trabalho. Com base nisso, o CSS3, novo padrão para folhas de estilo que está sendo definido pelo W3C, trará algumas novidades bem interessantes. Neste artigo, vamos conhecer a propriedade border-radius, usada para criar bordas arredondadas. Apesar de ainda não ser suportado por todos os navegadores, este é um recurso que você já pode usar desde agora.

Continue lendo “Novidade do CSS3: bordas arredondadas” no InfoWester…

Mantenha sua instalação WordPress organizada

Erika Sarti — Thu, 14 Jan 2010 13:36:19 +0000

Seu site é como a sua casa: é importante manter tudo organizado, mas às vezes é necessário fazer uma faxina mais pesada. Se o seu site roda WordPress, veja algumas dicas para deixar tudo no lugar:

Faça o upgrade do WordPress
Atualmente é possível atualizar sua instalação do WordPress com apenas um clique, e ela é feita em poucos segundos. Então não tem desculpa para não fazer o upgrade regularmente. Novas versões são importantes porque corrigem problemas de segurança. Mas não esqueça de fazer backup antes do upgrade, só por garantia. Um ótimo plugin para isso é o WordPress Database Backup. Com ele você pode baixar o backup no seu computador, mantê-lo no FTP ou ou enviar o arquivo para o seu e-mail, e ainda pode agendar essa operação com a frequência que você preferir.

Mantenha seus plugins atualizados
Também é importante atualizar os plugins sempre que for possível. Porém, se você fez alguma personalização no código do plugin, não esqueça de manter uma cópia dos arquivos alterados antes do upgrade, para não perder seu trabalho.

Apague plugins desativados
Mantenha na sua instalação apenas os plugins essenciais, pois eles consomem processamento do seu host e podem deixar seu site mais lento. Se você não está usando um plugin, apague-o ao invés de deixá-lo desativado por meses no seu site. Quando testar novos plugins, tenha certeza de desativá-lo caso ele não seja útil.

Mantenha apenas os temas que você usa
A variedade de temas prontos para WordPress é grande e muitas vezes nos sentimos tentados a instalar e testar vários deles. Mas você só pode usar um tema por vez no seu blog, por isso mantenha apenas os temas essenciais instalados. Se não está usando, apague. Se você utiliza temas personalizados, teste o novo tema até ter total certeza de que ele não apresenta problemas e aí apague o tema anterior.

Otimize seu tema personalizado
Quando desenvolver seu próprio tema, mantenha-o otimizado: apague comentários e tabulações desnecessários do style.css e do código HTML. É importante ter algum conhecimento em PHP para não adicionar códigos de várias linhas que podem ser substituídos por comandos menores. Também é útil manter o HTML e o CSS validados e ter certeza de que o seu site funciona nos principais navegadores do mercado.

Apague imagens que você não está usando
Revise a biblioteca de mídia no dashboard de tempos em tempos. Se uma imagem ou vídeo não está sendo utilizado, apague-o.

Como você pode ver, não é difícil manter a ordem na sua instalação de WordPress, mas é necessário tornar isso um hábito. Mesmo que o dashboard do WordPress avise de novas atualizações para a instalação e para os plugins, agende lembretes em intervalos regulares para não esquecer de dar uma olhada nos plugins e nos temas. Você usa muito pouco do seu tempo e mantém seu WordPress em ordem e rodando na sua melhor forma.

Livremente inspirado em WordPress Housekeeping.

Último trabalho de 2009: portfolio do fotógrafo Leonardo Cairo

Erika Sarti — Mon, 04 Jan 2010 15:00:53 +0000

Felizmente 2009 terminou com muito trabalho – alguns jobs ainda não foram concluídos, outros não vão entrar para o meu portfolio a pedido do cliente. Dos sites finalizados nos últimos meses, faltou publicar aqui o portfolio do fotógrafo Leonardo Cairo, mais um site desenvolvido usando WordPress para gerenciar o conteúdo. Usei também um pouco de JavaScript no slideshow da página inicial, eliminando a necessidade de uma animação em Flash, o que facilita a manutenção e deixa o carregamento da página mais leve.

Todos os estilos de borda da propriedade border em CSS

Erika Sarti — Tue, 29 Dec 2009 12:11:23 +0000

A propriedade border do CSS é uma das mais conhecidas e usadas, mas nem todos os estilos de borda são bem aproveitados. Neste post, vamos ver todos os estilos de borda possíveis. Em todos os exemplos, a borda tem 3px de largura e a cor #666.

none Nenhuma borda

solid Define uma borda contínua

dotted Define uma borda com bolinhas, que varia de aparência conforme o navegador

dashed Define uma borda tracejada, que varia de aparência conforme o navegador

double Define uma borda dupla, onde a largura das duas bordas é a mesma do valor border-width (portanto, precisa ser no mínimo 3px para funcionar corretamente)

groove Define uma borda 3D com aparência de entalhe

ridge Define uma borda 3D com aparência ressaltada

inset Define uma borda 3D com aparência de profundidade

outset Define uma borda 3D com aparência de relevo

fonte: w3schools.com

O que é Design Gráfico? (Quentin Newark)

Erika Sarti — Sat, 05 Dec 2009 12:37:59 +0000

Dia 05 de Novembro comemoramos no Brasil o Dia do Designer, e a Bookman Editora sorteou 10 livros sobre design através do seu twitter. Eu fui a felizarda que recebeu um exemplar de O que é Design Gráfico? de Quentin Newark, no sorteio do @comlimao =D

O livro começa com uma discussão sobre a definição do Design Gráfico e sua ligação com a Arte e a Publicidade, pra depois abordar elementos básicos como tipografia, imagens e ferramentas. Já a segunda metade do livro é uma coletânea de portfolios de estúdios internacionais, com uma seleção de excelentes trabalhos nos mais diversos estilos. Uma maravilhosa fonte de inspiração para designers de todas as áreas.

Fiquei muito feliz com a iniciativa da Bookman, e gostaria de agradecer a editora e o blog Com Limão pelo presente. Se você se interessou por O que é Design Gráfico? pode adquiri-lo na loja online da editora.

O que é Design Gráfico
Quentin Newak
Formato: 17×22
ISBN: 9788577803798
Ano: 2009
N. de páginas: 256

Introdução ao HTML 5

Erika Sarti — Tue, 01 Dec 2009 13:46:12 +0000

Desde 1999, o desenvolvimento da linguagem HTML (HyperText Markup Language) ficou estacionado na versão 4. De lá pra cá, a W3C esteve focada em linguagens como XML (Extensible Markup Language) e SVG (Scalable Vector Graphics – o uso de gráficos vetoriais em navegadores). Enquanto isso, os navegadores estiveram preocupados em desenvolver suas funcionalidades, como exibir páginas em abas e oferecer a integração com leitores de RSS. Porém, recentemente organizações como Mozilla Foundation, Opera e Apple se uniram para atualizar o HTML e implementar nele novas funcionalidades.

Neste artigo veremos as novidades que o HTML 5 traz. Para quem está se familiarizando agora com o HTML, sem preocupações: os elementos tradicionais continuam os mesmos, já que o HTML 5 foi desenvolvido pensando também em todos os usuários que não utilizam os navegadores mais recentes do mercado.

Continue lendo “Introdução ao HTML 5″ no InfoWester…

O anel de formatura do web designer

Erika Sarti — Mon, 30 Nov 2009 19:58:30 +0000

Hoje numa joalheria me surpreendi com o anel de formatura para os web designers. Sinceramente, não fazia idéia que ele existia, imaginava que existisse apenas o anel para quem se formou em Design de uma maneira geral.

Comentei isso no twitter e o @felipekbcaotte me repassou um e-mail contanto o significado do anel de formatura e com a imagem do anel dos web designers (com um computador e uma paleta, um de cada lado da pedra azul):

“O anel de formatura é caracterizado pelos emblemas nas laterais e a pedra central de cor. Tanto a cor da pedra central e os emblemas nas laterais do anel são definidos pela formatura. Cada curso possui seu próprio par de símbolos que são gravados um de cada lado da pedra central que também possui sua prórpria cor dependendo da área e do curso concluído.

De acordo com os orientais, o anel de formatura deve ser utilizado pelo formando no dedo anelar para atrair energia positiva, garantindo assim, reconhecimento profissional e prestígio. Essa crença se explica devido os orientais acreditarem que os dedos, tanto das mãos, quanto dos pés, tem uma ligação à outra parte do corpo. A cultura oriental também explica que o dedo anelar é regido pelo Sol, planeta associado ao brilho, ao esplendor e ao sucesso pessoal e profissional.

Caracterizado pela pedra e pelos emblemas da profissão, o anel de formatura é confeccionado em metais nobres como ouro amarelo, branco ou prata e pedras naturais ou sintéticas. Além disso é uma tradição pela qual até os mais moderninhos fazem questão de passar. Portanto, formando, acredite que ao colocar o seu anel de formatura no dedo anelar da mão esquerda, você abrirá uma porta para o sucesso.”

Muito interessante, pena que a minha época de formanda já passou há alguns anos =)

Os piores erros do web designer

Novo Orkut será incompatível com o IE6

Erika Sarti — Thu, 29 Oct 2009 12:59:44 +0000

Do iG Tecnologia:

O Orkut ganha, a partir de hoje, sua primeira “reforma” geral desde seu lançamento em Janeiro de 2004. O Google está anunciando uma nova versão do serviço, que segundo a empresa foi “totalmente redesenhado para aprimorar a experiência de navegação, integração e comunicação dos usuários”.

(…)

Na parte técnica, o código do Orkut foi totalmente reescrito em GWT (Google Web Toolkit), em um trabalho que levou nove meses. O resultado foi um ganho em desempenho: algumas funções, como o upload de fotos, são três vezes mais rápidas. Entretanto, isso exige mais do navegador: o novo serviço não é compatível com o Internet Explorer 6, e segundo o Google exige um navegador moderno como o Google Chrome, Firefox, Safari ou as versões 7 e 8 do Internet Explorer.

Adorei essa notícia, o Orkut fez algo que muitos de nós adorariam implementar: a obrigação do usuário atualizar o navegador para acessar o site. Infelizmente, para nós isso é inviável na maioria dos casos. Agora muita gente vai atualizar o navegador por causa do Orkut e com isso facilitar muito o nosso trabalho.