Blog WebKrause http://webkrause.com/blog/ A fim de levar a Web ao seu potencial máximo... pt Copyright 2008 Tue, 02 Sep 2008 23:27:06 +0000 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification 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 Pra quem pensa que nossa vida é só html e css...

Alguns dias atrás eu, "Gersão" e o Delano fomos até Morretes fazer um passeio, mas só que de uma forma alternativa não muito comum...

Link:

Veja o post completo no blog do Jeferson!

]]> http://webkrause.com/blog/2008/07/para-quem-pensa-que-a-vida-e-so-html-e-css.html http://webkrause.com/blog/2008/07/para-quem-pensa-que-a-vida-e-so-html-e-css.html Amigos Amigos para vida Thu, 31 Jul 2008 03:10:10 +0000 Validador CSS do W3C em português-br Publicado em um endereço para testes, a versão traduzida para português do Validador CSS, graças ao colaborador Maurício Samy Silva.

"Muitíssimo obrigado pelo seu maravilhoso trabalho", Olivier Thereaux do W3C

A versão traduzida do validador se encontra em http://qa-dev.w3.org:8001/css-validator/ e a listagem das traduções disponíveis está em: http://qa-dev.w3.org:8001/css-validator/translations.html

Apelo do W3C:

"Não hesite em usar a ferramenta no seu endereço de testes e procurar por erros de grafia ou de tradução."

"... o W3C colocou a tradução em um endereço provisório para testes... se você encontrar algum erro de grafia ou de tradução, por favor mandar um e-mail para: maujorcss[arroba]maujor[ponto]com"

Links

]]> http://webkrause.com/blog/2008/07/validador-css-do-w3c-em-portugues-br.html http://webkrause.com/blog/2008/07/validador-css-do-w3c-em-portugues-br.html CSS Web Standards CSS Linguagem de formatação W3C Mon, 14 Jul 2008 16:03:51 +0000 [Slides] arquitetura de informação, Vinícius Krause Meu irmão Vinícius Krause, deu uma palestra sobre arquitetura de informação no serviço dele. Segue abaixo os slides.

]]> http://webkrause.com/blog/2008/07/slides-arquitetura-de-informacao-vinicius-krause.html http://webkrause.com/blog/2008/07/slides-arquitetura-de-informacao-vinicius-krause.html Amigos Arquitetura de Informação Amigos Arquitetura de Informação Thu, 10 Jul 2008 03:06:32 +0000 Como acabar com os problemas dos Internet Explorer Descobri como acabar com todos os problemas de renderização dos Internet Explorer!!!

Porque não uma solução amigável para solucionar esses problemas?

<!--[if IE]>
<script type="text/javascript">
window.onload = alert("Merda de internet explorer");
</script>
<style type="text/css"> * { display: none; } </style>
<![endif]-->

Fora essa, eu desconheço qualquer solução...

]]> http://webkrause.com/blog/2008/07/como-acabar-com-os-problemas-dos-internet-explorer.html http://webkrause.com/blog/2008/07/como-acabar-com-os-problemas-dos-internet-explorer.html Navegadores idéias Evangelizar Navegadores Fri, 04 Jul 2008 17:37:28 +0000 PSPad extensions, Texto para lista Faz tempo eu baixei a extensão Text to list do James Swan, é uma extensão para transformar texto em lista do PSPad e ela é muito boa. O problema da extensão é que, além de eu precisar usar a barra de ferramentas para usar a extensão, no momento que eu executava a função aparecia um alert perguntando se eu queria gerar uma lista ordenada(<ol>), ai se caso eu quisseze fazer uma lista não ordena(<ul>) eu tinha que clicar "não". Isso não era tão prático.

Ai eu dei uma fuçada no código fonte da extensão e consegui fazer umas "alteraçõezinhas", como:

  • Deixei em português
  • Tirei a pergunta chata do alert
  • Adicionei atalho no teclado para cada formato de lista
  • E adicionei também a possibilidade de gerar um menu, uma <ul> com link

Beleza! então vamos ao que interessa!

