Efeito em campo de formulário com CSS e JavaScript

Para esse tutorial, na parte de JavaScript, iremos utilizar só a linguagem, sem adotar framework ou biblioteca, primeiro porque o script será pequeno, e segundo porque sempre interessante desacoplar sua aplicação de framework, e de quebra aprendemos coisas novas, nesse caso, recursos do ES6 ou ECMAScript 2015. Vamos seguir a premissa de separar as responsabilidade: HTML … Ler mais

Geolocalização com HTML5

A partir do HTML5 foi introduzida a API de Geolocalização, possibilitando retornar suas coordenadas, como latitude e longitude. Imagine a possibilidade de informar a distância do cliente até a loja? Ou informar sua posição para ele conseguir se localizar? Você pode pensar que isso é possível apenas em aplicativos para smartphones. Porém e se você … Ler mais

Criar um slideshow com JavaScript

É bem comum em nossos projetos a grande necessidade em termos slides de imagens e quando pensamos nisso, a primeira coisa que vem cabeça é: Procurar um plugin do jQuery e Javascript. Muitas vezes esses plugins possuem muitos recursos, quando na verdade o que você necessita é de algo simples, com apenas uma transição de … Ler mais

Criando um Slide Simples com jQuery

Nesse tutorial vamos trabalhar criando um Slide Simples com jQuery, tendo um efeito de fade, e sem plugin. A ideia basicamente é trabalhar com uma classe que será adicionada no elemento que será exibido, e com isso iremos mostrar imagem a imagem. Vamos agora criar o nosso HTML Temos uma lista não ordenada, com a … Ler mais

Criando efeito de filtragem com jQuery

Algo muito utilizando em portfólio é a opção de realizar filtro por segmento, onde você tem vários itens e quando é clicado no link, só vai mostrar as opções desse segmento. Um exemplo de utilização é quando você tem seu portfólio, que você atende vários clientes e você pode segmentá-los como Institucional, E-Commerce, entre outros. … Ler mais

Consultando CEP em ajax com jQuery

Quando fazermos algum tipo de cadastro, onde necessita de endereço, um recurso interessante é retornar as informações desse endereço, utilizando o CEP. A pessoa digitaria o CEP, e os campos de endereço seriam preenchidos. E nesse tutorial, vou mostrar uma forma de realizar esse procedimento. Primeira coisa, é saber onde iremos buscar essa informação. Vou … Ler mais

Criando menu fixo 100% com jQuery

Olá amigos! Veremos neste artigo como colocar um menu fixo 100%  com jQuery. Este recurso é bastante utilizado em projetos dinâmicos e principalmente em Landing Pages. Vamos lá? Primeiro, vamos definir nosso HTML. O nosso alvo será o nav#menu. Esse que teremos que saber a posição para transformá-lo em fixo e 100% no topo da … Ler mais

Adicionar elementos dinamicamente relacionados com jQuery

Eu tenho uma vídeoaula falando a respeito a como criar campos dinamicamente, só que me perguntaram como adicionar outros elementos, dentro dos elementos criados. Exemplo: você precisa criar dinamicamente campos de nome e telefone. Sendo que será necessário você ter a possibilidade de criar novos campos de telefone relacionados a esse campo criado. Parece confuso … Ler mais