JQuery LoadMask
Um simples e eficaz plugin para se fazer um "aguarde" enquanto algum código javascript é executado.
http://code.google.com/p/jquery-loadmask/
JQuery BlockUI Plugin (Recomendado)
Um plugin completo e com suporte para bloqueio da tela inteira ou por elemento.
http://www.malsup.com/jquery/block/
Obs: AjaxLoad
Uma página geradora de imagem para exibir enquanto um código está sendo processado (loading).
http://ajaxload.info/
Vamos falar de HTML 5 - Atributo "ContentEditable"_
Vi um post do Bernard De Luna no iMasters falando sobre um CMS WYSIWYG (nossa, quanta letra solta!) chamado checkthis, onde ele fala de um atributo do HTML 5 chamado "ContentEditable" (clique para ver a documentação), como eu não conhecia, decidi ver como esse atributo funciona e ele é bem simples: Permite a alteração do conteúdo de uma página HTML.
Para usar essa funcionalidade, é só colocar o atributo ContentEditable no seu elemento ex.:
Você também pode permitir a edição de todos os elementos filhos se declarar que o elemento vai herdar a propriedade do pai:
...Você pode editar esse texto, tente!...
Mas claro, o conteúdo alterado não será salvo a não ser que você utilize código back-end ou o localStorage do HTML 5.
Esse atributo permite que seja desenvolvido páginas com uma maior interação do usuário mantendo a elegância e o design sem ser trabalhoso!
Mas sempre que falamos de HTML 5, vem a cabeça "é cross-browser?".
É ai que vem a parte boa, o ContentEditable é suportado por todos os maiores browsers, isso inclui todos IE's (é, também não acreditei!), FF, Chrome, Safari, Opera e até alguns mobiles! Veja a relação completa aqui!
E você? Está pensando onde pode aplicar esse atributo no seu dia-a-dia?
Para usar essa funcionalidade, é só colocar o atributo ContentEditable no seu elemento ex.:
<p contenteditable>Seu texto</p>Você também pode permitir a edição de todos os elementos filhos se declarar que o elemento vai herdar a propriedade do pai:
<div contenteditable="true">
<h3 contenteditable="inherit">Seu titulo</h3>
<p contenteditable="inherit">Seu parágrafo</p>
</div>
...Você pode editar esse texto, tente!...
Mas claro, o conteúdo alterado não será salvo a não ser que você utilize código back-end ou o localStorage do HTML 5.
Esse atributo permite que seja desenvolvido páginas com uma maior interação do usuário mantendo a elegância e o design sem ser trabalhoso!
Mas sempre que falamos de HTML 5, vem a cabeça "é cross-browser?".
É ai que vem a parte boa, o ContentEditable é suportado por todos os maiores browsers, isso inclui todos IE's (é, também não acreditei!), FF, Chrome, Safari, Opera e até alguns mobiles! Veja a relação completa aqui!
E você? Está pensando onde pode aplicar esse atributo no seu dia-a-dia?
Desenvolvimento Web Offline_
A Mozilla publicou um post sobre desenvolvimento de aplicações web offline.
http://blog.mozilla.org/webdev/2013/01/14/the-kinda-offline-web/
Cache manifest em HTML5
http://en.wikipedia.org/wiki/Cache_manifest_in_HTML5
Muito bom saber que em breve poderemos criar aplicações SPA, Responsive e Offline.
http://blog.mozilla.org/webdev/2013/01/14/the-kinda-offline-web/
Cache manifest em HTML5
http://en.wikipedia.org/wiki/Cache_manifest_in_HTML5
Muito bom saber que em breve poderemos criar aplicações SPA, Responsive e Offline.