Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Fonte: Wikipedia

Entre para nossa comunidade e tire suas dúvidas: dúvidas de CSS

10 mixins em Sass que você deveria usar em seus projetos

10 mixins em Sass que você deveria usar em seus projetos

O texto a seguir é uma tradução livre e autorizada do excelente post “10 Sass (SCSS) mixins you should be using in your projects”, de Jamie Wright. É mostrado dez dicas de mixins feitos em Sass que ele usa em seu trabalho e que com certeza são códigos muito úteis para qualquer dev front-end que usa o Sass como pré-processador. 

Como usar variáveis no CSS de forma nativa

Olá pessoal, neste artigo irei abordar o básico sobre variáveis nativas com CSS, e como você pode usar essa tecnologia hoje e sem medo de ser feliz.

Esta especificação ainda em fase de Last Call Working Draft, traz um novo módulo de CSS3 que permite a criação de varáveis de forma nativa, de uma forma simples e rápida como veremos a seguir.

Entendendo os valores initial e inherit do CSS

Qual a razão da existência dos valores 'initial' e 'inherit' na maioria dos atributos do CSS? Suas propriedades tem bastante significado, confira e entenda.

Seletores CSS Nível 4 – O que vem por aí

Os seletores do CSS são a coisa mais importante da linguagem. As propriedades você consegue decorar e aprender de acordo com necessidade. Mas os seletores são a sua ferramenta de trabalho.

Por isso, é importante que você conheça os novos seletores de nível 4 do CSS. Eles trazem uma série de novidades importantes para resolver aqueles problemas recorrentes principalmente em projetos complexos.

Anotações sobre Material Design do Google

O Material Design nasceu com a necessidade de melhorar o design do Google. Não é segredo que o design do Google era quase inexistente, pra não dizer um lixo. O Google é uma empresa de programadores e muito por causa disso não havia uma essência clara de que o design é algo importante.

CSS vs Animação JS: qual é o mais rápido?

Como pode a animação baseada em JavaScript ser secretamente sempre tão rápida – ou mais rápida – do que as transições CSS? E como é possível que Adobe e Google lancem, consistentemente, sites mobile com rich-media que rivalizam com o desempenho dos apps nativos?

Ordenar propriedades em ordem alfabética diminui o tamanho do arquivo quando usado com gzip?

Recentemente estava refatorando o CSS da firma usando uma ferramenta (bem interessante) chamada scss-lint, que tem uma opção chamada PropertySortOrder que, por padrão, pede para você ordenar as propriedades do CSS em ordem alfabética, mas também pode ser determinada por alguma outra ordem, como você pode conferir no link acima.

Editores: snippets e produtividade

Não é muito difícil ser produtivo. Em muitas palestras e aulas, me perguntam como o desenvolvedor client-side (ou qualquer outro) pode melhorar sua performance e desenvolver melhor, mais rápido e com qualidade. Além de muito treino, existem outros pontos que se utilizados da maneira correta, podem agilizar seu trabalho.

Simuladores de Browsers Mobiles

Antigamente não existiam simuladores dos pequenos celulares. Na verdade, não precisava. Você provavelmente usava WAP. Quando começamos a utilizar CSS e XHTML para fazer sites mais decentes para os mobiles, tudo ficou mais complicado, você precisava ter um aparelho para fazer testes. Em muitos casos era simples resolver utilizando o Opera no desktop mesmo, mas em forma de visualização mobile/handheld. Contudo, você estava desenvolvendo para apenas aparelhos com Opera. Não havia, por exemplo, um simulador de IE Mobile. Nem precisa, é horrível, e atualmente, a maioria utiliza Opera.

Colocar Rodapé fixo no fim da página

Você já deve ter precisado colocar o footer fixo no rodapé quando houve pouco conteúdo na página. Normalmente os clientes chatos acham feito aquele rodapé terminando no meio da página quando há pouco conteúdo. Há uma técnica no CSS que nos permite fazer essa façanha. Não funciona no IE6. Na verdade, tem um jeito de funcionar, mas não quero te acostumar mal a fazer técnicas funcionarem em browsers ruins.

1-10 11-12