Ir para o conteúdo

 Voltar a Blog
Tela cheia Sugerir um artigo

Apresentação de slides com jQuery e HTML5

29 de Novembro de 2011, 11:43 , por Desconhecido - 0sem comentários ainda | Ninguém seguindo este artigo por enquanto.
Visualizado 328 vezes
Por Bernardo Chaves

Esta demonstração foi adaptada a partir de exemplos retirados da Web.

Desejamos mostrar o potencial do HTML5 e a evolução da biblioteca Jquery, tecnologias que permitem  que o designer/programador seja mais independente de scripts complexos, imagens e compatiblidade entre browsers. Graças a isso a experiência do usuário final é enriquecida através de uma melhor navegabilidade.

Seu uso pode substituir com algumas vantagens os arquivos de apresentação em Powerpoint pois voce só precisa de um browser instalado. Isso faz a distribuição ficar mais fácil e universal. Outra vantagem é que por ser toda em texto mais fácil para o trabalho de grupo usando o SVN ou CVS.

Na apresentação usamos algumas novidades do CSS3 e jQuery como:

  • Drop-shadow para textos e outros elementos;
  • Fontes anexadas via servidor;
  • Navegação via teclas de direção;
  • History do jQuery (ele capta as âncoras da página)
  • Gradientes de cor nos elementos.

Para ver um exemplo de funcionamento veja o site qual nossa apresentação foi baseada: http://apirocks.com/html5/html5.html

Faça o download aqui

Autor: Rafael Jardim


0sem comentários ainda

Enviar um comentário

Os campos são obrigatórios.

Se você é um usuário registrado, pode se identificar e ser reconhecido automaticamente.

Checklist para o projeto de interfaces

14 de Dezembro de 2011, 16:00, por Desconhecido

Este é um roteiro básico para verificação dos elementos interface para desenharmos um projeto. Vale lembrar que os projetos do MDArte são basicamente em CRUD (Create, Retrieve, Update e Delete) e não sistemas CMS com outras divisões e exibições. Cada um pode ter a sua lista e seria legal enviar comentários com adendos para ficar cada vez mais completa e padronizada.



Monthly archive for agosto 2010 CSS, Plugins, jQuery Flexigrid – Tabelas inteligentes com CSS e jQuery

14 de Dezembro de 2011, 15:46, por Desconhecido

Essa semana aqui no projeto, estávamos procurando uma solução para algumas tabelas que extrapolavam o tamanho da



Auto-Grid 960

14 de Dezembro de 2011, 15:41, por Desconhecido

Essa dica vai pra quem não tem muita paciência de configurar um js de grid 960 direto no seu código para ver o alinhamento de seus elementos.



Título na tabela do displayTag

14 de Dezembro de 2011, 15:39, por Desconhecido

O MDArte utiliza o displayTag e é possível customiza-lo de diversas maneiras. Uma coisa legal é colocar um título que só será exibido quando a consulta for executada.



CSS3:Textos com sombras

14 de Dezembro de 2011, 15:12, por Desconhecido

Se voce aplicar a propriedade “box-shadow” em um texto, a mesma vai ser aplicada em sua caixa (box). Para isso foi criada a propriedade “text-shadow”.
Seu uso é o seguinte: