Recently in Mídia Digital Category

Na Mídia Digital, por questões de compatibilidade entre os navegadores, nos adotamos como padrão a unidade de medida "em".

"em" é uma medida relativa, isso quer dizer que ela toma como base um valor de referência anteriormente definido.

As quatro unidades de medida relativa que existem são: %, em, ex e px.

Tá mas vamos para a prática!

Escreva em um arquivo html, as seguintes marcações:

Dentro do body
<div id="conteudo"> <h1>Olá, aqui é o título</h1> <p>E aqui é um <strong>paragrágrafo</strong>.</p> </div>
Dentro do head
<style type="text/css"> html, body { font-size: .68em } div#conteudo h1 { font-size: 1.45em } div#conteudo p { font-size: 1.1em } div#conteudo p strong { font-size: 1.16em } </style>

Explicação:

html e body é ".68em".
A o tamanho da fonte padrão dos navegadores é 16px, então pegamos 11px, que é o valor que queremos, e dividimos por 16px

11/16 = 0.68

11px é igual a 0.68em de 16px. Endendeu?

A lógica é essa! Pegamos o valor que queremos e dividimos pelo valor relativo(um valor de referência que foi definido anteriormente, apenas para lembrar).

x/(valor-relerência) = (valor-que-desejamos).em

Então, quais são os valores dos elementos do html acima. h1, p e strong?

elemento tag cálculo para restaurar o valor em pixel. valor aproximado(~=)
h1 1.45(em) * 11(px) 16px
p 1.1(em) * 11(px) 12px
p strong 1.16(em) * 12(px) 14px

O layout que montado com essa medida é conhecido como layout elástico, por causa deste comportamento relativo entre as medidas, sejam elas font-size, width, padding, etc. Essa é uma simples explicação sobre essa medida. Veja também o blog do Carlitos, ele entende bem sobre o assunto. Experimente usar também!

Links

O "bum!" dessa tal de "Web 2.0" está em seu ponto culminante. Cada dia que passa é "Web 2" pra cá é pra lá. Novos sistemas surgem a cada instante; grandes empresas estão buscando entrar nesse meio; a demanda é muito alta por aplicativos cada vez mais interativos; todos estão querendo disponibilizar feeds, gadgets e web services. Mas calma! vamos respirar fundo e pensar onde tudo isso pode nos levar. Todas essas tecnologias e novidades são ótimas e com certeza elas já estão fazendo parte do nosso dia-a-dia. Precisamos saber o que está faltando e como aprimorar a Web. A aceleração tecnológica na internet - como também da comunicação -, impulsionada até agora pela quantidade, chega ao seu termo, onde já é preciso um adicional qualitativo que organize, dê sentido, coordene integralmente a Web com a comunicação em todos os sentidos (o efeito invariável do processo pelo desenvolvimento da interatividade do qual não só assistimos como dele fazemos parte). E como falar de comunicação sem esta organização, sem o elemento semântico? Cada palavra real é uma chave-símbolo; cada ponto, a marcação das coordenadas no espaço e no tempo da frase e daquilo a que ela se refere. É impossível qualquer comunicação sem esta ordem. Logo a Web pedirá convenções como a linguagem real, um dia, pediu as suas (a passagem da forma falada para a forma escrita). Pedirá porque a comunicação virtual a integrará dentro de si.

Independente de qual tecnologia dos servidores estão sendo usadas nós devemos nos preocupar com o quê o navegador está disponibilizando aos usuários! E é ai, exatamente neste ponto, que entra os padrões Web (Web Standards) e começa a nossa conversa.

O W3C responsavel de criar os Web Standards, desenvolve tecnologias focadas no Client-browser, para que com isso seus produtos possam se relacionar diretamente com os usuários, e isso tudo sem fins lucrativos.

Então pense: o que temos até agora é uma Web cheia de interatividade e os vários padrões e diretrizes totalmente focados nos usuários. Podemos integrá-los!

A idéia: unir essas duas ideologias focando em obter resultados que sejam agradáveis a todos e com isso levar a Web ao seu potencial máximo.

O futuro da Web está relacionado com padrões e semântica. A nossa querida "Web 2.0" necessita de padrões e o momento tão esperado que estamos aguardando é quando ela vai estar harmonizada com Web Standards - aí então estaremos na nova geração da Web: a famosa "Web 3.0" será o período onde a preocupação são os dados semânticos.

A "Web 2.0" e Web Standards se relacionam perfeitamente. Afinal, toda essa história "Web 2.0" e "Web 3.0" já existe há muito tempo - apenas não foi muito aplicada e reconhecida. Igual a história do Ajax, que já existia faz alguns anos, antes mesmo de ser titulado como "Ajax".

Querendo ou não, dado o futuro da internet, eis o que há-de ser feito:

"Web 2.0": Relacionamento e colaboração do usuário.

Unida com:

Web Standards: algo mais organizado, acessível, simples e semântico.

Pronto. Simples assim, está perfeito.

Todos vamos sair ganhando: seja eu, você, usuários, clientes, patrões, programadores, designers, etc.

Em fim, como todos vamos lucrar, muitos já estão se preocupando com isso; algumas empresa já estão se adequando a essa geração.

E você, já está se preocupando também ou quer ser considerado uma obra de museu???

Link

Mídia Digital & WebKrause

Depois de uma entrevista e alguns dias de ansiedade finalmente o esperado telefonema aconteceu!

O pessoal do RH ligou na minha casa e deu a proposta e eu aceitei. Afinal eu já estava praticamente tomado pelo mundo dos desempregados, tinha até fechado um jogo no PC e começado a jogar um novo, sem contar as Sessões da Tarde que eu assisti...rsrs.

O fato é, uma nova fase está começando e novos objetivos devem ser atingidos.

Lembrando como meu pai disse: O Brasil só começa depois do carnaval.

Pelo menos foi assim. Bem-vindo para mim e boa sorte!

Links

Gustavo KrauseTavo

WebKrause
Rua Paulo Setúbal, 1565 - Boqueirão Curitiba, Paraná, 81670130 Brasil
41 32788723
GEO: -25.491500, -49.254780

Web Standards
Group Member

Amigos!

About this Archive

This page is a archive of recent entries in the Mídia Digital category.

Internet is the previous category.

Microformats is the next category.

Find recent content on the main index or look in the archives to find all content.

Powered by Movable Type 4.21-en