Blog WebKrause http://webkrause.com/blog/ A fim de levar a Web ao seu potencial máximo... pt Copyright 2010 Fri, 05 Jun 2009 12:59:37 +0000 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification Novos padrões e funcionalidades da web - XHTML2 versus HTML5 HTML5 e seu mundo comercial
  • Marcação simples, não rigorosa;
  • Desenvolvimento rápido;
  • Custo baixo;
  • Vulnerável a erros e comodidade na codificação;
  • Menos risco de problemas visível aos usuários;
  • Código não confiável;
  • Preferível para desenvolvimento de pequena quantidade de arquivos com extensão html;
  • Preferível aos projetos com código com constante alteração;
  • Não recomendado ao desenvolvimento de ferramentas online, como sistemas administrativos de gerenciamento de conteúdo.

Como HTML5 atende legal as necessidades do dia-a-dia comercial, solicitações de clientes e coisas do tipo, esta sendo levado em alta na comunidade de desenvolvedores que são voltados ao dia-a-dia. Neste caso o mercado de navegadores também precisa entrar em cena e atender essas necessidades desses desenvolvedores.

XHTML2

XHTML não é contra o HTML, mas sim seu sucessor.

Foi baseado na mesma proposta do XML (linguagem praticamente perfeita para estruturação de conteúdo), é voltado a acessibilidade, a independência de dispositivo, usabilidade, interoperabilidade e semântica.

  • Marcação simples, mas rigosa e requer que o desenvolvedor escreva o código correto;
  • Código confiável;
  • Recomendado ao desenvolvimento de ferramentas online e sistemas de gerenciamento de conteúdo;
  • Preferível para desenvolvimento de grandes quantidade de arquivos com extensão html ou xhtml;
  • Criado para atender melhor as necessidades da web semântica;
  • Prioriza o conteúdo na web;
  • Mais vulnerável a erros e falhas na renderização devido sua rigorosidade na marcação semelhante a do XML;
  • Tempo de desenvolvimento maior;
  • Custo mais elevado.

Infelizmente devido ao custo e tempo mais elevado o interesse comercial é relativamente baixo, com isso esta cada vez mais em alta HTML5 e em baixa XHTML2.

Não sabemos o futuro do XHTML2, sabemos com certeza que um dia será necessário incorporar algo mais no HTML5, com isso HTML5 desce e XHTML2 sobe ou pelo menos sua proposta é levada em consideração.

Mas então por que XHTML2 não é a sensação do momento? Pela simplicidade e consequentemente pela maior documentação e implementação nos navegadores que o HTML 5 permite. Porém, este carece de recursos só disponíveis em XHTML2, logo existe a possibilidade de uma junção entre os dois conceitos para a obtenção de uma nova linguagem que atenda ambas necessidades (XML + HTML5 = XHTML5). Talvez essa seja uma boa solução.

O XHTML se mantém fiel a proposta inicial do HTML, que é a de estruturação do conteúdo. Infelizmente essa proposta foi alterada com o passar do tempo. O conteúdo da web deve ser priorizado, por isso os webstandards não podem se basear somente nas necessidades do mundo comercial, mas sim em criar uma web universal, disponível para todos independente de dispositivos de acesso ou deficiências do usuário.

Não se preocupe com sensação do momento, se preocupe com a web. Essa é a idéia dos web standards.

Referências:
]]> http://webkrause.com/blog/2009/06/novos-padroes-e-funcionalidade-da-web-xhtml2-versus-html5.html http://webkrause.com/blog/2009/06/novos-padroes-e-funcionalidade-da-web-xhtml2-versus-html5.html Semântica Web Standards XHTML Evangelizar Padrões Semântica Web 3.0 Web Semântica Web Standards XHTML Fri, 05 Jun 2009 12:59:37 +0000 Posicionamento relativo com CSS Quando declaramos posição relativa ( position: relative ) não acontece nada no posicionamento do elemento, mas quando incrementamos as propriedades top, right, bottom e left o elemento de movimenta apartir da sua posição inicial até o respectivo valor definido.

As propriedades right e left são destinadas a controlar o elemento no eixo X, respectivamente as propriedades top e bottom controlam o elemento no eixo Y.

Exemplo:

XHTML

