Blue MUIOMUIO

Blogue pessoal de um Web Designer

IE8 irá usar modo Standards por defeito

Tuesday March 04th 2008 Web Design

A noticia anda a correr o mundo. Desta vez a equipa de desenvolvimento da Microsoft ouviu mesmo a comunidade de web developers.
Desta forma o IE8 será seguirá completamente os os padrões da W3C e reserva o direito, para quem desejar, de visualizar a página como se visualiza no IE7.
De acordo com o IEBlog num tópico chamado Microsoft’s Interoperability Principles and IE8 Dean Hachamovitch, gestor geral do projecto, afirma:

Now, IE8 will show pages requesting “Standards” mode in IE8’s Standards mode. Developers who want their pages shown using IE8’s “IE7 Standards mode” will need to request that explicitly (using the http header/meta tag approach described here).

Noutra Press Release intitulada Microsoft Expands Support for Web Standards a Microsoft afirmou que existe uma clara vantagem em beneficiar Web Designers aplicando os standards usados na profissão.

Ray Ozzie deixa ainda o apelo á educação dos web designers e web developers que não usam web standards:

we will work with content publishers to ensure they fully understand the steps we are taking and will encourage them to use this beta period to update their sites to transition to the more current Web standards supported by IE8

Finalmente aperceberam-se de que os Web Standards eram uma enorme mancha negra na camisa azul clara da Microsoft. Problema é que agora duvido que os milhões de utilizadores do Firefox o troquem pelo IE8. São excelentes noticias, agora resta esperar e novamente voltar a referenciar a toda a gente a importância de actualizar o software.

0 Comments / save to del.icio.us 0

Novas definições para links no HTML5

Monday March 03rd 2008 Web Design

Com a internet a tornar-se cada vez mais uma gigante rede social a própria estrutura dos sites começa a mudar de forma a se adaptar a esta mudança. Chegamos a um ponto de situação a onde tudo o que é encontrado num site é lido e catalogado de forma a transformar a pesquisa de algo relativamente fácil e concreto. O atributo REL pode ser usado de diversas formas atribuindo-lhe o valor de nofollow, me, friend, etc… embora para o utilizador comum não tenha qualquer importância nas aplicações sociais e motores de busca este atributo é importante.

Por estes motivos entre outros o HTML terá de ter uma estrutura mais descritiva que permita definir com clareza de que se tratam os links, internos ou externos.

A nova especificação para o HTML5 irá trazer uma série de tipos de link predefinidos que ajudam a catalogar os links.

Novos tipos de links no HTML5

  • alternate - informa que o conteúdo é algo alternativo ao original. Actualmente é muito usado quando se define um estilo css
  • archives - Serve para definir uma colecção de artigos ou documentos arquivados. Com valor histórico
  • author - Define que determinado documento contem informação sobre o autor da página ou site
  • bookmark - Esta palavra reservada atribui um link á secção mais próxima descrita com o elemento article
  • contact - Indica informação sobre contactos
  • external - Indica que o link irá apontar para conteúdo externo ao site
  • feed - Indica que o link é sindicalização do site (RSS Feed)
  • first - Indica que determinada página é a primeira de uma sequência
  • last - Indica que determinada página é a ultima de uma sequência.
  • help - Especifica que o link conduzirá a uma página de ajuda
  • icon - Importa um ícone que será usado para representar a página. Ex: Ícones de acessibilidade.
  • index - Indica que existe uma estrutura hierárquica e que o link irá conduzir para o documento que se encontra no topo dessa estrutura. Proporciona mais informação quando usado com a keyword up
  • up - Á semelhança do index, indica que o documento tem uma estrutura hierárquica e que o link o levará para o documento que se encontra no nível acima.
  • next - Indica a página seguinte de uma sequência
  • prev - Indica a página anterior de uma sequência
  • license - Indica que a página contem informação relativa a licença de copyright
  • nofollow - Indica que a página do link não tem informação relevante á pagina em que nos encontramos
  • prefetch - Especifica que a página deverá ser colocada previamente em cache. É extremamente útil em páginas estáticas que sejam consultadas regularmente.
  • search - Indica que o link levará para uma página que permite fazer pesquisas
  • tag - Especifica que o link está relacionado com uma keyword da página

Estas são apenas algumas das novas especificações no HTML 5. Para mais informação podem consultar:

0 Comments / save to del.icio.us 0

Diferença de cores entre Firefox e Safari

Thursday February 28th 2008 Web Design

Não fazia ideia disto mas já tinha ouvido queixas sobre cores diferentes quando alguém acedia a determinadas imagens em Mac.

Ao que parece o Safari suporta perfis de cores o que pode levar a que quando copiam parte de uma imagem e a guardam e sobrepõem sobre a imagem original esta tenha uma tonalidade diferente.

Isto acontece pois a imagem maior provavelmente tem uma maior gama de cores e ao fazerem “Guardar Como… / Save As…” podem guardar o perfil de cor juntamente com a imagem (normalmente guarda). Já quando fazem “Guardar para a Web…/ Save for Web…” é automáticamente atribuido o perfil “sRGB” (o mais indicado para a web), embora também tenham uma pequena opção de guardar o ICC Profile no Save for Web, o que não aconselho.

O Firefox 3 irá suportar perfis de cores mas pergunto-me em relação aos outros browsers quando é que terão melhor suporte de cores.

Este artigo foi escrito com base num artigo do CSS Tricks chamado Color Rendering Difference: Firefox VS Safari. Aconselho-vos a lerem para intender melhor esta problemática.

0 Comments / save to del.icio.us 0

Leitura de fim de semana para pessoal da Web

Friday February 01st 2008 Web Design
  1. Stay on :target
  2. 10 Principles Of Effective Web Design
0 Comments / save to del.icio.us 0

Problema com Flash + php form mail

Thursday January 24th 2008 Web Design

Estou a criar um site com um formulário de e-mail que interage com PHP.
Num site ele funciona perfeitamente, no outro não.
Tenho um mc_contaactos, dentro dele tenho o form_contactos_anim, dentro do form_contactos_anim tenho o contactos_form e um botão para enviar

Assim:
mc_contactos » form_contactos_anim » contactos_form + btn_send

No botão (btn_send) tenho o seguinte código:
on(release) {
_root.mc_contactos.form_contactos_anim.contactos_form.loadVariables(”email.php”, “POST”);
}

Penso que exista um problema com o path, já experimentei ir retirando e colocando elementos e nada. O único que fez algo foi quando tinha o btn_send dentro do contactos_form e tinha this.loadVariables(”email.php”, “POST”); mas não enviou o texto.

Não faço ideia porque é que não funciona.
Já agora se não for pedir muito, como faço para caso o email seja enviado ele mostre uma mensagem e caso tenha erro mostre outra? Qual é a propriedade e como controlo isso?

Antes d+, obrigado pela atenção.

Mario

1 Comment / save to del.icio.us 0