Milhares de dicas CSS, PHP, scripts. tutoriais e dicas de vídeo útil

Popular para o mês

Função Tempo Atrás - CSS-Tricks

Função Tempo Atrás - CSS-Tricks

Isso pode ser usado para comentários e outras formas de comunicação para informar a hora atrás, em vez da hora exata que pode não estar correta para alguém em "

Opções para truncar strings - CSS-Tricks

Opções para truncar strings - CSS-Tricks

Técnica # 1: função simples myTruncate ($ string, $ limit, $ break = ".", $ Pad = "...") (if (strlen ($ string) "

Atualizar valores de toda a tabela - CSS-Tricks

Atualizar valores de toda a tabela - CSS-Tricks

Este código assume que você está conectado a um banco de dados MySQL que possui uma tabela com nomes e e-mails. A ideia é que ele produza uma tabela de cada "

Validação de URL - CSS-Tricks

Validação de URL - CSS-Tricks

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

Testador de intervalo de CEP simples - CSS-Tricks

Testador de intervalo de CEP simples - CSS-Tricks

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 "

Números acolchoados com zeros - CSS-Tricks

Números acolchoados com zeros - CSS-Tricks

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

Verificação avançada de tipo - CSS-Tricks

Verificação avançada de tipo - CSS-Tricks

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ções de opacidade em preto e branco - CSS-Tricks

Funções de opacidade em preto e branco - CSS-Tricks

É 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 "

Armazenando em cache o seletor atual (&) no Sass - CSS-Tricks

Armazenando em cache o seletor atual (&) no Sass - CSS-Tricks

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 "

BEM Mixins - CSS-Tricks

BEM Mixins - CSS-Tricks

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 "

Cobrindo Mixin - CSS-Tricks

Cobrindo Mixin - CSS-Tricks

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 ("

Fixando um número - CSS-Tricks

Fixando um número - CSS-Tricks

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 "

Adicionando unidade corretamente ao número - CSS-Tricks

Adicionando unidade corretamente ao número - CSS-Tricks

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; "

Centering Mixin - CSS-Tricks

Centering Mixin - 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 "

CSS Triangle Mixin - CSS-Tricks

CSS Triangle Mixin - CSS-Tricks

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 "

Barras de rolagem personalizadas Mixin - CSS-Tricks

Barras de rolagem personalizadas Mixin - CSS-Tricks

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. "

Deep Get / Set in Maps - CSS-Tricks

Deep Get / Set in Maps - CSS-Tricks

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 "

Facilitando a função Map Get - CSS-Tricks

Facilitando a função Map Get - CSS-Tricks

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, "

Corrigir um número para N dígitos - CSS-Tricks

Corrigir um número para N dígitos - CSS-Tricks

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á "

@extend Wrapper também conhecido como Mixtend - CSS-Tricks

@extend Wrapper também conhecido como Mixtend - CSS-Tricks

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"