<div id="um"> <p>Aqui é a div#um</p> </div> <div id="dois"> <p>Aqui é a div#dois</p> </div> <div id="um"> <p>E aqui é a div#tres</p> </div>

CSS

* { margin: 0; padding: 0; z-index: 1; } #um, #dois, #tres { width: 200px; height: 50px; margin: 20px; border: 1px solid #ccc; line-height: 50px; text-align: center; }

Teste essa parte do código e veja que estão normais as divs.

exemplo posicionamento relativo 1

Agore declare as seguintes propriedades e valores para a div#dois:

#dois { position: relative; top: 30px; left: 40px; background: #eee; }

Veja que o resultado é que a div#dois sai da sua posição inicial até a distância definida pelo top e left, mas perceba que seu espaço aonde ocupava é preservado.

Como na imagem seguinte:

exemplo posicionamento relativo 2

O bom é que essa forma de trabalhar com posicionamento relativo não importa se o elemento é bloco ou inline, qualquer forma renderiza igual.

Créditos:

  • Livro Maujor - Conteúdo baseado do livro Construindo Sites com CSS e XHTML (12.1.1.3)
]]> http://webkrause.com/blog/2009/04/posicionamento-relativo-com-css.html http://webkrause.com/blog/2009/04/posicionamento-relativo-com-css.html CSS Web Standards CSS Web Standards Wed, 22 Apr 2009 22:21:53 +0000 Documentação de padrões em desenvolvimento XHTML e CSS Junto com os amigos do trabalho estamos sempre buscando uma forma interessante de documentar nossos padrões. A idéia começou quando o Carlitos criou alguns pdfs de Checklist para desenvolvimento XHTML e CSS. Para abranger mais o pessoal de tecnologia criou uma wiki para que todas equipes colocassem seus padrões, dicas e soluções. Só que acabou não dando muito certo... Então resolveram usar o Vanilla, é um sistema de fórum e que deu muito certo e ainda está online e funcionando, mas só que é restrito. O problema é que a gente não sossega em quanto só ajudamos "nóis" mesmos, por isso após alguns probleminhas com servidores que até passo pela cabeça a possibilidade de perder todas nossas documentações que então veio uma luz! Por que a gente não faz um blog só nosso com os nossos padrões? Eu tinha um domínio que comprei faz um tempo com a intenção de fazer um blog comunitário sobre web standards, então porque não usar ele?

Criamos um blog sobre web standards aonde o tema é: web standards, XHTML, CSS e soluções de problemas no dia-a-dia.

Em parceria com Lincoln, Carlitos, G4 e Eu.

A idéia do blog não é ficar discutindo e mostrando como foi a palestra do Picachu na Campus Party mas sim apresentar como nós resolvemos nossos problemas como equipe.

Acompanhe por feeds, veja nosso blog sobre web standards!

]]> http://webkrause.com/blog/2009/01/documentacao-de-padroes-em-des.html http://webkrause.com/blog/2009/01/documentacao-de-padroes-em-des.html Amigos CSS Mídia Digital Web Standards XHTML idéias Amigos CSS Desenvolvimento idéias Padrões Web Standards XHTML Thu, 29 Jan 2009 12:15:20 +0000 Float, elemento pai (container) expansível. Geralmente temos que declarar a propriedade float para alguns elementos, só que precisamos que o elemento pai ( container ) expandisse dependendo do conteudo do elemento que tem float.

