dicas de css

Essencialmente, um template de site dá maneiras relativamente fácil designers para plug conteúdo em uma estrutura sofisticada construída através de linguagens clássicas da Web, como HTML e CSS. Um template de site pode incluir cuidadosamente estabelecidos títulos, imagens quadradas ou redondas, banners de fundo, listras e outros recursos de layout, bem como estilizados e estabelecidos tipografia. Designers podem tirar proveito desses modelos e simplesmente trocar em seus próprios dados e imagens para obter um estilo Web muito elaborado sem escrever os próprios códigos.

Um dos elementos mais úteis do template tray por exemplo é novos recursos para o Web design responsivo. Os modelos de site responsivos podem ajudar as pequenas empresas e outros usuários a atender aos desafios de uma idade centrada em móveis, permitindo que eles construam facilmente um novo projeto da Web que atenda a pessoas que usam smartphones e outros dispositivos móveis. Em alguns casos, os proprietários de empresas como a loja de templates ou outros usuários podem tirar dados e imagens de seu site legado e colocá-los diretamente em um modelo de site responsivo para ser capaz de oferecer uma versão moderna móvel-friendly do seu site para certos clientes e outros visitantes.

Sass (em inglês, “syntactically awesome stylesheets”, ou “folhas de estilo sintaticamente incríveis”) é uma linguagem de folhas de estilo concebida inicialmente por Hampton Catlin e desenvolvida por Natalie Weizenbaum.Depois de suas versões iniciais, Weizenbaum e Chris Eppstein continuaram a estender Sass com SassScript, uma simples linguagem de script usada em arquivos Sass.

Sass é uma linguagem de script que é interpretada ou compilada em Cascading Style Sheets (CSS). SassScript é a linguagem em si. Sass consiste em duas sintaxes. A sintaxe original, chamada de “sintaxe indentada”, usa uma sintaxe semelhante a Haml.Ela usa indentação para separar blocos de código e caracteres de nova linha para separar regras. A sintaxe mais recente, “SCSS”, usa formatação de bloco, como a de CSS. Esta usa chaves para designar blocos de código e ponto-e-vírgula para separar linhas dentro de um bloco. Os arquivos com sintaxe de indentação e SCSS são tradicionalmente dados as extensões .sass e .scss, respectivamente.

CSS3 consiste em uma série de seletores e pseudo-seletores que agrupam regras que lhes são aplicáveis. Sass (no contexto maior de ambas as sintaxes) estende CSS fornecendo vários mecanismos disponíveis em linguagens de programação mais tradicionais, particularmente linguagens orientadas a objeto, mas que não estão disponíveis no CSS3 em si. Quando SassScript é interpretado, ele cria blocos de regras CSS para vários seletores, conforme definido pelo arquivo Sass. O intérprete Sass traduz SassScript em CSS. Alternativamente, Sass pode monitorar arquivos .sass ou .scss e traduzi-los para um arquivo .css sempre que os arquivos .sass ou .scss forem salvos.Sass é simplesmente açúcar sintático para CSS.

A implementação oficial da Sass é open-source e codificada em Ruby; no entanto, existem outras implementações, incluindo PHP, e uma implementação de alto-desempenho em C chamada libSass.Há também uma implementação em Java chamada JSass.Além disso, Vaadin tem uma implementação em Java de Sass.A sintaxe indentada é uma metalinguagem. SCSS é uma metalinguagem aninhada, pois CSS válido é SCSS válido com a mesma semântica. Sass suporta a integração com a extensão Firebug do Firefox.

SassScript oferece os seguintes mecanismos: variáveis, aninhamento, mixins, e seletor de herança.