Recently in XHTML Category

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.

• A idéia é baseada no txt2tags do Aurélio Marinho Jargas.
• Feito com javascript.
• Não é um txt2tags com vários comandos mas já é muito útil!
• Se quiser a versão web, também está disponível.

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

• Texto para (x)html

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

Esse é o fim da era Dreamweaver, agora começou a era PSpad.

Por uma internet mais livre, produtiva e barata. Por que não PSpad?

PSPad é um editor gratuito. Você pode personalizar praticamente tudo que quiser. Não necessita de nenhum processo de instalação complexo. É só instalar e usar, e se quiser pode instalar várias extensões também. Suporta muitos tipos de arquivos e linguagens e ainda tem destaque de sintaxe.

PSPad possibilita trabalhar com macros, arquivos na área de transferência e modelos para automatizar tarefas repetitivas. Conta com um editor hexadecimal integrado, suporte a projetos, cliente FTP, gravador de macros, recursos de busca/substituição de arquivos, explorador de códigos, conversão de páginas de códigos e muito mais."

Sabe aquela história de um mundo com software livre? Então, é essa...

Veja a tabela de comparação:

Editores	PSpad	Dreamweaver CS3
Espaço	9.27MB	1GB
Idiomas	18 idiomas mas, é multilanguage	14 idiomas
Sistema operacional	XP/2000/ME/9x/Vista/2003 ou até em Win95	XP SP2, Vista™ Home Premium, Business, Ultimate, ou Enterprise e Mac OS
Memória	256MB	512MB
Processador	350MHZ	Processador Intel® Pentium® 4, Intel Centrino® Intel Xeon® ou Intel Core™ Duo (ou compatível)
Preço	100% FREE	R$ 850,00

• Site: http://www.pspad.com/
• Faça Download do PSpad!

Recentemente o Gonçalo, professor da faculdade Opet, pediu para eu dar um palestra para os alunos dele. Foi um processo de evangelismo dos Web Standards.

Alguns dos tópicos da palestra foram os seguintes:

• Desenvolvedor analfabeto
• WYSIWYG
• W3C
• Tecnologias interoperáveis
• Linguagens de marcação
• WAI
• Linguagem de formatação
• Web semântica
• RDF

Os slides estão a seguir. Para navegar pelas telas use as teclas: espaço, esquerda e direita.

Disponível para download (arquivo exe).

esse é o endereço da minha casa, é uma parte do meu hCard.

Gera:
Rua Paulo Setúbal, 1565 - Boqueirão Curitiba, Paraná, 81670130

Olha como facílita nossa vida o Operator do Firefox.

e redireciona para o google maps

depois que acustuma, você vai acha ruim os sites que não tem hCard.

Links

• Microformats
• Google Maps
• Operator

Talvez várias pessoas já devem ter visto, mas não custa nada divulgar mais.

No site dos Microformats[1], existe alguns geradores de códigos[2]. São muito bons, em algumas tecladas e uns cliques seu hCard ou seu hCalendar já está pronto.

Também tem um gerador de XFN[3] muito bom mesmo.

Ferramentas que estão disponíveis para adicionar semântica em sua página com práticidade.

Geradores

• hCard Creator
• hCalendar Creator
• hReview Creator
• [3]XFN 1.1 Creator Esse não é no site microformats.org

Links

1. Microformats
2. Codes
3. XFN 1.1 Creator

Outros links interessantes

• Xhtml Friends Network
• XFN on the GRDDL
• Jane's XFN List Vejam esse!
• hReviews

Mais outros

• Dreamweaver Extension

You can be proud of yourself!

XHTML

19 corretas em 8 minutos e 11 segundos.

CSS

19 corretas em 6 minutos 14 segundos.

É uma prova que contém 20 questões e não há limite de tempo.

Esse teste não é oficial, é apenas uma boa maneira de ver o quanto sabe, ou não sabe, sobre XHTML e CSS.

A sua pontuação é somada e receberá 1 ponto para cada resposta correta. No final do teste, sua pontuação total será exibida. O máximo é de possível são apenas 20 pontos.

Faça o teste, não é difícil!

Links

• XHTML Quiz
• CSS Quiz

Vários blogs públicam listas de extensões para o Firefox, e nestas listas gigantescas, algumas extensões são excelentes, mas outras você usa uma vez e se arrepende de ter instalado.

a minha lista é pequena, mas listo extensões que seu Firefox não pode ficar sem estas elas, são muito boas e você vai usar sempre.

Fundamentais

