pular para o conteúdo [1]

Artigos sobre Front-End e Programação web

12 de março de 2016.
Por Carlos Eduardo - Kadu
0 Comentários

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 Carlos Eduardo - Kadu
0 Comentários

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 Carlos Eduardo - Kadu
0 Comentários

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 Carlos Eduardo - Kadu
0 Comentários

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 Carlos Eduardo - Kadu
0 Comentários

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

18 de outubro de 2014.
Por Carlos Eduardo - Kadu
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 Carlos Eduardo - Kadu
0 Comentários

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 Carlos Eduardo - Kadu
0 Comentários

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

27 de março de 2012.
Por Carlos Eduardo - Kadu
1 Comentário

Logos CSS3 – 10 exemplos de logos desenhados com CSS3

CSS3 Veja 10 inspiradores exemplos de logos com CSS3. Os recursos de sombras, transparência, bordas arredondadas, fundos múltiplos são explorados ao máximo. Olhando os gráficos abaixo você poderia afirmar que foram feitos com algum programa gráfico tipo o Photoshop, mas …

Categoria: CSS

Topo