agosto 2008 Archives
A um tempo atrás em uma palestra, vi o Élcio Ferreira usando o txt2tags no vim. Foi incrível, praticamente por causa disso comecei a migrar tudo para os software grátis e com código aberto. É uma fase: ("grátis" == true) ? "Legal!!!" : "Só apple então";.
Como não sabia simplesmente nada sobre linux, muito menos sobre vim e quem me dera então sobre txt2tags, fui procurar algo sobre o vim. Que pelo o qual foi o que perguntei, "que editor era aquele?!". Achado o site do vim (http://www.vim.org/), pensei pronto agora que eu coloco um monte de tracinhos(-), colchetes([link...]), asteriscos(**) aperto alguma coisa é pronto tudo vira (x)html! O problema que não foi bem assim que aconteceu. Bem que o Élcio disse que o vim era complicado de usar, sem falar que isso não era função do vim e sim do txt2tags... E foi ai o inicio da zorra de editores!!!rs
MAS, graças a um post e ao Google, eu descobri uma luz, uma grande luz e ai portas e janelas se abriram!!!
http://aurelio.net/ - Aurélio Marinho Jargas
Algum tempo que já venho fuçando em tudo que é link, arquivo e conteúdo do site do aurélio, a fim de aprender algo novo.
O site do Aurélio é um dos melhores lugares da internet sobre o vim, txt2tags, expressões regulares, Linux, shell e várias várias coisas que não funçei ainda, como Funções ZZ(que deve ser muito incrível também).
A moda aqui agora é praticidade no desenvolvimento web! Seja desde um (x)html até um php, jsp ou outra coisa. Por isso a zorra dos editores, afinal sempre um editor tem alguma coisa que o outro não tem ou que talvez precisa configurar e leva um tempo até descobri COMO FAZZ..
Alguns textos sobre ganhar tempo no desenvolvimento em relação ao PSPad já estão disponível no blog. Com o passar do tempo o que eu for conhecendo, criando e aprovando, com certeza aqui é onde eu vou disponibilizar.
Mas é isso! Fica uma lista de link para já ir harmonizando nosso conhecimento! Valeu galera!
Lá fora!
- Vim (VI) - O Vim é o melhor editor de textos
- txt2tags (7 anos de existência!)
- Vim the editor
- fechaTag
- Editores de código para Linux
Aqui mesmo!
- Tchau Dreamweaver, agora vamos para era PSPad
- Como usar macro no PSPad
- PSPad extensions, Texto para lista (Essa é A! extensão para o PSPad...rs)
O W3C Brasil disponibiliza em seu site uma seção de divulgação com vários videos, pdf, imagens, apresentações e guias para download.
Segue alguns links para alguns documentos.
Guia de referência
- Guia de Boas práticas em Web Móvel
- Um guia de Boas práticas em Web móvel, que resumem as informações do documento Boas práticas em Web móvel 1.0. As cartelas são úteis para recordar os sessenta itens explicados em detalhes nas especificações. Disponível também em PDF.
Institucional
Folder institucional sobre a missão, objetivos e definições sobre o W3C.
Videos
Vídeo de Tim Berners-Lee para o lançamento do escritório Brasil do W3C
Veja mais no site do W3C Brasil!
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
Dentro do head
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
Amigos!
Recomendo
