Archive for maio 2009

mai292009

A evolução do Photoshop

O Photoshop se tornou sem dúvidas a mais poderosa ferramenta de edição gráfica da atualidade, segue algumas imagens de como foi seu nascimento e evolução!

http://elcabron.sjdr.com.br/wp-content/uploads/2008/05/ps_cs_opt.jpg

Read More

mai252009

Agora sim, novo tema no blog!

Agora sim, terminei de editar um novo tema do blog,
ficou mais leve e agradável, espero que gostem!

e em breve farei um post ensinado a fazer um belo menu com css!

aguardem :)

mai242009

25 Wall Papers do Deviantart.com

Segue uma seleção dos melhores wallpapers do deviantart.com


Read More

mai222009

Google lança versão 2.0 do Chrome

Na tarde de ontem o google lançou a versão 2.0 do seu navegador, em resposta ao safari, a página de novas abas ficou muito parecida com os Top Sites do Safari 4.0, agora com novos builds do WebKit e um motor v8 do javascript deixaram o chrome 30% mais rápido segundo seus testers, o chrome será atualizado automáticamente caso você já tenha instalado uma versão anterior, ou você pode fazer o download clicando aqui.

http://i.zdnet.com/blogs/chrome.jpg

mai182009

Sindicato Rural de Tupanciretã On-Line!

Pessoal, coloquei hoje no ar juntamente com a Is Sul Sistemas o site do Sindicato Rural de Tupanciretã, fiz o re-design dele procurando desenvolver algo limpo e interativo.

http://www.sindicatoruraltupancireta.com.br/images/Logo.png

Clique aqui para visualizar.

Obrigado. ;)

mai172009

Rafael R.P agora está no CSSFury!

É isto pessoal, ontem meu site foi adicionado no CSS Fury uma das grandes galerias de sites da web!

Entre faça sua avaliação e deixe seu comentário!
;)
mai162009

[CSS] 5 dicas úteis para seu CSS

Sempre é bom ter um CSS bem estruturado em seu website, por isso estarei postando a baixo 5 dicas úteis para você implementar em seu CSS e entre elas uma dica para o IEca.

FONT

Você pode por várias propriedades de fontes em uma única linha de código.

h3.texto {
font-size: 28px;
font-weight: bold;
font-family: “Arial”, Helvetica, sans-serif;
color: #333333;
line-height: 24px;
}

Você pode resumir esse código em apenas duas linha:


h3.texto {
font: 28px “Arial”, Helvetica, sans-serif;
color: #333;
}

MARGIN/PADDING


Image illustrating the relationship between content, padding, borders, and margins.


A imagem acima mostra a diferença entre margin e padding, nem preciso dizer que o IEca tem um problema com padding, então citarei também uma dica para o IEca ignorar uma propriedade.

São propriedades de margin:
.caixa {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 5px;
margin-right: 5px;
}
Você pode resumir este código em apenas uma linha:
.caixa { margin: 10px 5px 20px 5px }
para a propriedade magin você deve por os seguintes valores: margin: top right bottom left;

CLASS E ID

O símbolo para o seletor class é (.) e o da id é (#), tudo bem mas qual a diferença entre eles?

ID.

  1. As IDs indentificam um elemento específico e devem ser únicas, podem apenas ser usadas uma vez na página.
  2. Consideramos que uma ID esteja em um nível mais alto que a class, já que é mais específica.

CLASS.

  1. Uma class marca um elemento como um membro do grupo e pode ser usada várias vezes.

IGNORADO PELO IE - !important

Essa é uma dica que fará com que um valor seja ignorado pelo IE mas será interpretado por todos os outros browsers.
!important será ignorado pelo IE.

caixa.margin: 20px !important; margin: 10px;
Botamos 20px para margin que será ignorado pelo IE, portanto no IE o margin será 10px.

Block vs Inline

A maioria dos elementos html estão como block ou inline, mas qual a diferença entre eles?

Block.

  1. Sempre inicia em uma nova linha.
  2. Height, line-height,  top e bottom margins podem ser manipuladas.
  3. Width fica como padrão 100% do elemento a qual pertence.

Inline.

  1. Sempre inicia na mesma linha.
  2. Height, line-height, top e bottom margins podem ser manipuladas.
  3. Width fica do tamanho que está o texto/imagem e não pode ser manipulado.
Bom são estas as 5 dicas para css, eu as concidero importantes para o desenvolvimento da sua folha de estilos.
Obrigado. ;)
mai142009

Dicas para iniciantes em web design

Vou citar algumas dicas que ajudam e muito na hora de criar um novo projeto, agradando o cliente e  criando o website de uma forma limpa e agradável.

http://www.azores.gov.pt/NR/rdonlyres/F9EE83FF-2F56-417F-99C9-DB8978A45BAF/156515/ajuda_imagem.jpg

Segue abaixo alguns passos para ajudar aos iniciantes em web design como iniciar seus projetos.

Read More

mai132009

Como fazer testes Cross-Browser

Como todo web designer sabe existem vários browsers que não são compatíveis com os padrões web.

Uma boa compatibilidade cross-browser é essencial para qualquer projeto web e o grande problema é justamente saber como seu web site vai ser rendarizado em diferentes browsers sem ter instalado todos os browsers até porque nem todos podem ser instalados no mesmo SO.

Hoje existem diversas maneiras de solucionar esse problema dependendo do SO que você está trabalhando no seu projeto.

Read More

mai122009

[SEO]Quais meta tags usar?

http://www.google.com.br/intl/pt-BR_br/images/logo.gifhttp://l.yimg.com/a/i/latam/logos/brazilfplogo.gif

Hoje estava lendo alguns fóruns e me deparei com uma dúvida de um usuário, qual meta tags usar, principalmente para o google.

Bom ai vão as mais importantes:

Keywords: essa meta tag permite ao usuário adicionar palavras chaves para os mecanismos de pesquisas como google e yahoo, é importante não abusar das palavras chave, use somente o necessário.

Description: essa meta tag serve para adicionar uma breve descrição sobre o site, também pode ser usada como parte do snippet.

Snippet: é o texto que aparece em baixo dos links nas pesquisas.

meta tags devem ser usada no seguinte formato:

<meta name=”keywords” content=”palavras chave”>

<meta name=”description” content=”breve descrição”>

mas o mais importante sem dúvidas é o title, um title bem estruturado, sem muitas palavras mas que deixe claro oque o website venha a oferecer ao usuário sem dúvidas tem uma grande importância.

Existem várias outras meta tags que podem ser utilizadas que não é necessário citar aqui já que o foco são as de mais importância.

Obrigado.