Curso CSS3 com Sass e Compass - Aula 05: Variaveis
•
2 gostaram•2,137 visualizações
O documento apresenta um curso sobre CSS3 com Sass e Compass, abordando o uso de variáveis em Sass para declarar e referenciar cores, larguras e outros atributos de forma consistente em um projeto. É explicado como compilar arquivos Sass em CSS e os requisitos necessários como Ruby, Gem Sass e um editor de texto.
Denunciar
Compartilhar
Denunciar
Compartilhar
Baixar para ler offline
Recomendados
[Curso CSS3 com Sass e Compass] Aula 09: Trabalhando com Herança
O documento discute a herança em CSS usando Sass, permitindo que estilos herdem propriedades de outros estilos. Ele explica como usar @extend para aplicar font-weight de .loud para .angry e definir cor vermelha para .angry. Apresenta exemplos de CSS resultantes e fornece links para código e aulas adicionais.
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
Este documento discute a importação de arquivos Sass aninhados para organizar melhor o código. Ele explica como importar arquivos Sass aninhados, escopo de variáveis e estudos de caso. O documento fornece links para o código-fonte e cursos online sobre CSS3 com Sass e Compass.
[Curso CSS3 com Sass e Compass] Aula 06: Trabalhando com CSS Aninhado
Este documento apresenta um curso sobre CSS aninhado e propriedades aninhadas usando Sass. Ele inclui uma agenda com CSS aninhado e propriedades aninhadas, requisitos para usar Sass e exemplos de como estruturar CSS aninhado e propriedades aninhadas em Sass.
[Curso CSS3 com Sass e Compass] Aula 08: Trabalhando com Mixins
Este documento apresenta mixings no Sass, propriedades CSS que podem ser reutilizadas em outros estilos. Dois exemplos são apresentados: um mixin para bordas arredondadas e outro para cores de link que aceita parâmetros. O uso de mixings permite reaproveitar declarações CSS evitando repetição.
Front-end treinamento html/css
O documento fornece diretrizes sobre padrões de desenvolvimento web para o site Globo.com, abordando tópicos como o uso de HTML semântico e valido, CSS, seletores, pseudo-classes e pseudo-elementos de forma a garantir acessibilidade, compatibilidade e desempenho.
Internet em pauta: Desmistificando o desenvolvimento de websites
1) O documento apresenta os conceitos básicos de HTML, CSS e JavaScript para desenvolvimento de websites.
2) Inclui glossário de termos como IP, DNS, FTP e introduz tags HTML como <h1>, <p>, <a> e atributos.
3) Também explica seletores e propriedades CSS e conceitos básicos de lógica de programação com JavaScript como variáveis, condicionais e funções.
Repensando seu CSS - Boas práticas e performance
O documento discute boas práticas para escrever código CSS de forma a melhorar a performance e manutenibilidade, incluindo usar CSS resets, escolher uma grade CSS, escrever propriedades em ordem alfabética, usar regras resumidas, padronizar nomenclatura, separar em folhas de estilo e usar unidades como em e rem. Também lista "maus cheiros" como duplicação de código e dificuldade em posicionar elementos. Aborda ainda estruturas como SMACSS, OOCSS e Atomic Design para organizar o CSS em módulos reutiliz
Introdução ao Ruby
Ruby é uma linguagem de programação dinâmica e orientada a objetos criada em 1993 por Yukihiro Matsumoto. Ruby on Rails é um framework web popular construído em Ruby que facilita a criação de aplicações web usando o padrão MVC. Muitas empresas grandes como Amazon, BBC e ThoughtWorks usam Ruby on Rails para seus sites e aplicativos.
Recomendados
[Curso CSS3 com Sass e Compass] Aula 09: Trabalhando com Herança
O documento discute a herança em CSS usando Sass, permitindo que estilos herdem propriedades de outros estilos. Ele explica como usar @extend para aplicar font-weight de .loud para .angry e definir cor vermelha para .angry. Apresenta exemplos de CSS resultantes e fornece links para código e aulas adicionais.
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
Este documento discute a importação de arquivos Sass aninhados para organizar melhor o código. Ele explica como importar arquivos Sass aninhados, escopo de variáveis e estudos de caso. O documento fornece links para o código-fonte e cursos online sobre CSS3 com Sass e Compass.
[Curso CSS3 com Sass e Compass] Aula 06: Trabalhando com CSS Aninhado
Este documento apresenta um curso sobre CSS aninhado e propriedades aninhadas usando Sass. Ele inclui uma agenda com CSS aninhado e propriedades aninhadas, requisitos para usar Sass e exemplos de como estruturar CSS aninhado e propriedades aninhadas em Sass.
[Curso CSS3 com Sass e Compass] Aula 08: Trabalhando com Mixins
Este documento apresenta mixings no Sass, propriedades CSS que podem ser reutilizadas em outros estilos. Dois exemplos são apresentados: um mixin para bordas arredondadas e outro para cores de link que aceita parâmetros. O uso de mixings permite reaproveitar declarações CSS evitando repetição.
Front-end treinamento html/css
O documento fornece diretrizes sobre padrões de desenvolvimento web para o site Globo.com, abordando tópicos como o uso de HTML semântico e valido, CSS, seletores, pseudo-classes e pseudo-elementos de forma a garantir acessibilidade, compatibilidade e desempenho.
Internet em pauta: Desmistificando o desenvolvimento de websites
1) O documento apresenta os conceitos básicos de HTML, CSS e JavaScript para desenvolvimento de websites.
2) Inclui glossário de termos como IP, DNS, FTP e introduz tags HTML como <h1>, <p>, <a> e atributos.
3) Também explica seletores e propriedades CSS e conceitos básicos de lógica de programação com JavaScript como variáveis, condicionais e funções.
Repensando seu CSS - Boas práticas e performance
O documento discute boas práticas para escrever código CSS de forma a melhorar a performance e manutenibilidade, incluindo usar CSS resets, escolher uma grade CSS, escrever propriedades em ordem alfabética, usar regras resumidas, padronizar nomenclatura, separar em folhas de estilo e usar unidades como em e rem. Também lista "maus cheiros" como duplicação de código e dificuldade em posicionar elementos. Aborda ainda estruturas como SMACSS, OOCSS e Atomic Design para organizar o CSS em módulos reutiliz
Introdução ao Ruby
Ruby é uma linguagem de programação dinâmica e orientada a objetos criada em 1993 por Yukihiro Matsumoto. Ruby on Rails é um framework web popular construído em Ruby que facilita a criação de aplicações web usando o padrão MVC. Muitas empresas grandes como Amazon, BBC e ThoughtWorks usam Ruby on Rails para seus sites e aplicativos.
Rails front-end com bourbon e sua familia @ Front in Maceió 2014
Nesta palestra veremos:
- Por que não recriar o que já existe
- Bourbon
- NEAT
- Bitters
- Refills
- Organização de CSS em uma app rails
Sass
O documento descreve as principais funcionalidades do pré-processador Sass, incluindo: variáveis, escopo e valores padrão de variáveis, nesting, extend, placeholders, mixins, condicionais, loops e funções. O Sass permite escrever CSS de forma mais organizada e reutilizável através desses recursos.
HTML&CSS 4 - Intermediate CSS (1/2)
Este documento fornece um resumo sobre CSS (Cascading Style Sheets) e como estilizar elementos HTML. Ele discute os três métodos para adicionar CSS (inline, embed e external), a herança e cascata de estilos, a resolução de conflitos com base na origem, especificidade e ordem, e como estilizar texto usando propriedades como font-size, font-family e cores.
Design Responsivo com Sass
O documento discute o uso de pré-processadores CSS como Sass e Compass para criar designs responsivos. Ele explica como Sass fornece recursos como aninhamento, variáveis e mixins que facilitam o desenvolvimento. O documento também descreve como Compass e Breakpoint ajudam na compatibilidade entre navegadores e consultas de mídia, respectivamente. Por fim, é apresentado Susy como uma forma flexível de criar grids responsivos.
HTML & CSS - Aula 5
Este documento resume as principais propriedades CSS para formatação de texto, listas, posicionamento e compatibilidade entre navegadores. Também discute boas práticas de organização de código CSS como ordenação lógica de propriedades e uso de comentários.
React + sass
Sass é um pré-processador CSS que adiciona funcionalidades como variáveis, aninhamento, operações matemáticas e mixins para manter os arquivos CSS organizados e reutilizáveis. Ele permite definir variáveis, aninhar seletores CSS, fazer operações matemáticas e criar mixins reutilizáveis para estilizar componentes de forma dinâmica. Sass compila os arquivos .scss em CSS normal para que seja compatível com todos os navegadores.
CSS´s Dinâmicos - InfoTech 2012
Nesta palestra, vamos abordar um tema muito comum e de fácil aprendizagem. Todo desenvolvedor que trabalhe com internet hoje em dia, precisa aprender a tornar a linguagem de marcação CSS (Cascading Style Sheets) utilizada para definir a apresentação dos documentos HTML em uma linguagem completamente nova e poderosa, capaz de oferecer grande produtividade. Vamos explorar diferentes frameworks como SASS e LESS e suas vantagens e desvantagens.
Pre vs Pos
O documento discute pré-processadores CSS como Sass, LESS e Stylus, comparando suas sintaxes e recursos como variáveis, aninhamento, mixins, funções e extensões. Também apresenta PostCSS como uma ferramenta para aplicar plugins que realizam transformações no CSS, listando alguns plugins populares como Autoprefixer e CSSNano. Por fim, discute brevemente os recursos do CSS4 que já estão disponíveis em pré e pós-processadores.
Css For Beginners
O documento fornece uma introdução sobre CSS, descrevendo sua função de separar conteúdo de layout e estilo, melhorar acessibilidade e manutenção. Explica como integrar CSS em HTML, a anatomia de uma regra CSS, tipos de seletores, herança e especificidade, e versões de CSS.
CSS for Beginners
O documento fornece uma introdução sobre CSS, incluindo sua sintaxe, boas práticas e integração em documentos HTML. É explicado como separar conteúdo de layout e estilo usando CSS, melhorando acessibilidade e manutenção. São detalhados conceitos como seletores de tag, classe e ID, herança, especificidade e versões de CSS.
Aprender CSS (UFCD0154) v2
Este documento fornece informações sobre estilos em CSS (Cascading Style Sheets). Explica o que é CSS, como aplicar estilos através de folhas externas, seletores e propriedades. Também discute como especificar cores em CSS usando nomes predefinidos, valores hexadecimais, RGB e outros métodos.
Logica de Progamacao - Aula (1) (1).pptx
A palavra
lógica está
normalmente
relacionada
com o modo
de pensar de
um indivíduo
em termos de
racionalidade
e coerência
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Este artigo tem por objetivo apresentar como ocorreu a evolução do consumo e da produção de energia desde a pré-história até os tempos atuais, bem como propor o futuro da energia requerido para o mundo. Da pré-história até o século XVIII predominou o uso de fontes renováveis de energia como a madeira, o vento e a energia hidráulica. Do século XVIII até a era contemporânea, os combustíveis fósseis predominaram com o carvão e o petróleo, mas seu uso chegará ao fim provavelmente a partir do século XXI para evitar a mudança climática catastrófica global resultante de sua utilização ao emitir gases do efeito estufa responsáveis pelo aquecimento global. Com o fim da era dos combustíveis fósseis virá a era das fontes renováveis de energia quando prevalecerá a utilização da energia hidrelétrica, energia solar, energia eólica, energia das marés, energia das ondas, energia geotérmica, energia da biomassa e energia do hidrogênio. Não existem dúvidas de que as atividades humanas sobre a Terra provocam alterações no meio ambiente em que vivemos. Muitos destes impactos ambientais são provenientes da geração, manuseio e uso da energia com o uso de combustíveis fósseis. A principal razão para a existência desses impactos ambientais reside no fato de que o consumo mundial de energia primária proveniente de fontes não renováveis (petróleo, carvão, gás natural e nuclear) corresponde a aproximadamente 88% do total, cabendo apenas 12% às fontes renováveis. Independentemente das várias soluções que venham a ser adotadas para eliminar ou mitigar as causas do efeito estufa, a mais importante ação é, sem dúvidas, a adoção de medidas que contribuam para a eliminação ou redução do consumo de combustíveis fósseis na produção de energia, bem como para seu uso mais eficiente nos transportes, na indústria, na agropecuária e nas cidades (residências e comércio), haja vista que o uso e a produção de energia são responsáveis por 57% dos gases de estufa emitidos pela atividade humana. Neste sentido, é imprescindível a implantação de um sistema de energia sustentável no mundo. Em um sistema de energia sustentável, a matriz energética mundial só deveria contar com fontes de energia limpa e renováveis (hidroelétrica, solar, eólica, hidrogênio, geotérmica, das marés, das ondas e biomassa), não devendo contar, portanto, com o uso dos combustíveis fósseis (petróleo, carvão e gás natural).
DESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdf
A linguagem C# aproveita conceitos de muitas outras linguagens,
mas especialmente de C++ e Java. Sua sintaxe é relativamente fácil, o que
diminui o tempo de aprendizado. Todos os programas desenvolvidos devem
ser compilados, gerando um arquivo com a extensão DLL ou EXE. Isso torna a
execução dos programas mais rápida se comparados com as linguagens de
script (VBScript , JavaScript) que atualmente utilizamos na internet
Segurança Digital Pessoal e Boas Práticas
Em um mundo cada vez mais digital, a segurança da informação tornou-se essencial para proteger dados pessoais e empresariais contra ameaças cibernéticas. Nesta apresentação, abordaremos os principais conceitos e práticas de segurança digital, incluindo o reconhecimento de ameaças comuns, como malware e phishing, e a implementação de medidas de proteção e mitigação para vazamento de senhas.
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
As classes de modelagem podem ser comparadas a moldes ou
formas que definem as características e os comportamentos dos
objetos criados a partir delas. Vale traçar um paralelo com o projeto de
um automóvel. Os engenheiros definem as medidas, a quantidade de
portas, a potência do motor, a localização do estepe, dentre outras
descrições necessárias para a fabricação de um veículo
Mais conteúdo relacionado
Semelhante a Curso CSS3 com Sass e Compass - Aula 05: Variaveis
Rails front-end com bourbon e sua familia @ Front in Maceió 2014
Nesta palestra veremos:
- Por que não recriar o que já existe
- Bourbon
- NEAT
- Bitters
- Refills
- Organização de CSS em uma app rails
Sass
O documento descreve as principais funcionalidades do pré-processador Sass, incluindo: variáveis, escopo e valores padrão de variáveis, nesting, extend, placeholders, mixins, condicionais, loops e funções. O Sass permite escrever CSS de forma mais organizada e reutilizável através desses recursos.
HTML&CSS 4 - Intermediate CSS (1/2)
Este documento fornece um resumo sobre CSS (Cascading Style Sheets) e como estilizar elementos HTML. Ele discute os três métodos para adicionar CSS (inline, embed e external), a herança e cascata de estilos, a resolução de conflitos com base na origem, especificidade e ordem, e como estilizar texto usando propriedades como font-size, font-family e cores.
Design Responsivo com Sass
O documento discute o uso de pré-processadores CSS como Sass e Compass para criar designs responsivos. Ele explica como Sass fornece recursos como aninhamento, variáveis e mixins que facilitam o desenvolvimento. O documento também descreve como Compass e Breakpoint ajudam na compatibilidade entre navegadores e consultas de mídia, respectivamente. Por fim, é apresentado Susy como uma forma flexível de criar grids responsivos.
HTML & CSS - Aula 5
Este documento resume as principais propriedades CSS para formatação de texto, listas, posicionamento e compatibilidade entre navegadores. Também discute boas práticas de organização de código CSS como ordenação lógica de propriedades e uso de comentários.
React + sass
Sass é um pré-processador CSS que adiciona funcionalidades como variáveis, aninhamento, operações matemáticas e mixins para manter os arquivos CSS organizados e reutilizáveis. Ele permite definir variáveis, aninhar seletores CSS, fazer operações matemáticas e criar mixins reutilizáveis para estilizar componentes de forma dinâmica. Sass compila os arquivos .scss em CSS normal para que seja compatível com todos os navegadores.
CSS´s Dinâmicos - InfoTech 2012
Nesta palestra, vamos abordar um tema muito comum e de fácil aprendizagem. Todo desenvolvedor que trabalhe com internet hoje em dia, precisa aprender a tornar a linguagem de marcação CSS (Cascading Style Sheets) utilizada para definir a apresentação dos documentos HTML em uma linguagem completamente nova e poderosa, capaz de oferecer grande produtividade. Vamos explorar diferentes frameworks como SASS e LESS e suas vantagens e desvantagens.
Pre vs Pos
O documento discute pré-processadores CSS como Sass, LESS e Stylus, comparando suas sintaxes e recursos como variáveis, aninhamento, mixins, funções e extensões. Também apresenta PostCSS como uma ferramenta para aplicar plugins que realizam transformações no CSS, listando alguns plugins populares como Autoprefixer e CSSNano. Por fim, discute brevemente os recursos do CSS4 que já estão disponíveis em pré e pós-processadores.
Css For Beginners
O documento fornece uma introdução sobre CSS, descrevendo sua função de separar conteúdo de layout e estilo, melhorar acessibilidade e manutenção. Explica como integrar CSS em HTML, a anatomia de uma regra CSS, tipos de seletores, herança e especificidade, e versões de CSS.
CSS for Beginners
O documento fornece uma introdução sobre CSS, incluindo sua sintaxe, boas práticas e integração em documentos HTML. É explicado como separar conteúdo de layout e estilo usando CSS, melhorando acessibilidade e manutenção. São detalhados conceitos como seletores de tag, classe e ID, herança, especificidade e versões de CSS.
Aprender CSS (UFCD0154) v2
Este documento fornece informações sobre estilos em CSS (Cascading Style Sheets). Explica o que é CSS, como aplicar estilos através de folhas externas, seletores e propriedades. Também discute como especificar cores em CSS usando nomes predefinidos, valores hexadecimais, RGB e outros métodos.
Semelhante a Curso CSS3 com Sass e Compass - Aula 05: Variaveis (11)
Rails front-end com bourbon e sua familia @ Front in Maceió 2014
Rails front-end com bourbon e sua familia @ Front in Maceió 2014
Último
Logica de Progamacao - Aula (1) (1).pptx
A palavra
lógica está
normalmente
relacionada
com o modo
de pensar de
um indivíduo
em termos de
racionalidade
e coerência
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Este artigo tem por objetivo apresentar como ocorreu a evolução do consumo e da produção de energia desde a pré-história até os tempos atuais, bem como propor o futuro da energia requerido para o mundo. Da pré-história até o século XVIII predominou o uso de fontes renováveis de energia como a madeira, o vento e a energia hidráulica. Do século XVIII até a era contemporânea, os combustíveis fósseis predominaram com o carvão e o petróleo, mas seu uso chegará ao fim provavelmente a partir do século XXI para evitar a mudança climática catastrófica global resultante de sua utilização ao emitir gases do efeito estufa responsáveis pelo aquecimento global. Com o fim da era dos combustíveis fósseis virá a era das fontes renováveis de energia quando prevalecerá a utilização da energia hidrelétrica, energia solar, energia eólica, energia das marés, energia das ondas, energia geotérmica, energia da biomassa e energia do hidrogênio. Não existem dúvidas de que as atividades humanas sobre a Terra provocam alterações no meio ambiente em que vivemos. Muitos destes impactos ambientais são provenientes da geração, manuseio e uso da energia com o uso de combustíveis fósseis. A principal razão para a existência desses impactos ambientais reside no fato de que o consumo mundial de energia primária proveniente de fontes não renováveis (petróleo, carvão, gás natural e nuclear) corresponde a aproximadamente 88% do total, cabendo apenas 12% às fontes renováveis. Independentemente das várias soluções que venham a ser adotadas para eliminar ou mitigar as causas do efeito estufa, a mais importante ação é, sem dúvidas, a adoção de medidas que contribuam para a eliminação ou redução do consumo de combustíveis fósseis na produção de energia, bem como para seu uso mais eficiente nos transportes, na indústria, na agropecuária e nas cidades (residências e comércio), haja vista que o uso e a produção de energia são responsáveis por 57% dos gases de estufa emitidos pela atividade humana. Neste sentido, é imprescindível a implantação de um sistema de energia sustentável no mundo. Em um sistema de energia sustentável, a matriz energética mundial só deveria contar com fontes de energia limpa e renováveis (hidroelétrica, solar, eólica, hidrogênio, geotérmica, das marés, das ondas e biomassa), não devendo contar, portanto, com o uso dos combustíveis fósseis (petróleo, carvão e gás natural).
DESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdf
A linguagem C# aproveita conceitos de muitas outras linguagens,
mas especialmente de C++ e Java. Sua sintaxe é relativamente fácil, o que
diminui o tempo de aprendizado. Todos os programas desenvolvidos devem
ser compilados, gerando um arquivo com a extensão DLL ou EXE. Isso torna a
execução dos programas mais rápida se comparados com as linguagens de
script (VBScript , JavaScript) que atualmente utilizamos na internet
Segurança Digital Pessoal e Boas Práticas
Em um mundo cada vez mais digital, a segurança da informação tornou-se essencial para proteger dados pessoais e empresariais contra ameaças cibernéticas. Nesta apresentação, abordaremos os principais conceitos e práticas de segurança digital, incluindo o reconhecimento de ameaças comuns, como malware e phishing, e a implementação de medidas de proteção e mitigação para vazamento de senhas.
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
As classes de modelagem podem ser comparadas a moldes ou
formas que definem as características e os comportamentos dos
objetos criados a partir delas. Vale traçar um paralelo com o projeto de
um automóvel. Os engenheiros definem as medidas, a quantidade de
portas, a potência do motor, a localização do estepe, dentre outras
descrições necessárias para a fabricação de um veículo
Último (8)
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Curso CSS3 com Sass e Compass - Aula 05: Variaveis
- 1. Curso CSS3 com Sass e Compass: Variáveis
- 3. Agenda • Declarar e usar variáveis • Compilar Sass em CSS com Scout ou usar linha de comando
- 4. Requisitos • Ruby • Gem Sass • Editor texto • Scout IDE ou terminal
- 5. Declarando Variáveis $highlight-color: #abcdef; $width: 300px; $base-color: #ffff; $background-color: #abcdef;
- 6. Referenciando Variáveis .error { font-color: $base-color; background-color: $background-color; width: $width; border: 1px #f00; }
- 7. Variáveis Referenciando Variáveis $highlight-color: #abcdef; .selected { border: 1px $highlight-color solid; } $highlight-color: #abcdef; $highlight-border: 1px $highlight-color solid; .selected { border: $highlight-border; }
- 8. Hífen ou Underscode? $highlight-color: #abcdef; .selected { border: 1px $highlight_color solid; }
- 9. Hífen ou Underscode? $highlight-color: #abcdef; .selected { border: 1px $highlight_color solid; }
- 10. Hífen ou Underscode? $highlight-color: #abcdef; .selected { border: 1px $highlight_color solid; }
- 11. Hífen ou Underscode? $highlight-color: #abcdef; .selected { border: 1px $highlight_color solid; } São Iguais!!!
- 13. Todas as Aulas do Curso http://www.loiane.com/2012/03/curso-online-css3- com-sass-e-compass-gratuito/
- 14. .contato { blog: ‘loiane.com’; facebook: ‘facebook.com/loianegroner’; twitter: ‘@loiane’; github: ‘loiane’; vimeo: ‘loiane’; youtube: ‘loianeg’; }
- 15. Obrigada!