Busca DevMedia
Você está buscando em Exemplos no canal front-end web
- AluCar: Recebendo inputs do usuário através de formuláriosExemplo
Neste projeto vamos conhecer um exemplo prático que utiliza alguns inputs para construir um formulário de cadastro de uma loja de aluguel de carro.
- Senhor lei: utilizando background-image nos elementos da páginaExemplo
Neste projeto relembre como inserir uma cor de fundo além de aprender como inserir e estilizar uma imagem atrás de um elemento.
- Introdução ao CSSExemplo
Introdução ao CSS
- Documentação Teste UnitárioExemplo
Esse projeto é uma série de documentações de ferramentas de teste unitário em diversas linguagens.
- Protocolo HTTP para programadoresExemplo
Nesta documentação você aprenderá o protocolo HTTP e como os dados devem ser passados de uma aplicação para outra através da internet.
- Minha primeira aplicação React com ReduxExemplo
Nesta documentação, vamos construir um webapp para uma agência de viagens utilizando o React, e o Redux como gerenciador de seus estados.
- Pseudo classes do CSSExemplo
Nesta documentação aprenderemos a aplicar estilo baseado no estado do elemento com as pseudo classes do CSS. Veremos como aplicar o efeito de zebrado em uma tabela, assim como selecionar o primeiro elemento em um parent.
- Criando uma estrutura Front-end de navegaçãoExemplo
Nesta documentação criamos uma estrutura de um layout onde abordamos três características: a responsividade sem a utilização de frameworks como o bootstrap; um menu expandable; e também veremos uma barra lateral com scroll independente.
- Como criar sua primeira página com CSSExemplo
Nesta documentação usaremos a linguagem CSS para customizar a aparência de uma página HTML. Para isso, usaremos um documento HTML separado em áreas, sendo elas cabeçalho, bloco de conteúdo principal e um rodapé.
- Introdução ao CSS na práticaExemplo
O CSS coloca à nossa disposição um vasto conjunto de propriedades capazes de alterar as características visuais dos elementos em um documento HTML. Nesta documentação veremos como utilizar essas propriedades para estilizar uma página na prática.
- Estilizando a página de cursosExemplo
Neste exemplo front-end veremos como criar uma página onde a altura dos boxes se ajusta, assim o layout da página não quebra devido ao tamanho do seu conteúdo, usando a propriedade Flex do CSS. Confira!
- Hotsite com Bootstrap e jQueryExemplo
Neste exemplo veremos como criar um layout completo seguindo o modelo One Page (uma única página). Para esse exemplo utilizaremos HTML, CSS, Bootstrap e jQuery, além do plugin do Google Maps.
- Dashboard com BootstrapExemplo
Neste exemplo você aprenderá a criar um dashboard utilizando Bootstrap, CSS e jQuery.
- Textos animados com CSS animation e keyframesExemplo
Neste exemplo veremos como criar animações com CSS utilizando para isso os recursos de animation com keyframes. Com eles temos uma tela de carregamento, mouseover (passar o mouse), botões e banners.
- Criando um menu de tela inteiraExemplo
Neste projeto veremos um menu feito em HTML e CSS que utiliza flexbox e principalmente sua propriedade flex-grow, além da propriedade filter, unidades de medida vh/vw e media query. Confira!
- Menu responsivo com HTML, CSS e jQueryExemplo
Neste projeto você encontra um exemplo de como fazer um menu lateral responsivo para páginas web com HTML, CSS e jQuery. Baixe agora.
- Menu hamburguer com HTML, CSS e jQueryExemplo
Neste exemplo você encontra o código HTML, CSS e JavaScript para fazer um menu haburguer responsivo em páginas web. Confira.
- HTML e CSS: Tela de login com Flexbox e Media QueriesExemplo
Neste projeto você encontra um exemplo de página de login feita em HTML e CSS, utilizando flexbox e media queries.
- HTML SemânticoExemplo
Veja nesta documentação um exemplo de uma página completamente organizada com o uso das principais tags do HTML semântico. Baixe agora!
