O efeito sanfona é muito utilizado para estruturar conteúdos em vários tópicos. O usuário visualiza apenas o tópico que foi clicado.
Na realização desse efeito vamos utilizar a biblioteca jQuery e um plugin chamado de accordion.
Primeiro devemos baixar o plugin no link http://bassistance.de/jquery-plugins/jquery-plugin-accordion/
Continuar lendo…
Para quem usa o navegador Opera deve saber que uma das últimas inovações foi a Speed Dial. Agora ela está presente também no FIrefox. Com ela você pode escolher vários sites e reuni-los em uma página do seu firefox. Para acessar, basta dar um clique na miniatura. Simples não ?!
Além do mais a Speed Dial vem com várias opções para você personalizar a extensão de acordo com seu gosto.
Speed Dial
Chamamos de efeito zebra o ato de alternarmos as cores de plano de fundo das linhas de uma tabela. A estilização consiste em estilizar as linhas pares de uma cor e as impares de outra cor. A principal vantagem além de alterar o visual da tabela, é facilitar a compreensão e a leitura da mesma.
Conseguimos esse efeito facilmente com as folhas de estilos em cascata (CSS). Para isso basta atribuir uma classe nas linhas pares (ou impares) e estilizar a classe conforme sua necessidade. Uma grande desvantagem é fazer isso em tabelas grandes.
Continuar lendo…
Nessa terceira matéria vamos ver os Seletores de conteúdo.
Para todos os exemplos será utilizado o mesmo código JavaScript, variando apenas o código para acessar o elemento. Código que se encontra na linha 5. Abaixo veja o código completo.
Para disparar a ação usamos um botão.
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function(){
$('button').click(function () {
/*linha dos exemplos*/
});
});
</script>
Dando continuidade ao artigo de seletores.
Para todos os exemplos será utilizado o mesmo código JavaScript, variando apenas o código para acessar o elemento. Código que se encontra na linha 5. Abaixo veja o código completo.
Para disparar a ação usamos um botão.
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function(){
$('button').click(function () {
/*linha dos exemplos*/
});
});
</script>
Brush é uma ferramenta do Photoshop, traduzindo para o português é a ferramenta pincel. Podemos instalar mais formas de brush para usar em nossos trabalhos além das padrões que vem com o programa. Ao invés de se desenhar uma forma, ou de criar tal efeito, usamos os maravilhos brush. Selecionei uma lista para baixarem e instalarem no Photoshop de vocês.
Continuar lendo…
Nesse artigo vamos ver os tipos de seletores (classe, id e tag’s HTML), assim como tirar proveito da combinação deles. Saber perfeitamente como funciona a combinação de seletores, torna o trabalho do desenvolvedor muito mais fácil.
Nessa categoria do blog o foco é a biblioteca jQuery. Eu parto da premissa que você já tem um conhecimento, mesmo que básico, de CSS e HTML.
Para todos os exemplos será utilizado o mesmo código JavaScript, variando apenas o código para acessar o elemento. Código que se encontra na linha 5. Abaixo veja o código completo.
Para disparar a ação usamos um botão.
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function(){
$('button').click(function () {
/*linha dos exemplos*/
});
});
</script>
Para desenvolver em XHTML você deve seguir algumas regras:
XML que deu origem ao XHTML é sensível ao tamanho de caixa de fonte, então com XHTML não é diferente. É obrigatório o uso de letras minúsculas ao escrever a sintaxe de elementos XHTML.
Exemplo:
Continuar lendo…
Usamos a grafia (X)HTML para fazer referência tanto à HTML quanto à XHTML. Quando dizemos que (X)HTML é uma linguagem de marcação, queremos dizer que tanto a HTML quanto a XHTML são linguagens de marcação. Para se referir apenas uma linguagem exclusivamente, usamos a notação HTML ou XHTML.
HTML é a sigla em inglês para Hyper Text Markup Language, que, traduzido para o português, significa linguagem para marcação de hipertexto. Hipertexto resumidamente é todo conteúdo inserido em um documento para a web e que tem como principal característica a possibilidade de interligar outros documentos da web. Podemos destacar os links que visitamos para navegar na Internet.
Continuar lendo…
Para você que está cansado do seu papel de parede e ainda por cima é fã como eu do navegador Firefox, você vai se amarrar nesse site (http://www.hongkiat.com/blog/70-nice-and-beautiful-firefox-wallpapers/). São mais de 70 wallpaper (papeis de parede) para você escolher e colocar como fundo na sua área de trabalho.
