Boteco Digital

Javascript JQuery

Um recurso muito interessante que pode agilizar o carregamento da página é somente carregar do servidor as imagens quando o usuário as visualizar. Esta técnica é conhecida como Lazy Load e o existe um plugin jQuery para fazer isso Lazy Load Plugin for jQuery que é bastante simples. Primeiramente inclua as bibliotecas jQuery e Lazy Load Plugin for jQuery: A ideia é que quando a página for carregada as imagens do site irão carregar uma imagem pequena na marcação img […]

mais
Javascript JQuery

Um efeito interessante é o slideshow, imagens trocando em um intervalo de tempo com um efeito de transição, e já vimos como fazer um com elementos de imagem ou até outros elementos mas para fazer as imagens de fundo do site(o background do elemento body) ter um slideshow devemos fazer de outra forna, para isso podemos utilizar um plugin jQuery chamado supersized que resolve nosso problema. Então para começarmos baixe o plugin supersized e insira na sua página. Após isso […]

mais
Javascript JQuery

Muitas vezes temos algum elemento da página seja ele um menu, banner ou um simples botão mas queremos fixá-lo na página, seja no topo, no rodapé ou na lateral. Para isso podemos utilizar um plugin muito simples do jQuery chamado ScrollToFixed que permite selecionar um elemento e fixá-lo em uma posição. Primeiramente baixe o plugin que está no github e inclua na sua página, não se esquecendo de inserir a biblioteca jQuery. Após isso basta selecionar um elemento e chamar […]

mais
Javascript JQuery

Devido ao pedido do amigo Thiago Finardi vou fazer um post sobre o plugin do jQuery Cycle, mais para apresentar do que para explicar como ele funciona, pois como veremos ele é muito simples e prático. Então o Cycle é um plugin para jQuery para utilizar o efeito de slideshow fornecendo uma série bem interessante de efeitos de troca. Parando com a enrolação vamos aos exemplos. Primeiramente não se esqueça de inserir o arquivo javascript da jQuery e da Cycle […]

mais
JQuery Web

Web Storage ou LocalStorage é uma nova especificação do HTML5 que visa fornecer um mecanismo para armazenar dados via chave/valor localmente no navegador do cliente. Esta especificação se difere do modelo clássico de cookies, primeiro por não possuir data de expiração e segundo por não enviar nenhum dado para o servidor a cada requisição poupando assim um pouco de banda. Basicamente existem dois tipos de armazenamento local: sessionStorage: armazena os valores somente enquanto a janela/aba estiver aberta. Então se fechar […]

mais
JQuery Web

Um dos plugins mais interessantes do jQuery é o jQuery UI, na verdade é um conjunto de plugins de interface combinado com Temas CSS que deixa seus sistemas web bem mais interessantes. Um dos “módulos” que mais gosto deste plugin é o datepicker, que para quem não sabe é aquele “calendariozinho” que aparece abaixo de um campo de formulário para selecionarmos uma data. Para utilizar o plugin você baixá-lo e para isso deve selecionar quais módulos do UI deseja utilizar. […]

mais
Javascript JQuery

Você já deve ter visto em vários sites uma janela modal. Para quem não a conhece pelo nome é aquela janela que quando clicamos para abri-la ela escurece o resto do site e coloca uma pequena janela em evidência e se você clicar fora da janela ela desaparece. Vamos criar um exemplo simples onde definiremos os links que irão abrir na forma modal utilizando o atributo rel com o valor “modal” e a janela que irá abrir será definida pelo […]

mais
Javascript JQuery

Olá pessoal, como os posts sobre AJAX estão ficando bem populares no boteco resolvi fazer mais. Vocês devem lembrar do post que falei sobre AJAX com jQuery mas daquela forma não é possível enviar arquivos, pois para isso o navegador precisa ter suporte a e XMLHttpRequest Level 2 e se não tiver uma técnica bastante utilizada é com iframes(que possue certas limitações), como isso é muito complicado é sempre melhor utilizar um plugin e o mais simples e eficiente que […]

mais
Javascript JQuery

Apesar de ser fundamental validar as informações enviadas por um formulário no lado do servidor, também é importante validar as informações no lado do cliente evitando assim que o usuário tenha que enviar o formulário, que leva algum tempo, para saber que esqueceu de preencher um campo obrigatório. Existe um plugin para JQuery que nos facilita muito a vida, o jquery-plugin-validation que nos permite uma boa customização nas validações. Vamos aos exemplos. O modo mais fácil de validar é adicionar […]

mais
Javascript JQuery

JSON é um formato leve de troca de informações que em muitos casos está sendo utilizado para substituir o XML ou mesmo utilizado em conjundo. É um formato de dados fácil de escrever e ler por seres humanos e é bastante fácil de ser interpretado por computadores, sendo possível converte-lo facilmente para a notação de objetos JavaScript, o que o torna um boa opção para AJAX, principalmente quando necessitamos processar de alguma forma os dados buscados via AJAX. Vejamos um […]

mais
Tags