Sua forma de resolver isto ainda é usar um div.clear, br.clear, hr.hide ou algo do tipo? Legal. Eu também usava isso :( , o texto a seguir apresenta algumas opções um pouco mais interessantes.

Já estão disponíveis faz um bom tempo mas nunca falei nada aqui no blog, aliás falei até coisa que não devia..

Médoto com overflow.

Exemplo, escreva o HTML seguinte:

<ul> <li>ola</li> <li>oi</li> <li>opa</li> </ul>

Declare o seguinte CSS para o HTML:

ul { border: 1px solid blue; } ul li { float: left; border: 1px solid red; }

O resultado será:

li com float

Acrescente a propriedade overflow ao elemento pai ( nesse caso, o ul ):

ul { border: 1px solid blue; overflow: auto; } ul li { float: left; border: 1px solid red; }

Atenção! Caso o elemento pai tenha alguma largura ( width ) não será necessário o código seguinte. Mas se o elemento não tiver largura definida adicione o seguinte código para o Internet Explorer 6.

ul { border: 1px solid blue; overflow: auto; } * html ul { display: inline-block; } ul li { float: left; border: 1px solid red; }

Agora sim, tudo ok.

Esse é um método legal. Sempre uso esse quando não posso usar o proximo método que vou apresentar ( que eu acho bem mais prático ).

Médoto com class="contemfloat"

Use o mesmo HTML só removar todo o CSS do exemplo anterior.

Copie o códido CSS abaixo e cole em seu arquivo de estilos.

/* contendo float */ .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .contemfloat { display: inline-block; } /* Hides from IE-mac \*/ * .contemfloat { height: 1%; } .contemfloat { display: block; } /* End hide from IE-mac */

agora só defina a class no HTML:

<ul class="contemfloat"> <li>ola</li> <li>oi</li> <li>opa</li> </ul>

Esse método foi inventado por Tony Aslett. Tem gente que não gosta, mas eu uso praticamente todos os dias e sou uma pessoa feliz.

Como ninguém é dono da verdade e todos cometem erros, eu preciso me redimir pela falta de conhecimento e cabeça dura ( leia também como: "Universitário de merda e chato" ). Esse post é um tema pouco que polêmico ( pelo menos já foi... ), então caso seja contra esses métodos ou tenha alguma opinião comente o post. Precisamos aprender juntos, cada um contribuindo com seu conhecimento a fim de chegar a uma web com seu potencial máximo !

Desculpem, mas eu não conhecia o esquema do contemfloat e nem do overflow antes de entrar na Mídia Digital. É que eu via no site da mozilla os códigos com hr e ai pensava que era o correto, não que seja errado, mas é que não é muito legal usar hr.

Mas então é isso, valeu galera, té!

]]> http://webkrause.com/blog/2008/12/float-elemento-pai-container-expansivel.html http://webkrause.com/blog/2008/12/float-elemento-pai-container-expansivel.html CSS Web Standards CSS Web Standards Tue, 09 Dec 2008 19:56:22 +0000 Regras do Bill Gates bill_gates_escola.jpg

Essas regras estão em vários lugares na web, mas vale partilhar aqui também. Nessa o Bill Gates mandou muito bem, parabéns!

Segundo algumas fontes, dizem que Bill Gates foi convidado por uma escola secundária para uma palestra. Chegou de helicóptero, tirou o papel do bolso onde havia escrito onze itens. Leu tudo em menos de 5 minutos, foi aplaudido por mais de 10 minutos sem parar, agradeceu e foi embora em seu helicóptero.

  1. A vida não é fácil - acostume-se com isso.
  2. O mundo não está preocupado com a sua auto-estima. O mundo espera que você faça alguma coisa útil por ele ANTES de sentir-se bem com você mesmo.
  3. Você não ganhará R$20.000 por mês assim que sair da escola. Você não será vice-presidente de uma empresa com carro e telefone à disposição antes que você tenha conseguido comprar seu próprio carro e telefone.
  4. Se você acha seu professor rude, espere até ter um chefe. Ele não terá pena de você.
  5. Vender jornal velho ou trabalhar durante as férias não está abaixo da sua posição social. Seus avós têm uma palavra diferente para isso: eles chamam de oportunidade.
  6. Se você fracassar, não é culpa de seus pais. Então não lamente seus erros, aprenda com eles.
  7. Antes de você nascer, seus pais não eram tão críticos como agora. Eles só ficaram assim por pagar as suas contas, lavar suas roupas e ouvir você dizer que eles são "ridículos". Então antes de salvar o planeta para a próxima geração querendo consertar os erros da geração dos seus pais, tente limpar seu próprio quarto - Não é que é verdade mesmo?
  8. Sua escola pode ter eliminado a distinção entre vencedores e perdedores, mas a vida não é assim. Em algumas escolas você não repete mais de ano e tem quantas chances precisar até acertar. Isto não se parece com absolutamente NADA na vida real. Se pisar na bola, está despedido... RUA!!! Faça certo da primeira vez!
  9. A vida não é dividida em semestres. Você não terá sempre os verões livres e é pouco provável que outros empregados o ajudem a cumprir suas tarefas no fim de cada período.
  10. Televisão NÃO é vida real. Na vida real, as pessoas têm que deixar o barzinho ou a boate e ir trabalhar.
  11. Seja legal com os CDFs (aqueles estudantes que os demais julgam que são uns babacas). Existe uma grande probabilidade de você vir a trabalhar PARA um deles.
]]> http://webkrause.com/blog/2008/10/regras-do-bill-gates.html http://webkrause.com/blog/2008/10/regras-do-bill-gates.html idéias Metodologia para vida Wed, 29 Oct 2008 14:51:49 +0000 1º Fórum W3C Brasil gustavo_krause_forum_w3c.jpg

