Artigos com a tag CSS

Personalizar a barra de rolagem pode trazer uma identidade única e um visual mais atraente para o seu site. Personalizar a barra de rolagem não é difícil, pois o CSS e a tecnologia Webkit nos fornecem pseudo elementos para fazer isso de forma simples e fácil.

Menus verticais estão presentes em diversos sites e sistemas, um menu de apenas um nível é bem simples de fazer, agora quando é necessário dividi-lo em submenus por causa de seu tamanho, categoria ou conteúdo, aí a coisa começa a ficar um pouco mais complicada. Nesse artigo demonstrarei de forma simples como desenvolver um menu vertical com vários níveis de submenus.

Centralizar div ou outro elemento com CSS sempre foi uma dúvida recorrente para quem está iniciando na programação Web, talvez devido ao fato de ser um recurso muito utilizado em sites e plataformas Web, nesse artigo pretendo demonstrar várias técnicas para centralizar div ou outro elemento HTML na horizontal, vertical ou em ambos.

Fixar o menu no topo da página é um recurso muito utilizado em sites e blogs, e nesse artigo vou demonstrar como conseguir fazer isso de forma simples e objetiva, utilizando apenas CSS com os positions sticky e fixed, e também um exemplo utilizando JavaScript.

Simples script JavaScript para aumentar e diminuir as fontes de seu site. Esse recurso ajuda na acessibilidade de seu site, ajudando pessoas que possuem algum tipo de problema de visão.

Com Less podemos definir Mixins, que são semelhantes a funções em linguagens de programação, onde podemos passar parâmetros e reutilizá-los quantas vezes forem necessários, a utilização de um mixin deixa o código mais limpo, fácil de dar manutenção e evita duplicidade de código.

Simples Modal utilizando CSS e um pouco de jQuery, rápido e fácil.

A medida relativa em é muito útil, pois se adapta a diversas resoluções e é de fácil manuseio quando se é necessário alterar o tamanho de todas as fontes do site. Vou demonstrar como essa medida funciona e como converter px (pixel) para em.

A propriedade box-sizing é muito útil, com ela podemos alterar o box model padrão dos elementos, colocando bordas e paddings para dentro do elemento. Fazendo com que os elementos tenham exatamente a largura e altura definidas.

Com o atributo tabindex você escolhe a ordem que os elementos serão acessados usando a tecla TAB do teclado, esse atributo também serve para dar focus em qualquer elemento HTML da página.

A propriedade Position do CSS, causa muita confusão quando se esta aprendendo HTML e CSS, então nesse artigo tentarei ser o mais breve e prático possivel para explicar o seu funcionamento e a diferença entre position absolute, relative e fixed.

Efeito muito bonito para o usuário ter a possibilidade de alterar o background da página, utilizando jQuery e jQuery Cookie

Efeito para mostrar uma imagem ao passar o mouse sobre um link, utilizando apenas CSS. Simples e fácil, e pode ser usado tanto para link quanto para qualquer outro elemento.

Tutorial de como criar um menu horizontal dropdown com 3 níveis de maneira simples e fácil, apenas com CSS sem utlizar Javascript ou Jquery

Propriedade CSS Min e Max Height e Width, usadas quando você precisa que seu conteúdo aumente automaticamente mas com um tamanho inicial ou final predefinido