pular para o conteúdo [1]

Artigos sobre Front-End e Programação web

12 de março de 2016.
Por Kadu Oliveira
Comentários desativados em CSS com box-sizing: border-box

CSS com box-sizing: border-box

Por padrão as propriedades width e height não definem o tamanho final dos elementos HTML. Isso porque o tamanho final do elemento vai ser calculado com a soma das propriedades width, padding e border, por exemplo.

Categoria: CSS

14 de abril de 2015.
Por Kadu Oliveira
Comentários desativados em Centralizar na vertical com três linhas de CSS

Centralizar na vertical com três linhas de CSS

Aprenda como alinhar qualquer elemento HTML na vertical com apenas três linhas de CSS. A técnica consiste em usar a propriedade CSS transform, que normalmente é usada para girar elementos. Além dela utilizamos também a função translateY. Dessa forma centralizamos …

Categoria: CSS

26 de janeiro de 2015.
Por Kadu Oliveira
Comentários desativados em Aplicando Progressive Enhancement no CSS

Aplicando Progressive Enhancement no CSS

Após escrever seu HTML tendo em mente Progressive Enhancement (melhoria progressiva) e ter a certeza que caso um navegador não tenha suporte ao um determinado elemento o usuário não será prejudicado, podemos começar a implementar nossa segunda camada de tecnologia, …

Categoria: CSS

26 de dezembro de 2014.
Por Kadu Oliveira
Comentários desativados em Pseudo-class :empty em CSS

Pseudo-class :empty em CSS

O pouco conhecido pseudo-classe :empty é utilizado para selecionar os elementos vazios, elementos sem qualquer conteúdo ou elementos que contenham apenas comentários. É útil para ocultar elementos vazios, por exemplo, que possam causar espaçamentos indesejados. Esse pseudo-classe funciona na maioria …

Categoria: CSS

3 de dezembro de 2014.
Por Kadu Oliveira
Comentários desativados em Validação de formulário com Foundation

Validação de formulário com Foundation

Criar validação de formulário com o Foundation é uma tarefa rápida. Os scripts de validação do framework ficam no componente chamado abide. Foundation utiliza o atributo required da HTML5 para fazer a validação em Formulários. Não esqueça de baixar o …

Categoria: CSS

29 de outubro de 2014.
Por Kadu Oliveira
Comentários desativados em Lista ordenada com pseudo-elemento ::before, counter-increment e counter

Lista ordenada com pseudo-elemento ::before, counter-increment e counter

Os navegadores da Web permitem que você personalize a aparência da maioria dos aspectos de uma página usando CSS. Mas alguns elementos tornam-se um pouco mais difícil de aplicarmos uma estilização. Uma dúvida seguida que vejo é de como mudar …

Categoria: CSS

18 de outubro de 2014.
Por Kadu Oliveira
1 Comentário

Como deixar seus vídeos responsivos

Para dimensionar vídeos para se adaptar em qualquer dispositivo, seja esse dispositivo um desktop, tablet, dispositivo móvel… podemos usar CSS ou Javascript como solução para cumprir essa meta. Os exemplos abaixo utilizei apenas soluções em CSS. Página de exemplo Vídeo …

Categoria: CSS

12 de agosto de 2013.
Por Kadu Oliveira
Comentários desativados em LiveStyle: Atualize o CSS de suas páginas em tempo real

LiveStyle: Atualize o CSS de suas páginas em tempo real

Apresento hoje o plugin LiveStyle onde você poderá sincronizar seu navegador com o editor Subline Text, e toda alteração feita no CSS poderá ser vista sem atualizar a página do navegador. Essa extensão mapeia seus arquivos CSS em uma pasta …

Categoria: CSS

5 de agosto de 2013.
Por Kadu Oliveira
Comentários desativados em LESS: Programando no CSS

LESS: Programando no CSS

Usando LESS para criar suas folhas de estilos é possível deixar seu CSS muito mais dinâmico. Já imaginou usar variáveis dentro da sua folha de estilos, ou melhor ainda, usar funções iguais as que usamos quando estamos programando em PHP, …

Categoria: CSS

28 de dezembro de 2011.
Por Kadu Oliveira
Comentários desativados em Diferença entre as propriedades margin e padding do css

Diferença entre as propriedades margin e padding do css

As propriedades margin e padding podem ser confusas para desenvolvedores iniciantes. Esse artigo é para aqueles que estão começando a aprender CSS. Aqui explico de forma bem detalhada as propriedades fundamentais do CSS, margin e padding. Saiba quando usar um …

Categoria: CSS

Topo