Me desculpem leitores paulistas, mas São Paulo foi uma loucura. Minhas raizes de cidade pequena (Curitiba em relação a SP) não me largaram durante a visita a a uma cidade quase dez vezes maior. Eu Fiquei + - umas 4 horas dentro de trem e metrô, sem falar que parece que as pessoas tem medo de você ou você tem medo delas, algo meio estranho. Bom seria se o W3C fosse aqui em Curitiba.

Apesar de ter passado pela doidera de SP valeu muito ir no 1º fórum W3C Brasil. Mas então, chega de falar de São Paulo...

No fórum recebemos alguns papéis, folhetos, cartilhas, cd, mapa do prédio, crachá e essas coisas que sempre dão em eventos. E comidinhas também muito boas! Foi xique, muita gente de terno com notebook, macbook e com direito até a tradução simultanea em fone sem fio da palestra em inglês.

Quase todo o conteúdo esta disponível online. Aqui no blog tem um post com alguns links de conteúdo que o W3C Brasil dispõe em seu site e que também foram disponibilizados no fórum.

No site do CGI, tem alguns textos que também estão no cd que foi dado no evento.

O conteúdo desse cd é o seguinte:

  • Cartilha de Segurança para Internet - Versão 3.1
  • Pesquisa sobre o uso das tecnologias da informação e da comunicação no Brasil - 2005, 2006 e 2007
  • Videos antispam.br
    • Epidódio 1 - Navegar é preciso
    • Epidódio 2 - Os Invasores
    • Epidódio 3 - Spam
    • Epidódio 4 - A defesa
  • Tutorial DNSSEC
  • Sobre o CGI.br / NIC.br
  • CGI.br: por uma Internet brasileira cada vez melhor

Caso alguém tenha interesse em ter esse cd, pode me mandar um e-mail com o endereço para que eu possa envie uma cópia.

Afim não apenas de seguir web standards mas também de ajudar na sua criação, apresentaram uma wiki com lista de discussão que será para membros filiados e também para colaboradores. O objetivo é criar e documentar conteúdo relevante a nós e também ao W3C internacional.

O problema é que ela ainda está em homologação, mas acredito que logo será lançada. Estou no aguardo!

Mas é isso galera! Vejam mais sobre o fórum no blog do Carlitos!

]]> http://webkrause.com/blog/2008/10/1-forum-w3c-brasil.html http://webkrause.com/blog/2008/10/1-forum-w3c-brasil.html Internet Web Standards Padrões W3C Web do Brasil Web Standards Fri, 24 Oct 2008 17:42:40 +0000 Três editores mais produtivos (v8) e legais Três editor mais produtivos e legais

Algum tempo estou testando e fuçando em vários editores. No decorrer, os editores que mais prenderam minha atenção foram: PSPad, gVim e Intype.

O interessante que todos tem suas vantagens e praticidades, mas infelizmente também vem suas desvantagens e impraticidades.

Para mim, o Vim é um editor muito bom, uso ele para CSS ( seu esquema de sintaxe é muito bom ). Acredito que ele é o disponibiliza maior nível possível de modificações e configurações. Um editor onde sua criatividade será sua limitação. Agora o pepino está em sua complexidade, usuários que abrem ele pela primeira vez simplesmente não conseguem fazer quase nada, às vezes não conseguem nem escrever!

Já o PSPad é um editor muito prático, seu sistema de macros é excelente. Tem suporte a extensões muito úteis e de muito fácil instalação. É aquele editor pra quando você quer "descer a lenha" no projeto ( v8 ). Seu problema é quando você quer fuçar, mudar, configurar, alterar. As vezes até consegue, mas não fica daquele jeito que você queria. Sem contar que não tem para Linux ( exceto se usar o wine ou coisa do tipo ).

