Partes de codigo 2025, Janeiro

Já falamos sobre "Por que Ems?" aqui antes. Para aqueles novos valores em, The Mozilla Developer Network faz um excelente trabalho explicando ems: ... an em is "

Lidar com caminhos é sempre um pouco chato, você vai admitir. Felizmente, é extremamente fácil com o Sass ter uma bela API para gerenciar ativos e "

Embora seja muito útil com aritmética, Sass fica um pouco aquém das funções matemáticas auxiliares. Houve um problema aberto no repositório oficial para "

Via Alex King, você pode usar variáveis ​​para seletores: $ a-tags: 'a, a: ativo, a: hover, a: visitado'; $ a-tags-hover: 'a: ativo, a: hover'; # ($ a-tags) (cor: "

O framework Sass Compass fornece uma função útil para obter a direção oposta de uma posição, por exemplo, esquerda ao passar a direita como argumento. Esta"

Caso você esteja interessado em lidar com a prefixação de seu próprio fornecedor CSS (em vez de, digamos, Autoprefixer ou Compass), aqui está um mixin para ajudar com isso. Em vez"

Não há uma maneira fácil de qualificar um seletor de dentro do conjunto de regras associado. Por qualificação, quero dizer acrescentar um nome de elemento (por exemplo, a) a uma classe "

Este artigo de julho de 2013 descreve um método de uso de elementos psuedo para manter uma proporção de aspecto dos elementos, mesmo durante sua escala. Aqui está um mix Sass que "

O design de materiais está em todo lugar ultimamente. Uma parte consiste em empilhar camadas umas sobre as outras como folhas de papel reais. Alcançar"

Se houver uma abreviação que o CSS falha drasticamente, é o que torna possível definir a propriedade position, bem como as quatro propriedades de deslocamento "

As criações de Web Design responsivo geralmente existem em vários pontos de interrupção diferentes. Gerenciar esses pontos de interrupção nem sempre é fácil. Usando-os e atualizando "

Ao se aprofundar na teoria da cor, existe algo chamado luminância relativa da cor. Simplificando, a luminância de uma cor define se a sua "

Para criadores de bibliotecas e construtores de estruturas, ter algumas funções extras para aplicar funções dinamicamente a itens de uma lista pode ser útil. Aqui"

Ao estender um seletor com a diretiva @extend, o Sass não pega o conteúdo CSS do seletor estendido para colocá-lo no de extensão. Isto"

Ao lidar com números em JavaScript ou qualquer outra linguagem de programação, existe uma maneira de truncar um número após n dígitos. Infelizmente, não há "

As curvas de Bézier podem ser usadas para adicionar belos efeitos às transições e animações CSS. Digitando a notação funcional completa (por exemplo, cubic-bezier (0,550, "

Ao trabalhar em arquiteturas Sass complexas, não é incomum usar mapas Sass para manter a configuração e as opções. De vez em quando, você verá mapas "

As barras de rolagem são um dos componentes da IU que estão presentes em quase todas as páginas da Internet, mas nós (desenvolvedores) temos pouco ou nenhum controle sobre isso. "

Existe um hack CSS bastante popular que usa bordas transparentes em um elemento de largura / altura 0 para imitar triângulos. Há um snippet CSS aqui em CSS-Tricks "

Supondo que o elemento pai tenha position: relative ;, essas quatro propriedades centralizarão um elemento filho horizontal e verticalmente dentro, não importa "

Ao converter um número sem unidade em um comprimento, duração, ângulo ou qualquer outra coisa, as pessoas tendem a simplesmente anexar a unidade como uma string, assim: $ value: 42; "

Na ciência da computação, usamos a palavra braçadeira como forma de restringir um número entre dois outros números. Quando fixado, um número manterá seu próprio valor "

Eu me pego usando essas propriedades juntas o tempo todo, o que normalmente é uma boa oportunidade para uma abstração como um mixin: @mixin coverer ("

A melhor introdução ao BEM é de Harry Roberts: BEM - que significa bloco, elemento, modificador - é uma metodologia de nomenclatura de front-end idealizada pelo pessoal da "

O caractere & no Sass é único por representar o seletor atual. Ele muda conforme você se aninha. Digamos que você esteja aninhado, mas deseja acessar um "

É muito comum precisar de um pouco de preto ou branco transparente. Em CSS, você pode fazer: .half-black (background: rgba (0, 0, 0, 0.5);) Fica mais fácil em "

Esta coleção de funções serve para testar se o valor de uma variável é de um determinado tipo. Por exemplo, 13rem é um comprimento relativo? VERDADE! É "gelado"

Função getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Uso echo getZeroPaddedNumber (123, 4); // outputs "

Esta regex abaixo testa o código postal fornecido se ele começa com os números 096 e se há exatamente 2 números depois dele. Em caso afirmativo, ecoa Sim, se "

$ url = 'http://example.com'; $ validação = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validação) $ output = 'URL apropriado'; "