Boteco Digital

Javascript JQuery Web

O efeito de Parallax tem se tornado uma moda hoje em dia, sendo um efeito muito interessante se não abusado. O Parallax de forma simples consiste em mover o plano de fundo, ou as diversas camadas que o compõe em velocidades diferentes, com isso enganando o cérebro e criando uma ilusão de profundidade. Vamos a um exemplo de um site de página única. Para começar o HTML: No conteúdo apresentado, os divs com a classe parallax são os elementos que […]

mais
CSS

Estamos acostumados a dar algum destaque em elementos da página que usuário pode interagir como links e campos de texto. Geralmente apenas trocamos a cor da letra, background ou o sublinhado do texto. Para isso simplesmente alteramos a propriedade em questão no seletor da pseudo classe :hover e com isso o alteração da propriedade é instantânea. Mas muitas vezes queremos que esta alteração seja mais suave, levando mais tempo para ocorrer e para isso podemos utiliza a propriedade transition. Para […]

mais
JQuery

Um menu sanfona(Accordion Menu) é um menu divido por categorias que quando está mostrando os links de uma categoria esconde os links das outras(ele estica e comprime como uma sanfona). Esta funcionalidade pode também ser aplicada a um texto com vários tópicos ficando disponível os titulos e quando clicado mostra somente o texto do tópico. Este recurso é muito interessante quando temos um texto grande dividido em tópicos, pois não deixa a página muito longa. Nesta implementação vamos utilizar uma […]

mais
JQuery Web

Algo que muitas pessoal tem me perguntado é como criar uma galeria de fotos bem legal. Uma que estou utilizando muito, é feita com um plugin do JQuery chamada PrettyPhoto, ela utiliza um efeito chamado lightbox, que é parecido com um POPUP, mas bem mais estiloso 🙂 . Bom para começar baixe o PrettyPhoto 2.4.3 e descomacte em uma pasta. Ele é divido em 3 pastas css, js e images, para usalo você vai precisar das 3. Crie um novo […]

mais
CSS

Antes de alguém fazer confusão com o refrigerante, vamos explicar o que é um sprite em informática. Um sprite é um objeto gráfico, normalmente uma imagem, que se move numa tela sem deixar rastros, foi muito utilizado nos jogos 2D há um tempo atrás, o pessoal deve estar lembrando do mugen não? Bom então como isso funciona na web? Todos sabemos que quanto maior o numero de imagens que utilizamos em um site, maior é o número de requisições que […]

mais
Tags