O Intype, esse é o mais novo da disputa, mas já chegou com tudo. Seu suporte a snippet é maravilhoso! É um editor limpo, "simplinho", sem complicações. Não conheço muito ele, mas sei que é possível adicionar plugins. Não tem suporte a macros e substituição em múltiplas linhas ou múltiplos arquivos. Mas é um ótimo editor.

Mas é isso esses são os três editores que mais gosto e que estou usando atualmente.

Uso:

Veja também:

]]> http://webkrause.com/blog/2008/10/tres-editores-mais-produtivos-e-legais.html http://webkrause.com/blog/2008/10/tres-editores-mais-produtivos-e-legais.html Editores PSPad Vim Desenvolvimento Editores Praticidade PsPad Software livre Mon, 13 Oct 2008 22:21:36 +0000 Texto para (x)html 1.2 Está disponível uma nova versão do Texto para (x)html. A principal atualização foi que agora é possível converter apenas a linha atual sem que precise selecionar texto algum, tipo um macro do PSPad. O Código está mais organizado e comentado também.

Menu Texto para (x)html - PSPad

Acesse a página do conversor e veja!

Estou querendo mudar o nome, acho "Texto para (x)html" comum demais... Por favor! quem quiser dar alguma idéia será muito bem-vinda!

Minha primeira sugestão é:

XHTML V8

Que tal, tem alguma sugestão? Então faça a fineza de postar ela em um comentário! ;)

Link

]]> http://webkrause.com/blog/2008/10/texto-para-xhtml-12.html http://webkrause.com/blog/2008/10/texto-para-xhtml-12.html Editores PSPad XHTML Criação Editores Linguagens de marcação Praticidade PsPad XHTML Wed, 08 Oct 2008 20:14:05 +0000 A Internet

De onde surgiu e para onde vai? Discovery apresenta a evolução da Internet, etapa por etapa.

Parte 1

Parte 2

Parte 3

Parte 4

Parte 5

Video muito bom e muito bem desenvolvido! Separe 45 min do seu dia para assistir.

A Discovery disponibiliza também um conteúdo sobre a internet de forma de slides. Uma linha do tempo, veja também!

]]> http://webkrause.com/blog/2008/10/a-internet.html http://webkrause.com/blog/2008/10/a-internet.html Internet Navegadores Internet Microsoft Navegadores Mon, 06 Oct 2008 13:22:45 +0000 1º Fórum W3C Brasil: Por uma Web Única

Prezado Sr. Gustavo Krause,

O Comitê Gestor da Internet no Brasil, o Núcleo de Informação e Coordenação do Ponto BR e o W3C Brasil têm a honra de convidá-lo para participar do 1º Fórum W3C Brasil - Por uma Web Única.

Este Fórum tem o objetivo de iniciar um série de discussões sobre a web de hoje e seu futuro.

PROGRAMAÇÃO

  1. 09:00 - Painel de abertura com os afiliados Brasil - "Os padrões web e seus impactos no futuro da governança da TI"
  2. 11:00 - Convidado internacional: - "The ways to Web Semantic" - Klaus Bierkenbihl, coordenador dos escritórios internacionais do W3C
  3. 11:45 - Convidado especial - "A Web Semântica no Brasil" - Hugo Hoeschl, presidente da ABEP
  4. 12:15 - Debate sobre a atuação do W3C Escritório Brasil

Aguardamos sua presença dia 30 de setembro de 2008...

Infelizmente o evento será apenas para os convidados. Felizmente, fui convidado!

A Mídia Digital com sua preocupação com web standards, teve a maravilhosa bondade de liberar eu e o Carlitos para estarmos presentes no evento. Agradeço muito a Mídia Digital, valeu mesmo!

