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…
Categoria: CSS
Criando botão estilo interruptor com CSS3
Olá a todos! Neste artigo, vou mostrar um efeito bem interessante, que seria criar um botão estilo interruptor, onde mostrar como OFF e ON, quando você clica, utilizando o CSS3. Aparência do botão será assim: Vamos começar pelo HTML: [html]…
Criando Tooltip usando CSS3
O tooltip ou “dica de contexto” é usado basicamente quando você deseja mostrar informações adicionais ou explicativa a um elemento. Nesse tutorial, mostrarei um forma de criar um efeito tooltip usando CSS3. Eu tenho uma video aula mostrando como fazer…
Criando uma “One Page” usando HTML5 e CSS3
Uma “One Page” consiste em que todas as páginas de um site estariam na mesma página, estariam separadas só por seções. Existem umas formas de navegação e muitas vezes utilizando javascript para fazer animações que seria de transição dessas páginas.…
Criando efeito sanfona com CSS3
No tutorial Brincando com os Seletores CSS3, mostrei como criar um sistema de abas, apenas com CSS3. Nesse tutorial, vamos criar um efeito sanfona, utilizando os mesmos princípios, apenas acrescentando um efeito para incrementar. Vamos ao html: [html] <div class="accordions">…
Criando sistema de abas com CSS3
Uma das formas de você consegue aprender, é tentando fazer algo. Muitas vezes ficamos presos a teoria, sem tentar fazer a prática, e com isso dificulta visualizar como as coisas funcionam. Nesse tutorial vamos ver alguns seletores do CSS 3.…
Sub-Menu com 3 níveis com CSS
Nesse tutorial, vou ensinar com criar um menu drop down ou submenu como 3 níveis (podendo aumentar para mais níveis). Então vamos lá. Primeira coisa é criar o html, e com isso iremos utilizar uma lista não ordenada, porque o…