Quem desenvolve sistemas em JavaScript ou Ajax sabe que fazer conteúdo dinâmico ainda é muito trabalhoso pois perde se muito tempo fazendo com que seus aplicativos sejam compatíveis com os diversos navegadores existentes.
Para facilitar a vida de seus programadores o Google desenvolveu o Google Web Toolkit, onde você desenvolve as aplicações como se estivesse criando um software local e depois utiliza o GWT para converter tudo para os padrões web, descartando a incompatibilidades entre navegadores e plataformas.
O GWT é uma ferramenta gratuita e qualquer pessoa pode ter acesso a tecnologia usada na programação de aplicativos como o Gmail, Orkut e Google Maps.
Para mais informações, acesse o Google Code e faça já o download.
O uso correto das cores em um site é de extrema importância pois influenciam psicologicamente as pessoas e estão ligadas diretamente a emoção.
Quando escolhemos uma cor para elaborarmos nossos trabalhos, precisamos ter em mente que estamos lidando com um elemento de estímulo e que essa cor escolhida provocará diversas reações; reações essas que podem ser positivas ou negativas, dependendo da sua utilização. Por isso é importante conhecermos a psicologia das cores e seus significados.
Todas as cores são importantes e fundamental para o equilíbrio de um projeto seja qual for a criação, então precisamos tomar muito cuidado para não transmitir emoções erradas das cores, causando irritações ou desequilíbrios. Vejam alguns exemplos:
- Laranja: comunicação, calor, confiança, estimula o otimismo e a generosidade.
- Amarelo: traz luz a situações difíceis, ativando o intelecto.
- Vermelho: cor da paixão, dos impulsos, combate o stress e a falta de energia.
- Verde: paz e segurança, esperança, inteligência e equilíbrio.
- Rosa: coração, estimula a empatia e o companheirismo.
- Azul: seriedade e tranqüilidade, é a cor do bem estar e raciocínio lógico.
- Violeta: mistério, expressa a sensação de individualidade, associa-se à espiritualidade, influenciando em emoções e humores.
- Marrom: pensar, melancolia e desconforto.
- Branco: Humildade e imaginação, sensação de pureza.
- Preto: cor do poder, elegância e sobriedade.
Mas sempre tome cuidado, pois o significado de cada é diferente de acordo com a cultura local. O vermelho por exemplo na Inglaterra simboliza “realeza”; nos EUA, “perigo”; na China, “revolução.
Em breve estarei falando aqui sobre esta psicologia e disponibilizando o significado de cada cor. Falando rapidamente… as “cores quentes” (vermelho, amarelo, laranja) são associadas a sensações de agitação, e as cores chamadas de “cores frias” (azul claro, rosa, violeta) são associadas a embientes calmos.
Existem muitas ferramentas que auxiliam o trabalho de cores, a minha preferida é Kuler, uma ferramenta online muito útil na criação de paletas de cores. Te permite selecionar diversos padrões de cores além de permitir o usuário criar o próprio “padrão”. Também é possivel fazer o download do programa para trabalhar em seu desktop . O Kuler é assinado pela Adobe, após criar a paleta é possível exporta-la para o qualquer software do fabricante. Confira em http://kuler.adobe.com
Hoje realizei minha inscrição para dois encontros para desenvolvedores web que acontecerá aqui em Belo Horizonte.
O Interminas acontecerá dia 17/05, promovido pelo Imasters . O outro é o Encontro Locaweb de profissionais de Internet dia 27/05.
O Interminas contará com grandes nomes da internet no Brasil. Haverá 5 palestras principais e mesas redondas com os “gurus” nacionais e regionais. Gostei muito da programação, pois terei a oportunidade de aprender novamente com o Luli Radfahrer, Carlos Merigo. Aguardo a palestra de Fabio Seixas, que ainda não tive oportunidade de conhece-lo e outros profissionais de Minas.
Por falar no Luli, vou aproveitar este post e dar uma dica para quem não conhece o cara. Dê uma passada no Blog dele e baixe seu livro Design Web Design 2, que ele esta disponibilisando 0800 além de vários artigos das revistas Design Gráfico, Propaganda, Jump e Webdesign.
O Encontro Locaweb dentre as suas 6 palestras, com certesa será bem interessante a palestra Desenvolva seus negócios com soluções do Google, com os executivos do Google. O evento contará também com executivos da Microsoft em outra palestra.
Fica ai a dica, vale a pena participar, conferir as tendências do mercado, atualizar seus conhecimentos e fazer novos contatos.
Para mais detalhes, acesse os hotsites dos Eventos:
http://imasters.uol.com.br/interminas/2008
Chegou a hora de desenvolver um website, então qual o tipo de layout usar? Fixo, líquido ou elástico?
Esta questão sempre gerou um bom assunto entre desenvolvedores, mas na verdade não existe um melhor layout a ser usado, cada uma das soluções tem seus pontos positivos e negativos.
Muitos desenvolvedores consideram que a resolução de 800×600 já é passado e costumam utilizar em seus sites uma largura de 1024.
No exterior o padrão instituído já é 1024 de largura, mas aqui no Brasil ainda estamos longe desta realidade, por isso não podemos ignorar resoluções menores. O bom desenvolvedor deve sempre procurar desenvolver um projeto compatível com o maior número de computadores possíveis.
Segundo as estatísticas da W3 Counter, apenas 7,91% utilizam a resolução 800×600.
Como este blog é focado para desenvolvedores, não preciso me preocupar com uma resolução menor que 1024px, pois acredito que não exista design e programadores que ainda usam 800×600.
Mas em um site comercial estes números são bastante diferente. Precisamos sempre levar em consideração muitos fatores.
Então qual o melhor layout usar? Vamos a uma pequena descrição deles:
Layout Fixo:
O desenvolvedor tem melhor controle de como irá disponibilizar o conteúdo, a largura menor também facilita a leitura na tela e seus pontos negativos são que o layout não pode ser adaptado as necessidades do usuário além de ser posicionado no centro ou em um dos lados deixando muito espaço à sua volta.
Layout Líquido:
Este tipo de layout tem uma melhor acessibilidade, o conteúdo se adapta à resolução do usuário ocupando toda área da tela permitindo transmitir mais informação pois acaba com os espaços vazios em volta do website. Seus pontos negativos são a maior dificuldade de leitura, pois as linhas de textos se tornam muito longa e uma maior dificuldade para o desenvolvedor posicionar de forma correta os elementos do site.
Layout Elástico:
É uma mistura entre o layout fixo e líquido. Ou seja, a largura da página é extensível até certo ponto tornando se fixa depois, também podemos definir uma largura mínima para página.
A maior vantagem deste tipo de layout é a facilidade que o desenvolvedor tem para posicionar os elementos na página e o controle por parte do usuário sobre a largura da janela. Mas nem tudo são flores, nosso querido “azulzinho” não suporta alguns atributos deste tipo de layout, então somos obrigados a pensar em outras alternativas.
Então a melhor forma para escolher um layout é mesmo fazer uma boa pesquisa quanto ao público alvo do site e tentar desenvolver um sistema que atinja o maior número de pessoas possíveis.
Quer conferir se seu site esta 100% em tableless?
Pois então, a dica é acessar a ferramenta on-line w3tableless e colocar o código de seu projeto para validação.
- :: Todas categorias (8)
- desenvolvimento (5)
- design (5)
- dicas (3)
- eventos (1)
- notícias (2)
- website (3)
Minhas fotos
Meu trabalho
Sou webdesigner freelancer, especializado
em desenvolvimento de layouts com foco
em usabilidade, acessibilidade e padrões W3C.
Disponível para trabalhar por job, à distância.
em desenvolvimento de layouts com foco
em usabilidade, acessibilidade e padrões W3C.
Disponível para trabalhar por job, à distância.
Últimos comentários