1. Web Developer - acho que é a extensão mais pop-star do Firefox. É uma barra de ferramentas que tem várias funções. Nem dá para explicar, só instalando e usando para ver.
2. Firebug - Tipo o Web developer, mas muito mais prático!
3. HTML Validator - um excelente validador de marcação, tem vezes que é até melhor que o Markup Validation Service
4. MeasureIT - uma régua
5. The Tabulator - Uma maneira de navegar na web por meio de inter-application com o padrão de dados RDF.
6. Semantic Radar - Barra de status que aparece um ícone indicando se a presença de Web Semântica(RDF) na respectiva página. E que possibilita ver quais são esses dados.
7. FOAFox - Descobre FOAF perfil na página.
8. Operator - leitor de Microformatos, com opção de interação com outros sites e também pode exportar dos dados. É muito bom, você começa achar ruim os site que não tem Microformats.

Interessantes

Mas não fazem parte do seu dia-a-dia.

1. View Source Chart - cria um gráfico colorido do código fonte de uma página.
2. Total Validator - validador de páginas.
3. Tails Export - para mostrar e exportar Microformatos.
4. Hyperwords - Ferramenta muito incrível. Fora do normal mesmo, essa é uma das melhores extensões. Entre no site do fábricante e veja o video de como é que funciona!

Links relacionados

• Firefox
• extensões para o Firefox
• Microformats

Essas lista de extensõe sestá em sempre sendo atualizada

Apesar de ser pequeno e simples, foi reconhecido, e está lá no CSS star[1]. E já tem até alguns votos!

Links

1. CSS star
2. WebKrause no CSS star

Conversa que eu tive com o grande amigo meu Bruno Blanke pelo Google Talk sobre:

• Web Standards
• XHTML
• CSS
• W3C
• Possível happy hour de padrões web

Não se preocupe com os elogios no decorrer do post.

Gustavo: o blanke

Bruno Blanke: fala

Gustavo: sabe a div clear, sabe qual é a forma correta.. eu vi no site da W3C.

Bruno Blanke: <br class="clear">

Gustavo: no HTML

Bruno Blanke: n sei, como?

Gustavo: <hr class="hide" />

.hide {
  visibility: hidden;
  background: #fff;
  color: #fff;
  clear: both;
  margin: 0;
}

Bruno Blanke: hmmm, massa mas, mesmo assim eu vejo como gambiarra e que os browser que tinham que se espertar

Gustavo: mas com <hr /> é a forma mais semântica né? e pq será que a W3C coloca

html, body {
  background: #fff;
  color: #000;
}

e coloca só com 3 e minusculo #fff, #FFFFFF, acho #FFFFFF mas massa..

Bruno Blanke: n sei a explicação, talvez carregue menos, fique mais leve

Gustavo: mas é por isso mesmo, é que os cara são fod.., eles fazem o melhor em cada coisa

Bruno Blanke: axo melhor #FFFFFF, isso é hexadecimal, HEXA, 6, n é tridecimal.

Gustavo: to ligado, mas ai entra o CSS pra simplifica, por um lado é bom

Bruno Blanke: n sei não, n sei se devemos seguir tudo que a W3C faz, carai

Gustavo: é aquilo q eu disse, os cara estraem o CSS, tudo que é auxilio que a linguagem disponibiliza..

Bruno Blanke: ainda axo <hr class="hide" /> errado, gambiarra, e n tem quem me tire isso da cabeça

Gustavo: tá parecendo um publicitario com a cabeça dura desse jeito...

Bruno Blanke: não é tu que é o xiita

Gustavo: to achando que vc quer fazer faculdade de publicidade e propaganda em! rsrsrs... Temos que seguir a W3C como a igreja! hahahaha

Bruno Blanke: é, vc é burro mesmo, em carai, igual a minha vó fala

Gustavo: e o site da W3C é a bíblia

Bruno Blanke: tem que ter fé em Deus e azar é das outras religiões.
A é, e o aucorão, n importa????

Gustavo: não existe outras religiões só a Web Standards

Bruno Blanke: então se não existisse outras religiões todos seriamos crentes?

Gustavo: e o Papa é o Tim berners lee

Bruno Blanke: ta, então vejamos assim

Gustavo: hm?

Bruno Blanke: qual o nome da mulé lá que começou o adventista?

Gustavo: sei la

Bruno Blanke: existia a igreja católica, que era lei e tudo que falavam era lei

Bruno Blanke: dai veio um tal de lutero e discordou de algumas coisas certo?

Gustavo: hm? Ai venho vc e discordo da W3C

Bruno Blanke: a W3C é a igreja católica, tudo que ela falar tem que ser lei

Gustavo: :)

Bruno Blanke: e n pode ser questionada é assim então?

Gustavo: agora vamos pensar assim.

Bruno Blanke: eu sou um herege então, tenho que ser queimado

Gustavo: Siga o meu pensamento, Eu sei que tem várias coisa que podem ser aprimoradas.. mas pense assim.