Por uma Web para todos, em qualquer dispositivo, em qualquer lugar, segura e confiável! 1º Fórum W3C Brasil: Por uma Web Única. Aqui vamos nós!

]]> http://webkrause.com/blog/2008/09/1-forum-w3c-brasil-por-uma-web-unica.html http://webkrause.com/blog/2008/09/1-forum-w3c-brasil-por-uma-web-unica.html Internet Mídia Digital Web Standards Mídia Digital Reconhecimento W3C Web do Brasil Web Semântica Web Standards Fri, 26 Sep 2008 14:37:48 +0000 Texto para (x)html 1.1 Está disponível uma nova versão do projeto Texto para (x)html. A principal atualização foi que agora é possível remover qualquer tag inclusive seus atributos. O Código está mais organizado e comentado também.

Acesse a página do conversor e veja!

Estou pensando em algo para CSS que logo vou disponibilizar. Caso tenham idéias tanto para HTML quando CSS, serão bem vindas. :)

Link

]]> http://webkrause.com/blog/2008/09/texto-para-xhtml-11.html http://webkrause.com/blog/2008/09/texto-para-xhtml-11.html Editores PSPad XHTML Criação Editores Linguagens de marcação Praticidade PsPad XHTML Fri, 12 Sep 2008 03:25:55 +0000 Texto para (x)html - uma forma simples e rápida Comprei um livro de Expressões Regulares, porque estava afim de estudar mais sobre ER's.

Após ler algumas páginas(uns 80% do livro), começou a clarear várias coisas, e surgir outras também.

Para quem não sabia nada de ER's, acredito que até estou me saindo bem.

Texto para (x)html

Pensando na criação de código HTML e aproveitando os estudos de ER's, eu criei um aplicativo que ajuda muito!

Escreva HTML de forma rápida e simples. Não fique perdendo tempo colocando "=", atributos, etc.

PSPad

Disponível também para o PSPad.

Ajuda

Se precisa de ajuda, tem uma seção de ajuda.

Objetivo

  • Meu objetivo é apenas estudar ER's e conseguir ganhar tempo quando escrevo algum código.
  • Simplificar para que qualquer um possa usar, sem precisar instalar nada no computador, no máximo mover um arquivo para alguma pasta.
  • Além do PSPad quero fazer para o vim também.

Link

Por favor enviem sujestões, opiniões, ajudem como puder! Valeu!

]]> http://webkrause.com/blog/2008/09/texto-para-xhtml-uma-forma-simples-e-rapida.html http://webkrause.com/blog/2008/09/texto-para-xhtml-uma-forma-simples-e-rapida.html Editores PSPad XHTML Criação Editores Linguagens de marcação Praticidade PsPad XHTML Tue, 02 Sep 2008 23:27:06 +0000 Praticidade! A busca por novas formas de escrever Zorra de editores

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!

  1. Vim (VI) - O Vim é o melhor editor de textos
  2. txt2tags (7 anos de existência!)
  3. Vim the editor
  4. fechaTag
  5. Editores de código para Linux

Aqui mesmo!

  1. Tchau Dreamweaver, agora vamos para era PSPad
  2. Como usar macro no PSPad
  3. PSPad extensions, Texto para lista (Essa é A! extensão para o PSPad...rs)
]]> http://webkrause.com/blog/2008/08/praticidade-a-busca-por-novas-formas-de-escrever.html http://webkrause.com/blog/2008/08/praticidade-a-busca-por-novas-formas-de-escrever.html Amigos Editores PSPad Vim Amigos Desenvolvimento Editores Evangelizar Praticidade PsPad Software livre Trabalho Wed, 27 Aug 2008 04:29:30 +0000 Conteúdo W3C Brasil 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

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

Folder institucional sobre a missão, objetivos e definições sobre o W3C.

Videos

Vídeo de Tim Berners-Lee

Vídeo de Tim Berners-Lee para o lançamento do escritório Brasil do W3C

Veja mais no site do W3C Brasil!

]]> http://webkrause.com/blog/2008/08/conteudo-w3c-brasil.html http://webkrause.com/blog/2008/08/conteudo-w3c-brasil.html Internet Web Standards Web do Brasil Web Standards Tue, 26 Aug 2008 15:04:40 +0000 Usando medida em 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

]]> http://webkrause.com/blog/2008/08/usando-medida-em.html http://webkrause.com/blog/2008/08/usando-medida-em.html CSS Mídia Digital Web Standards CSS Linguagem de formatação Padrões Web Standards Tue, 05 Aug 2008 02:42:16 +0000