07 mar 2017

Utilizando a propriedade transform é possível manipular visualmente um elemento (dimensionar, mover, rotacionar, etc), e abaixo veremos exemplos de como utilizar cada função. Utilizaremos o mesmo código html para todos os exemplos: <div class=”original”> <div class=”spin”> <div class=”box”>Texto</div> </div> </div> Rotate Como o nome ja sugere, é utilizada para rotacionar o elemento, de 0 a

Read More

13 out 2016
css3_animations

Criar animações em um site vai muito além de apenas deixá-lo mais “bonitinho”; é um ganho no quesito usabilidade. Anima ações do usuário como o hover e o focus, e tornar transições mais suaves (como em um carrossel, por exemplo), já melhoram muito a usabilidade, e nesse post veremos como criar animações. @keyframes Uma animação

Read More

08 ago 2016

Acredito que a maioria das pessoas não gostam de matemática, apesar de que, na área de desenvolvimento, ela acaba sendo utilizada em quase tudo que se é feito. Como front-end developer, utilizo muita matemática com javascript, e quando precisava realizar cálculos no css, acabava usando também javascript, até que eu conheci a função Calc do

Read More

13 out 2015
blog-digital-transformation

Seletores CSS

Seletores são necessariamente uma das primeiras coisas que qualquer pessoa que começa a estudar CSS aprende. Existe uma quantidade enorme de seletores divididos entre as versões 1, 2 e 3 das CSS. infelizmente nem todos podem ser utilizados dependendo da versão do browser ao qual vai ser necessário dar suporte, uma boa forma de verificar

Read More

08 dez 2011

Introdução Um desafio de todo desenvolvedor html é manter o seu site compatí­vel com todos os browsers ( em especial o Internet Explorer ), devido as limitações e detalhes na implementação de cada um, isso é um fato inegável, e qualquer um que ja tentou um dia desenvolver alguma coisa em html sabe disso. Em

Read More

08 nov 2011

Como todos devem ter percebido, nos últimos meses o CSS3 e o HTML5 tem ganho um grande destaque no desenvolvimento web. Grandes empresas como o Google, Microsoft, Adobe e Apple estão apoiando fortemente o desenvolvimento web utilizando WebStandards. Caso você já conheça algo sobre CSS, provavelmente deve saber como é complicado a organização desses documentos

Read More