Instale a extensão

  1. Você tem o PSPad instalado? se não, instale!
  2. Agora faça download da extensão
  3. Download feito, abra a pasta onde está instalado o PSPad, no meu caso é "C:\Arquivos de programas\PSPad editor"
  4. Lá terá uma pasta chamada "Script", dentro dela uma outra chamada "VBScript", entre dentro da pasta "VBScript"
  5. Agora descompacte o arquivo baixado dentro da pasta "VBScript"
  6. Renicie o PSPad
  7. e pronto!
Ver a extensão funcionando:
  1. abra um arquivo, pode ser um html
  2. digite várias palavras, uma abaixo da outra
  3. selecione todas as palavras
  4. vá em "Script", na barra de ferramentas
  5. "Converter para lista" > e escolha alguma lista
  6. Pronto

Clique na imagem abaixo para ver maior(o link abaixo é target="_blank"), porque a imagem abaixo está cortada...

texto pra lista thumb

Se quiser também pode usar atalhos do teclado

E ai, show? Gostou? Caso tenha alguma dúvida ou não tenha dado certo, comente! Ou se gostou e deu certo, também pode comentar.

Essa UMA DAS possibilidades do PSPad, ajude a divulgado também!

]]> http://webkrause.com/blog/2008/06/pspad-extensions-texto-para-lista.html http://webkrause.com/blog/2008/06/pspad-extensions-texto-para-lista.html Editores PSPad Editores Evangelizar Extensões PsPad Software livre Fri, 27 Jun 2008 21:28:30 +0000 Avisos interessantes do Windows É brincadeira, seguindo adiante com a série de avisos interessantes do Windows.

aviso_windows_2_thumb.png

Vamos analizar.

  1. "...Para restaurá-lo mais tarde,.."

    Eu estou excluído, quem disse que eu quero restaurar? Ainda mais o ícone do Internet Explorer. Será que ficaria melhor: "Caso deseje restaurá-lo..."

  2. "...ir para 'Videos' no 'Painel de controle'."

Que que é isso?

O corretor ortográfico do Windows é um índio?

Então, caso queira "conversar" com o sistema sugiro que fale da forma dele...

Mim ir para 'Videos' no 'Painel de controle' restaurar ícone Internet Explorer... Cara-pálida!!!

]]> http://webkrause.com/blog/2008/06/avisos-interessantes-do-windows.html http://webkrause.com/blog/2008/06/avisos-interessantes-do-windows.html Windows Thu, 19 Jun 2008 22:13:01 +0000 Como usar macro no PSPad Esse post é um tutorial de como fazer macros no PSPad. Caso não tenha ele instalado ou ainda nem sabe nem o que é, Veja o post sobre o PSPad aqui no blog mesmo, no post também tem o link para download.

  1. Abra algum arquivo (x)html no PSPad ou algum outro que quiser.

  2. Escreva alguns nomes de elementos de formulários comuns.(tudo em minúsculo[xhtml] e cada um em uma linha)

    exemplo, eu coloquei esses:

    nome email telefone site

  3. Posicione o cursor de texto em qualquer lugar da palavra "nome".

    ex.:

    no{pode ser no meio}me email telefone site
  4. Agora aperte Ctrl+F5 para começar a gravar o macro.
  5. Aperte a tecla Home para ir até o início da linha.
  6. aperte Shift+End para selecionar todo o texto (isso faz selecionar do primeiro até o último caracter da linha).
  7. aperte Ctrl+X para recortar o texto.

  8. Agora digite os seguintes texto e execute as seguintes ações, mas tudo na mesma linha:
    (Obs.: o que é pra digitar está em azul, as ações estão vermelho)

    ex.:

    <label for=" email telefone site

    agora aperte Ctrl+V (para colar o texto da memória);
    Continue digitando (Atenção na aspa que está fechando o atributo for da tag label):

    ex.:

    <label for="nome"> email telefone site

    aperte Ctrl+V (para colar o texto da memória);
    Continue digitando:

    ex.:

    <label for="nome">nome<input type="text" name=" email telefone site

    aperte Ctrl+V (para colar o texto da memória);
    Continue digitando (cuidado com as aspas!):

    ex.:

    <label for="nome">nome<input type="text" name="nome" id=" email telefone site

    e aperte Ctrl+V (para colar o texto da memória);
    Continue digitando:

    ex.:

    <label for="nome">nome<input type="text" name="nome" id="nome" value="" /></label> email telefone site
  9. Agora aperte Home e Seta para baixo (Para voltar ao começo e ir para linha de baixo).
  10. E para terminar de gravar o macro aperte Ctrl+F5.
  11. O programa(PSPad) vai pedir para você salvar, então de um nome ao seu macro e clique 'Ok'.
  12. Certo, agora coloque o cursor de texto em qualquer lugar de um daqueles texto[nome, email, telefone, site] e aperte F5 em cada linha

