Campo de busca

Categoria Front-End

CSS
Pseudo classes

Pseudo classes

Por Guilherme Luchesi | 08 de agosto, 2013 | 0 comentários

 

Sem dúvida os seletores fazem parte dos assuntos fundamentais do CSS, contudo poucos desenvolvedores sabem tirar proveito de todo o seu potencial. As pseudo classes são bem pouco exploradas pelos desenvolvedores Front-End, seja por falta de conhecimento destas funções do CSS ou incompatibilidade com o IE.

Continue lendo
CSS
Breakpoints e Lógica em Media Queries

Breakpoints e Lógica em Media Queries

Por Guilherme Luchesi | 04 de junho, 2013 | 2 comentários

 

Breakpoints

Apesar de existir mais de uma dezena de parâmetros para Media Queries, a verdade é que somente alguns poucos são usados. Isso ocorre não pela falta de cuidado ou competência no desenvolvimento, mas principalmente devido ao fato de que as necessidades atuais da maioria dos sites não requerem o uso de muitos dos parâmetros.

E, como foi visto anteriormente, no post da Eliane, O que é Design Responsivo? é possível declarar regras CSS específicas conforme o tamanho do dispositivo ou browser, através dos parâmetros device-width e width(e seus prefixos). Essa abordagem, gera a maior discussão do desenvolvimento responsivo: Quais os Breakpoints mais eficientes??

Continue lendo
CSS
Calculadora sem imagens utilizando CSS3 e JavaScript

Calculadora sem imagens utilizando CSS3 e JavaScript

Por Jonathan Felipe | 12 de julho, 2012 | 0 comentários

 

No domingo (08/06) parte da nossa equipe foi ao evento The Developers Conference, após conferir vários exemplos legais do uso do HTML5 e CSS3 (entre eles o OldRadio) tive a ideia de criar algum objeto do nosso cotidiano tendo a ideia de não usar imagens para compor o design, apenas código. Como esse projeto foi experimental, não queria me preocupar com suporte à navegadores antigos, no final tive uma experiência muito legal.

Continue lendo
CSS
O que é Design Responsivo?

O que é Design Responsivo?

Por Eliane Garone | 08 de maio, 2012 | 6 comentários

 

Design Responsivo é uma técnica de estruturação HTML e CSS, em que o site se adapta ao browser do usuário sem precisar definir diversas folhas de estilos para cada resolução.

Como surgiu?

Em 2010, pensando em melhorar a sua experiência de navegação, Ethan Marcotte criou o artigo Responsive Web Design para o blog A List Apart. Ele apresenta o arquiteto inglês Christopher Wren, que disse certa vez que arquitetura é uma arte que “objetiva a eternidade”. Todo arquiteto que se preze quer construir um prédio que seja admirado (e habitado) por séculos… Infelizmente o Design Digital não tem a permanência da arquitetura. Na verdade, o que é projetado para internet hoje, já estará desatualizado daqui a duas semanas!

Continue lendo
CSS
Conheça o LESS

Conheça o LESS

Por Jonathan Felipe | 23 de março, 2012 | 0 comentários

 

1. O que é?

O LESS adiciona habilidades comuns de JavaScript e tem uma sintaxe incorporada chamada mixin, para criar classes reusáveis que podem ser extendidas para funções completas com a adição de argumentos e parâmetros.

Continue lendo
CSS
O pulo do gato: @font-face

O pulo do gato: @font-face

Por Eliane Garone | 13 de julho, 2011 | 0 comentários

 

Designers sempre tiveram o sonho de poder usar vários tipos de tipografias na web e trabalharam muitas vezes na “gambiarra“, alinhando imagens aos backgrounds dos textos através de CSS, o que ainda é muito utilizado e validado pelo W3C. Mas já faz um tempo que podemos mudar isso, e usar texto comum nos sites com a tipografia escolhida.

Continue lendo