SPAW Editor - A web based in-browser WYSIWYG editor

Igor Escobar on Jun 13th 2008

SPAW Editor

Recentemente foi lançado pela SOLMETRA, um editor WYSIWYG bastante interessante, o editor possui um visual bem agradável, atende a grande maioria das nacessidades.

  • O SPAW Editor possui suporte à linguagem PHP (PHP4, PHP5) e .NET (2.0 ou superior).
  • Oferece suporte aos mais importantes browsers do mercado (Opera, Safari, Internet Explorer, Firefox, Netscape etc.).
  • Oferece suporte a instalação e criação de novos temas.
  • Suporte e mais de 30 idiomas diferentes.
  • Arquitetura Modular
  • Menus flutuantes compartilhados
  • Interface multi-documento tabeada.

Para ler mais sobre as suas funcionalidades, acesse o site do autor.

Filed in PHP, Utilidades | One response so far

Plurk, ai vou eu!

Igor Escobar on Jun 9th 2008

Plurk Logo

Quem ainda não conhece, apresento à vocês o Plurk. Um serviço de microblogging que “promete”.

Após o Twitter começar a apresentar muitos problemas em sua estrutura, consecutivamente, acaba se refletindo em seu sistema, muitas pessoas migraram para o Plurk.

Confesso que eu não fui usuário do Twitter, depois que comecei a utilizar o Plurk (@igorescobar) , a curiosidade fez com que eu me cadastrasse e desse uma conferida rápida no que o Twitter oferecia para ser tão conhecido assim, logo, “broxei” sinceramente, o Plurk tem o que melhorar, mas de longe é possível ver o potêncial que tem este recém-nascido projeto possui em cima do grande e consagrado (já nem tão) Twitter.

obs: cuidado, isso vicia (rs).

Filed in Curiosidades, Geral, Internet, Utilidades | 2 responses so far

Porquê semântica faz diferença: Tag span

Igor Escobar on Jun 9th 2008

Porquê semântica faz diferença

Este projeto tem como objetivo, dar um “empurrãozinho”, para aquelas pessoas que não tem o hábito de ir em busca dos valores semânticos das tags que utilizam, a grande maioria dos designers e programadores sabem que devem usar a tag div por exemplo, mas não fazem idéia do por que realmente ela foi criada ou qual o verdadeiro uso prático desta tag.

Tag <span>

Definição

A tag <span> é utilizada para agrupar elementos de linha no seu documento.

Diferenças no HTML e XHTML

Nenhuma.

Dicas e Observações

Dica 1: Use a tag <span> para agrupar elementos de linha e formata-los com stilos.

Exemplo

Código Saída
<p>This is a paragraph <span style=”color:#0000FF;”>This is a paragraph</span> This is a paragraph</p><p>
<span style=”color:#00DD45;”>
This is another paragraph
</span>
</p>
This is a paragraph This is a paragraph This is a paragraph


This is another paragraph

Atributos Padrão

id, class, title, style, dir, lang, xml:lang

Eventos suportados

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Filed in Internet, Semântica, Web Standards | One response so far

Porquê semântica faz diferença: Tag ins

Igor Escobar on Jun 4th 2008

Porquê semântica faz diferença

Este projeto tem como objetivo, dar um “empurrãozinho”, para aquelas pessoas que não tem o hábito de ir em busca dos valores semânticos das tags que utilizam, a grande maioria dos designers e programadores sabem que devem usar a tag div por exemplo, mas não fazem idéia do por que realmente ela foi criada ou qual o verdadeiro uso prático desta tag.

Tag <ins>

Definição

A tag <ins> é utilizado para indicar que o texto que estiver entre ela, é um texto que foi “acrescentado” depois que o documento foi escrito.

Diferenças no HTML e XHTML

Nenhuma.

Dicas e Observações

Dica 1: Use a tag <ins> junto com a tag <del> para enfatizar alterações e atualizações no documento

Exemplo

Código Saída
a dozen is <del>20</del> <ins>12</ins> pieces! a dozen is 20 12 pieces!

Atributos Opcionais

DTD indica em qual DTD o atributo é permitido. S=Strict, T=Transitional, and F=Frameset.

Atributo Valor Descrição DTD
cite URL A URL do texto ou documento que explica o motivo pelo qual o texto sofreu alterações. STF
datetime YYYYMMDD Dia e a hora que o texto foi inserido/modificado. STF

Atributos Padrão

id, class, title, style, dir, lang, xml:lang

Eventos suportados

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Filed in Internet, Semântica, Web Standards | 2 responses so far

Porquê semântica faz diferença: Tag base

Igor Escobar on Jun 2nd 2008

Porquê semântica faz diferença

Este projeto tem como objetivo, dar um “empurrãozinho”, para aquelas pessoas que não tem o hábito de ir em busca dos valores semânticos das tags que utilizam, a grande maioria dos designers e programadores sabem que devem usar a tag div por exemplo, mas não fazem idéia do por que realmente ela foi criada ou qual o verdadeiro uso prático desta tag.

Tag <base>

Definição

A tag <base> tem por objetivo, definir o caminho BASE para todos os links no documento.

Diferenças no HTML e XHTML

No HTML a tag <base> não precisa ser fechada.

No XHTML a tag <base /> precisa ser própriamente fechada.

Dicas e Observações

Nota 1: A tag <base> precisa ser definida entre a tag head quando utilizada.

Exemplo

Para inserirmos uma imagem no documento poderiamos colocar a seguinte URL:

  1. <img src="http://www.igorescobar.com/images/smile.gif" />

Agora vamos inserir a tag <base> para especificar a url base de todos os links da pagina:

  1. <base href="http://www.igorescobar.com/images/" />

Agora todas as imagens que inserirmos no documento deverá ser relativo a url base especificada entre a tag head do documento:

  1. <img src="smile.gif" />

Atributos Requeridos

DTD indica em cada DTD o atributo é permitido. S=Strict, T=Transitional, e F=Frameset.

Attribute Value Description DTD
href URL Especifica a URL base para todos os links da página. STF

Atributos Opcionais

Attribute Value Description DTD
target _blank
_parent
_self
_top
Quando queremos que todos os links da página abra de uma única maneira. Esse atributo pode ser sobre escrevido quando setado individualmente em cada link no documento.

  • _blank - todos os links abriram em um novo documento.
  • _self - todos os links abriram no mesmo frame onde o link foi clicado.
  • _parent - todos os links iram abrir no frameset parent.
  • _top - independente de quantos frames houver, todos os links vao abrir no corpo todo da janela.
TF

Eventos e Atributos padrões

Nenhum

Filed in Internet, Semântica, Web Standards | No responses yet