Ele vai adicionar tudo automático! Com isso você ganhará tempo programando ou sei lá o que.

Agora se quiser gerenciar seus macros aperte Ctrl+Shift+F5, você poderá editar, remover ou mudar as teclas de atalho.

Pronto, é isso.

Agora faça seus macros de acordo com suas necessidades.

]]> http://webkrause.com/blog/2008/06/como-usar-macro-no-pspad.html http://webkrause.com/blog/2008/06/como-usar-macro-no-pspad.html Editores PSPad Editores PsPad Software livre Wed, 18 Jun 2008 15:45:07 +0000 Download do Firefox 3 Download Firefox day

Depois de muito desespero e servidores caídos, consegui entrar no site da Mozilla para fazer o download do Firefox 3

Se você ainda não fez o download, entra no site em faz! ainda tem tempo!

]]> http://webkrause.com/blog/2008/06/download-do-firefox-3.html http://webkrause.com/blog/2008/06/download-do-firefox-3.html Internet Navegadores Evangelizar Firefox Internet Navegadores Tue, 17 Jun 2008 20:30:32 +0000 Baixe HOJE o Firefox!!! Apartir das 14 horas!!!

Download Day - Portuguese

Acompanhe a contagem regressiva.

Veja também o site do evento!

Link

Vamos juntos bater esse record.

]]> http://webkrause.com/blog/2008/06/baixe-hoje-o-firefox.html http://webkrause.com/blog/2008/06/baixe-hoje-o-firefox.html Internet Navegadores Evangelizar Firefox Internet Tue, 17 Jun 2008 14:05:06 +0000 Firefox Download Day Download Day

Uma missão de estabelecer um Recorde Mundial no Guinness pelo software mais baixado em 24 horas!

Parece um bom negócio, não acha? Tudo o que você precisa fazer é baixar o Firefox 3 durante o Download Day - é fácil assim.

A data oficial para o lançamento do Firefox 3 será postada, no site do evento

Entre e participe!

]]> http://webkrause.com/blog/2008/05/firefox-download-day.html http://webkrause.com/blog/2008/05/firefox-download-day.html Internet Navegadores Evangelizar Firefox Internet Navegadores Thu, 29 May 2008 15:59:17 +0000 Avisos do Windows Aviso do XP:

No computador existe um arquivo ou pasta chamado 'C:\arquivos', que pode causar o mal funcionamento de certos aplicativos. Renomear o arquivo ou pasta como 'C:\arquivos1' resolveria o problema. Deseja renomá-lo agora?

Agora eu me pergunto...

QUAL!!!????? o motivo de ter uma pasta chamada "arquivos" pode causar mal funcionamento?

Mas o melhor foi a salução!!

Usuário, não deseja renomear para "arquivos1"?

Brincadeira, quer dizer que para o meu própio bem, não se recomenda ter uma pasta chamada "arquivos", mas "arquivos1" pode. Esse é o Windows...

E o Vista, que aparece dois avisos quando eu apenas quero colar(Ctrl+V) algum arquivo.

E agora que surgiu boatos do Windows 7, isso é brincadeira? devem estar me zuando? Mas o caso é que se trata de uma reforma no Vista, ai eu até tenho uma esperança.

Show, Vida longa Windows!!

]]> http://webkrause.com/blog/2008/05/avisos-do-windows.html http://webkrause.com/blog/2008/05/avisos-do-windows.html Windows Wed, 28 May 2008 15:45:12 +0000