Postagens

Mostrando postagens de Outubro, 2014

Parallax somente com CSS

Fala galera, irei postar também agora dicas de artigos que vi e achei legal, iria fazer o exemplo mas o mesmo está bem explicado e tem o demo e tudo, então é isso ai segue o link:

http://keithclark.co.uk/articles/pure-css-parallax-websites/

Criando tema em CSS com currentColor, background e opacity

Imagem
Fala galera, encontrei uma palestra que fala sobre currentColor(http://simurai.com/blog/2014/05/04/cssconf/) e aconselho muito assistir a palestra, que ele faz um esquema de dimensionar os elementos utilizando a medida rem.



Já a propriedade currentColor depende da cor do elemento pai ou a está corrente atualmente no elemento. Por exemplo podemos criar uma classe que se chama 'cor-padrao' e dai onde queremos que essa cor possa influenciar colocamos o valor de currentColor.

<button class="cor-padrao"></button> .cor-padrao{ color: red; } button{ color: currentColor; border: 1px solid currentColor; }
Com isso ao alterarmos o valor da classe 'cor-padrao' alteramos toda a cor da aplicação, como no exemplo abaixo.


É isso ai galera, abração.

Slides da palestra do Day Software IFRO

Fala galera segue em anexo os slides da apresentação da palestra do IFRO.

HTML5 Application Cache

Bom dia galera, hoje estava aqui pesquisando de como fazer o cache das páginas do site e descobri sobre o HTML5 Application Cache. Mas como que ele funciona?

Simples, na sua TAG HTML você coloca o atributo manifest

<html manifest="site.appcache">
O exemplo acima se ele estiver na mesma pasta do arquivo HTML ou pode ser também requisitado para uma URL, mas este segundo precisa que a URL seja do mesmo domínio.

<html manifest="http://www.example.com/example.mf">
Sendo a sua estrutura da seguinte forma.

CACHE MANIFEST

Primeirva linha obrigatória, que indica que o arquivo é um manifesto

CACHE:

É a seção padrão para entradas. Os arquivos listados sob esse cabeçalho (ou imediatamente após CACHE MANIFEST) serão explicitamente armazenados em cache após o primeiro download.

NETWORK:

Os arquivos listados nessa seção são recursos seguros que necessitam de conexão com o servidor. Todas as solicitações para esses recursos ignoram o cache, mesmo que o usuário estej…

II Day Software do IFRO

Imagem
Ola pessoal, no dia 18/10/2014 terá o  II Day Software do IFRO, com palestras e mini-cursos, neste dia irei dar uma palestra e mini-curso sobre "Otimize sua página Web e Web components", creio que será uma boa oportunidade para trocar experiencias e obter novos conhecimentos, se tiver tempo da uma passadinha la.



Teclas de atalho(accesskey) no HTML5

Fala galera, descobri um recurso que pode ser útil para algumas pessoas, dando uma funcionalidade a mais para as aplicações WEB, que é o atributo accesskey em qualquer tag do html5 , com ele conseguimos fazer as aplicações terem teclas de atalho, o único problema é que existe uma diferença da tecla, pressionada com com a letra que queremos, para ficar mais claro segue o exemplo abaixo.

<!DOCTYPE HTML> <html lang='pt-br'> <head> <title>Accesskey</title> <meta name="author" content="AccessKey"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> </head> <body> <ul> <li>IE, Chrome, Safari, Opera 15+: [ALT] + <em>accesskey</em></li> <li…