Client-Side: HTML CSS JavaScript
Desenvolvimento WEB: O Céu é o limite
Inserindo um vídeo usando o HTML 5
O que é ter a possibilidade de inserir um vídeo usando HTML5? É claro que você sabe muito bem que o HTML5 é um conjunto de padrões web desenvolvido pela “Web Hypertext Application Technology Working Group” O padrão HTML5 inclui muitas características para aplicações web dinâmicas incluindo áudio e vídeo. No código abaixo você pode [...]
Posted in Vídeo | 2 Comments
Formulário HTML com campo de data
É muito comum no nosso dia-a-dia de desenvolvedor client-side nos depararmos com a situação de construir um formulário que tenha um campo de data. Pensando nisso estou escrevendo este artigo para lhe mostrar como formatar um campo de data de um formulário corretamente. O primeiro passo é claro é você escrever o código fonte do [...]
Posted in Formulários | No Comments
Carta de Steve Jobs (Thoughts on Flash)
A Apple tem uma relação de longa data com a Adobe. De fato, nosso primeiro contato foi quando os fundadores da Adobe ainda estavam na proverbial garagem. A Apple foi o primeiro grande cliente deles, ao adotar a linguagem Postscript da Adobe para nossa impressora laser. A Apple investiu na Adobe e deteve cerca de [...]
Posted in Acessibilidade | No Comments
Você sabe o que são dados Linkados?
A Web Semântica é a Web de Dados; de títulos; de números; de fotos; de vídeos ou qualquer outro dado que se possa conceber. O RDF é a base para a publicação e linkagem de dados. Para você que ainda não sabe o que é um documento RDF, ou seja, Resource Description Framework, é uma [...]
Posted in RDF | No Comments
Você conhece o histórico do JavaScript?
JavaScript é uma Linguagem de Programação criada por Brendan Eich a pedido da empresa Netscape em meados de 1995. No início, o JavaScript foi batizado com outro nome: LiveScript. No entanto, a Netscape não ficou sozinha com o desenvolvimento do JavaScript. A empresa SUN Microsystems interessou-se por ela e entrou de cabeça no desenvolvimento desta [...]
Posted in JavaScript | 5 Comments
Removendo atributos usando jQuery
Para remover atributos de elementos HTML usando a biblioteca jQuery fica fácil. Veja o código abaixo. jQuery.fn.removeAttributes = function() { return this.each(function() { var attributes = $.map(this.attributes, function(item) { return item.name; }); var elemento_escolhido = $(this); $.each(attributes, function(i, item) { elemento_escolhido.removeAttr(item); }); }); } Este código cria, podemos dizer um plug-in para remover todos os [...]
Posted in Plugins | 2 Comments
Acessibilidade
Acessibilidade significa não apenas permitir que pessoas com deficiências ou mobilidade reduzida participem de atividades que incluem o uso de produtos, serviços e informação, mas a inclusão e extensão do uso destes por todas as parcelas presentes em uma determinada população. Na arquitetura e no urbanismo, a acessibilidade tem sido uma preocupação constante nas últimas [...]
Posted in Acessibilidade | No Comments
Entendendo melhor o HTML e o CSS
HTML (Hypertext Markup Language) e CSS (Cascading Style Sheets) são duas das principais tecnologias para a construção de páginas web. HTML fornece a estrutura da página, o CSS (visual e auditiva) layout, para uma variedade de dispositivos. Junto com HTML; os gráficos; os scripts e o CSS são a base da construção de páginas Web [...]
Posted in HTML | No Comments
HTML 5: Você sabe o que é Timed Text Markup Language (TTML)?
Texto Timed Markup Language é um tipo de conteúdo de mídia que representa texto cronometrado com o propósito de intercâmbio entre sistemas de criação. Texto cronometrado é informação textual que é intrinsecamente ou extrinsecamente associado com informações de tempo. O Texto Timed Markup Language (TTML) 1.0 fornece uma representação padronizada de um subconjunto específico de [...]
Posted in TTML | No Comments
HTML 5: Finalmente um elemento de áudio
Agora você não vai mais precisar entrar no flash para simplesmente criar um player com o objetivo de colocar qualquer conteúdo de áudio em seu site ou blog. Isso mesmo; com o HTML 5 isso agora é possível usando o elemento de áudio, como você pode ver no código HTML abaixo. <!DOCTYPE HTML> <html> <body> [...]
Posted in HTML5 | No Comments
HTML 5: maxlength para o textarea
Um grande defeito do HTML, finalmente foi superado como o surgimento do HTML 5! Agora é possível usar o atributo maxlength para o elemento do HTML 5 textarea. Entenda que o atributo maxlength, até o HTML 4.01 e XHTML 1.0, era o responsável por limitar a quantidade de caracteres em um campo input de um [...]
Posted in HTML5 | No Comments
O que é uma Linguagem de Marcação?
Linguagens de marcação são aquelas linguagens que fazem marcações no texto. Estas marcações são feitas na parte estrutural do documento WEB. Estou falando de linguagens como, por exemplo, HTML, XML, e (X)HTML, uma vez que são linguagens de marcação que se destinam a marcar e estruturar conteúdo para a WEB. Marcações são aquelas em que [...]
Posted in HTML | No Comments
Como descobrir se o seu browser suporta CSS3
No início de tudo, quando Deus criou o Homem. Ok! Não foi a tanto tempo assim. O que estou querendo dizer é que bem no início da internet, era comum os desenvolvedores criarem funções em JavaScript para detectar qual era o user agent do usuário final do site. Isso acontecia muito pelo fato de que [...]
Posted in HTML5 | No Comments
Acessibilidade Web: Custo ou Benefício?
Importante vídeo sobre acessibilidade na Web agora está disponível também em HTML5 e TTML 1.0. O W3C Brasil, em parceria com Acesso Digital, um grupo de pesquisa em acessibilidade, usabilidade e padrões Web, disponibiliza uma nova versão do vídeo “Acessibilidade Web: Custo ou Benefício?”, utilizando agora o padrão HTML5 e com legendas em inglês, espanhol [...]
Posted in Vídeos | No Comments
Criando gráficos com jQuery e o plugin Charts
Gerar um gráfico, com uma barra horizontal, usando o framework jQuery é muito simples. Basta você fazer o dwonload do plugin jquery.charts.js e escrever uma tabela com alguns dados organizados de forma lógia e pronto. No HTML <table id=”stats”> <caption>Estatística</caption> <thead> <tr> <th>Navegador</th> <th>Usuários</th> </tr> </thead> <tfoot> <tr> <td>Total</td> <td>100</td> </tr> </tfoot> <tbody> <tr> <td>Mozilla [...]
Posted in Charts | No Comments
Input do formulário aceitando somente números com DOM
É muito interessante aprendermos a desenvolver uma função, simples para barrar a digitação de caracteres em um input do formulário. Isso é importante pelo motivo de que muitas vezes necessitamos de entrada de dado no banco de dados somente de números, como telefone ou CPF Para isso, vamos escrever uma função em JavaScript usando apenas [...]
Como selecionar e deselecionar todos os checkbox usando jQuery
É muito comum no dia a dia de um programador JavaScript ter que selecionar e deselecionar todos os checkbox em uma aplicação WEB. Para isso funcionar é muito simples. Basta usar o jQuery. Veja um exemplo abaixo: No HTML <form id=”frmCarrinho” name=”frmCarrinho”> <fieldset> <legend>Produtos:</legend> <label for=”prod01″>Livro 01:</label> <input type=”checkbox” name=”prod[]” id=”prod01″ value=”prod01″ /> <label for=”prod02″>Livro [...]
Posted in Formulários | 5 Comments
Cookie com jQuery
É muito comum no dia-a-dia do desenvolvimento WEB, exisitr uma aplicação que necessite de um link, usando o elemento a do HTML, para chamar uma função JavaScript. Neste caso então não seria usado o atributo href do elemento a. No entanto, quando isso acontece a pseudo-classe :visited que é atribuída ao elemento a do HTML, [...]
Posted in Cookie | No Comments
Cascading Style Sheets [CSS]
Cascading Style Sheets ou somente CSS é uma linguagem de formatação utilizada para personalizar ou formatar páginas HTML. Todos os navegadores atuais podem lidar com CSS facilmente, principalmente as versões mais recentes dos navegadores que já são desenvolvidos pensando em como ler e interpretar melhor as CSS. Utilizando CSS, você pode definir as cores, fundos, [...]
Posted in Introdução | No Comments
Como pegar os valores selecionados em um checkbox usando jQuery
Em um formulário, é muito comum existir valores de entrada de dados contidos em um checkbox, que é na verdade um tipo de input para múltipla seleção. Veja um exemplo: Em um formulário, pode ser necessário o usuário escolher quais são os produtos que quer excluir do carrinho de compra. Para isso vamos usar o [...]
Posted in Formulários | 8 Comments