Gustavo: A W3C foi quem desenvolveu o XHTML, CSS, Web Semântica, XML, OWL, XSLT, etc. Eles são as pessoas que mais sabem sobre isso no mundo! Eu acredido e sei que existem coisas a serem aprimoradas, é por isso que sempre surgem novas versões de HTML, CSS, etc.

Por isso, acredito que no momento atual as melhores soluções para a Web estão relacionadas a propósta da W3C.

W3C não apenas Tim Berners-Lee e sua equipe, além disso são várias empresas que trabalham para chegar a uma solução boa para todos. Para "levar a Web ao seu potencial máximo".

Então se quiser melhor o seu XHTML e não usar mas a tag <hr class="hide" /> para tirar o efeito do float, sigamos!!!!!!!(envangelista) a W3C para que eles tenho muita grana e possam lançar uma versão nova de XHTML que seja ainda melhor, com muito mais semântica!

É como se fosse uma igreja que tem um bíblia como a wikipédia, onde sempre o que está lá , neste livro, é o mais atual e melhor. E se não for o melhor pode ter certeza que logo-logo será lançado algo novo ou aprimorado.

mas ou menos é isso...

Bruno Blanke: o problema da <hr class="hide" /> é dos browsers não da W3C, n acha isso?

n acha que a W3C n deveria ser mais xiita?

Gustavo: claro, mas é que não é apenas a W3C, depende de nós também! vc viu o post do e-mail para o gerente do W3C

Bruno Blanke: Se ta virando político mesmo, carai

Gustavo:

Mas é uma questão só de tempo até entenderem que com padrões todos ganham.
O tempo pode ser longo ou mais curto. Depende de nós."

Vagner Diniz

Bruno Blanke: enquanto isso usamos gambiarra mesmo?

Gustavo: isso foi o que o cara falou e eu assino em baixo. Essas "gambiarras" são as únicas disponíveis no momento...

Bruno Blanke: eu discordo, senão a W3C ta relaxando

Gustavo: Mas não é gambiarra o hr

Bruno Blanke: claro que é, n é semântico porr..., pensa bem, pra que serve uma linha?

Gustavo: para separar, ou para limitar, contornar..

Bruno Blanke: eu to cansado de escrever, depois discutimos ao vivo que dai eu posso te bater

Gustavo: mas assim a gente pode guardar a conversa e disponibilizar para que outras pessoas possam aprender

Daqui pra frente muda um pouco a conversa, e vamos usar um <hr /> para separar...

---

Bruno Blanke: qq tu acha de organizarmos um happy hour de padrões web? E chamar os caras de agências de curitiba? Nada melhor pra evangelizar certo?

Gustavo: Certo, é por isso que a gente tem saber o que evangelizar... estar do lado dos padrões, não deixar que qualquer um passe o rodo em nós o "baguinho" é esse! Envagelismo! Web Standards ou queima todos os servidores e ninguém usa a internet. assim estou sendo muito mal.

Bruno Blanke: tu vai participar certo? vamos marcar essa semana ainda o Diego tem uns contatos

Bruno Blanke: sexta-feira às 19hrs, o Diego ja ta ligando pros caras, dai eu posto nos grupos

Gustavo: Vamos criar o novo período a inquisição dos Web Standards! hahahaahahahahahahahahaha(risada do mal...rsrsrs)

pera pia

Bruno Blanke: pera nada

Gustavo: vamo planejar melhor carai

Bruno Blanke: ta com medo porra, vai tomar no C, qq tu ta falando nde planejar, Natali do carai

Gustavo: ai a gente marca e só tem coisa paia pra falar.. ficar falando de código.. eu não sou tão burro assim..

Bruno Blanke: quanto tempo tu acha? pra planejar

Gustavo: não sei, tenho que planejar também......hahahaa

Bruno Blanke: planejar pra planejar

Gustavo: planejar para pegar o cara com as calça na mão

Bruno Blanke: sexta que vem, ta bom, quinta que vem, dai conversamos esse fds, nós 2, beleza? E planejamos bastante, pode ser?

Bruno Blanke: pode ser, mas tu é afim né carai?

Gustavo: Estou muito! Mas,,, tem que estar preparado.

Bruno Blanke: a bom, isso que eu queria ouvir, "Estou muito!"

Gustavo: Tudo que é na loca... Entra na boca....e vai pro estomago e depois vira bosta... Que podre

Gustavo: Blz, entao blanke , depois a gente conversa.

Bruno Blanke: beleza, ve ai que dia podemos nos encontrar pra discutir beleza? e dai me fala, ok?

Gustavo: certo.

Links

• W3C

Tira um e coloca outro. Basicamente é pra isso que serve a Tag del e tag ins

De: R$ 20,00, Por: R$: 10,00!

De: <del>R$ 20,00</del>, Por: <ins>R$: 10,00</ins>!