Assuntos Diversos
Artigos de cursos que estou aprendendo
Criar um campo que só aceite números em HTML é importante para garantir a consistência e validação dos dados inseridos, evitando erros e facilitando a manipulação dessas informações posteriormente. Fazer isso é bem mais fácil do que você imagina, não precisa de linhas e linhas para restringirmos a entrada no campo somente a números. Basta…
Para congelar linhas de tabela HTML podemos usar a propriedade CSS “position: stcik” e assim manter essa linha visível enquanto você rola pelo restante da tabela. A propriedade CSS position: sticky é usada para fixar um elemento em uma posição específica na página enquanto o usuário rola o conteúdo. Usar essa propriedade em tabelas faz…
Há um componente chamado NavBar que permite criar menu no Bootstrap. Esse menu fica responsivo e bastante personalizável em seu site. O componente NavBar é importante porque fornece uma navegação fácil e intuitiva para os usuários em um site. Suas vantagens incluem a capacidade de ser responsivo, se adaptando a diferentes dispositivos, além de oferecer…
Read More “NavBar: Criar Menu no Bootstrap – Passo a Passo” »
Nesse post você vai aprender como criar campo de data em HTML para inserir em seus formulários de forma fácil e prático. A tag <input> com o atributo type=”date” é uma das diversas opções que o HTML oferece para entrada de datas em formulários. Esse atributo facilita a seleção de datas e pode ser renderizado…
Nesse post iremos ver um plugin data para formulários do Bootstrap e, ao clicarmos no campo data, aparecerá um calendário para selecionar a data. Links CDN Não sabe o que é um link CDN? Clique aqui para saber. Mas, resumindo, Bom, vamos usar links CDNs ao invés de baixar os pacotes do framework para nosso…
O site formden.com tem criador de formulário do Bootstrap onde podemos usá-lo Online. O título original é: Bootstrap Form Builder (generates HTML) Esta ferramenta gera HTML válido para formulários Bootstrap 3 que funcionarão em qualquer site. Veja imagem da página inicial do construtor, Esse site tem as seguintes características: Dica: veja posts sobre bootstrap clicando…
Read More “Criador de Formulário do Bootstrap Online – Bootstrap Form Builder (generates HTML)” »
Saber o significado das tags de tabela no HTML é importante para estruturar corretamente o conteúdo e facilitar a acessibilidade e a formatação visual. Acima, mostro uma tabela com 4 colunas (Nome, endereço, telefone e e-mail) e 6 linhas. Essa tabela tem os seguintes elementos: <table> <thead> <tr> <th>Nome</th> <th>Endereço</th> <th>Telefone</th> <th>E-mail</th> </tr> </thead> <tbody>…
As classes para botões no Bootstrap servem para estilizar e dar funcionalidades aos botões em um site ou aplicativo, como tamanho, cor, estilo de borda, entre outros. Dica: veja outros artigos sobre bootstrap clicando aqui. Lista com classes para botões e Spinners Abaixo listo classes do bootstrap para botões: Essas classes de botões podem ser…
Hoje iremos ver como trabalhar com imagens no Bootstrap, de forma a dar formatos novos, como arredondamento, modo thumbnail e cantos arredondados. Vamos trabalhar com as seguintes marcações/classes do bootstrap: Formato da imagem com bootstrap Alinhamento da imagem com bootstrap Também vamos saber como alinhar as imagens dentro da página usando classes Responsividade da imagem…
Nesse post iremos aprender a como definir cor e tamanho de texto com Bootstrap de forma a alterar a aparência da página de acordo com nosso gosto. O termo muito usado é estilizar e significa aplicar diferentes estilos, como fonte, tamanho, cor, negrito, itálico, sublinhado, etc., para tornar o texto visualmente mais atraente ou destacado….