Categoria: HTML

  • SVG Sprite – Como criar um arquivo de ícones usando SVG

    Quando se trata de implementar um sistema de ícone para seus projetos web, SVG é uma ótima escolha! Neste artigo vamos criar um SVG Sprite usando uma técnica que baseia-se na utilização de dois elementos: <symbol> e <use>.

  • Botão Mostrar ou ocultar senha

    Quando criamos um formulário de cadastro temos a tendência de exibir um campo “Senha” e outro de “Confirmar senha”. isso é para aumentar a chance do usuário digitar a senha desejada de forma correta.

  • Aplicando Progressive Enhancement no HTML

    Os navegadores estão cada vez mais poderosos, e cheios de recursos. Queremos usar os últimos avanços e fornecer uma experiência melhor para nossos usuários. Entretanto, não podemos esquecer que esses recursos não estão disponíveis em todos os navegadores. Isso quer dizer que mesmo que você esteja usando a última versão de um navegador, um poderá…

  • Pré-processadores HTML

    Escrever código HTML é de certa forma uma tarefa cansativa. Um exemplo é o fechamento de tags tais como div, strong, ul, li…, tarefa relativamente simples e rápida, mas imagina se você pudesse escrever somente a tag de abertura dos seus elementos? Com certeza ganharia um tempo preciso. Isso é possível com os pré-processadores HTML.…

  • HTML5 Local Storage – Armazenamento de dados no navegador

    Com HTML 5 é possível fazer um armazenamento de dados no lado do cliente. Para isso usamos a API Web Storege. Essa API acessa a área de armazenamento local do navegador sem limite de tempo, ou seja, os dados armazenados estarão disponíveis sempre que você usar essa página.

  • Elemento wbr do HTML 5

    Além do tradicional elemento br que é utilizado para fazer uma quebra de linha podemos utilizar o elemento wbr que é uma novidade no HTML 5 e pouco utilizado entre os desenvolvedores.

  • Como usar os elementos ins, del e s no HTML

    O elemento del no HTML é usado para marcação de um texto não mais válido. Marcação de texto que deve ser excluído pode ser útil para determinar as diferenças entre várias versões de um mesmo documento. Os navegadores normalmente formatam com uma linha riscando (tachando) o texto excluído. Para representar um texto novo que ficará…

  • Elemento main da HTML5

    O novo elemento main da HTML5 representa a seção de conteúdo principal do corpo de um documento ou aplicativo. A seção de conteúdo principal consiste de conteúdo que está diretamente relacionada ou expande-se sobre o tema central de um documento ou a funcionalidade central de um aplicativo.

  • Tutoriais HTML5 e CSS3

    CSS3 e HTML5 são as duas versões mais atuais quando falamos em marcação e estilização. As duas estão sendo elaboradas e aperfeiçoadas a algum tempo já. Embora os princípios fundamentais permanecessem os mesmos, há uma série de novas técnicas e novas possibilidades no uso do HTML5 e do CSS3. Abaixo você encontra uma série de…

  • HTML5 – Atributo autocomplete

    O atributo autocomplete é novo na HTML5 . A função do atributo é habilitar ou desabilitar o autopreenchimento dos elementos form e input. Alguns navegadores oferecem a funcionalidade de preencher ou sugerir opções de preenchimento de um campo de formulário. Essa sugestão é feita com base no que foi digitado anteriormente pelo usuário.