Partes de codigo 2025, Janeiro

Forçar HTTPS - CSS-Tricks

Forçar HTTPS - CSS-Tricks

RewriteEngine em RewriteCond% (HTTPS)! Em RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Se você tiver um proxy na frente de seu servidor executando TLS "

Forçar tipo de conteúdo correto para documentos XHTML - CSS-Tricks

Forçar tipo de conteúdo correto para documentos XHTML - CSS-Tricks

A maioria dos servidores web serve conteúdo XHTML como text / html, o que é definitivamente a maneira certa de lidar com documentos XHTML. Caso o servidor não esteja fazendo isso corretamente, "

Forçar charset utf-8 - CSS-Tricks

Forçar charset utf-8 - CSS-Tricks

Se você não pode alterar a configuração do servidor Apache, use este código para forçar a decodificação da página para utf-8. AddDefaultCharset utf-8 "

Obtenha a página de estatísticas do Dreamhost trabalhando em um site WordPress - CSS-Tricks

Obtenha a página de estatísticas do Dreamhost trabalhando em um site WordPress - CSS-Tricks

Para sites hospedados com Dreamhost, você tem uma página de análise por padrão em yoursite.tld / stats /. WordPress pode interferir nisso, pensando que você está "

Indexação extravagante - CSS-Tricks

Indexação extravagante - CSS-Tricks

Adiciona fontes de largura fixa, tamanho de arquivo e data, capacidade de classificação. Propaga-se para diretórios de nível superior. Consultar exemplo. IndexOptions FancyIndexing IndexOptions "

Páginas de erro personalizadas - CSS-Tricks

Páginas de erro personalizadas - CSS-Tricks

ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 405 /405.html ErrorDocument "

Negar e permitir acesso - CSS-Tricks

Negar e permitir acesso - CSS-Tricks

Negar exceto de IPs específicos Negar pedido, permitir Negar de todos Permitir de xxx.xxx.xxx.xxx Permitir de xxx.xxx.xxx.xxy Permitir exceto de pedido de IPs específicos "

Página de índice de diretório diferente - CSS-Tricks

Página de índice de diretório diferente - CSS-Tricks

Normalmente index.html ou index.php é a página padrão que um servidor exibe ao visitar um diretório sem especificar um nome de arquivo. Você pode mudar isso com "

Compressão Gzip Ativa - CSS-Tricks

Compressão Gzip Ativa - CSS-Tricks

A compactação reduz os tempos de resposta, reduzindo o tamanho da resposta HTTP. Gzip é o método de compressão mais popular e eficaz atualmente "

Anexar / Anexar Arquivos - CSS-Tricks

Anexar / Anexar Arquivos - CSS-Tricks

Em vez de ter que chamar / incluir um arquivo que você precisa em cada página, você pode tê-los automaticamente prefixados (parte superior do arquivo) ou anexados (parte inferior de "

Permitir URL único por meio de proteção de senha .htaccess - CSS-Tricks

Permitir URL único por meio de proteção de senha .htaccess - CSS-Tricks

Este código é útil para configurações de vários ambientes (teste, produção, etc.), ele permite que você mantenha seus arquivos htaccess sincronizados enquanto mantém um "

301 Redirecionamentos - CSS-Tricks

301 Redirecionamentos - CSS-Tricks

Esta é a maneira mais limpa de redirecionar um URL. Rápido, fácil e amigável ao mecanismo de pesquisa. Lembre-se de que as coisas do HTAccess são apenas para servidores Apache. Redirecionar um único "

Efeito de máquina de escrever - CSS-Tricks

Efeito de máquina de escrever - CSS-Tricks

.typewriter h1 (overflow: hidden; / * Garante que o conteúdo não seja revelado até a animação * / border-right: .15em laranja sólido; / * O cursor do typwriter "

Desligue Spinners de entrada de número - CSS-Tricks

Desligue Spinners de entrada de número - CSS-Tricks

Os navegadores WebKit para desktop adicionam pequenas setas para cima e para baixo para numerar as entradas chamadas spinners. Você pode desativá-los visualmente assim: "

CSS3 LESS Mixins úteis - CSS-Tricks

CSS3 LESS Mixins úteis - CSS-Tricks

.text-shadow (@string: 0 1px 3px rgba (0, 0, 0, 0.25)) (text-shadow: @string;) .box-shadow (@string) (-webkit-box-shadow: @string; -moz-box-shadow: "

Lista não ordenada como uma linha do tempo - CSS-Tricks

Lista não ordenada como uma linha do tempo - CSS-Tricks

Uma maneira refrescantemente simples (mas engenhosa) de criar uma linha do tempo vertical usando uma lista desordenada semântica direta () de Peter Cooper. ol ("

Blocos e texto tridimensionais de duas cores - CSS-Tricks

Blocos e texto tridimensionais de duas cores - CSS-Tricks

Podemos usar vários valores de sombra de texto e sombra de caixa para criar uma aparência tridimensional para blocos ou texto, como esta imagem de David DeSandro's "

Truncate String with Ellipsis - CSS-Tricks

Truncate String with Ellipsis - CSS-Tricks

Todos os itens a seguir são obrigatórios, portanto, o texto deve estar em uma única linha reta que transborda uma caixa onde esse estouro está oculto. .truncar (largura: "

Cantos dobrados - CSS-Tricks

Cantos dobrados - CSS-Tricks

Corpo do conteúdo (plano de fundo: # e6e6e6;) .corners (plano de fundo: # f6f6f6; altura: 700px; margem: 50px automático; largura máxima: 600px; posição: relativa; largura: 80%; "

Marcadores de lista triangular - CSS-Tricks

Marcadores de lista triangular - CSS-Tricks

Ul (margin: 0.75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "

Rotação de texto - CSS-Tricks

Rotação de texto - CSS-Tricks

Se o que você está procurando é uma maneira de definir o tipo verticalmente, a melhor opção é provavelmente o modo de escrita CSS. Se você está apenas tentando virar algum texto, você "

Top Shadow - CSS-Tricks

Top Shadow - CSS-Tricks

Sombra ao longo da borda superior do site, assim: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Imagens de fundo transparente - CSS-Tricks

Imagens de fundo transparente - CSS-Tricks

Não há opacidade de fundo da propriedade CSS, mas você pode falsificá-la inserindo um pseudo elemento com opacidade regular do tamanho exato do elemento por trás "

Pilha de fontes do sistema - CSS-Tricks

Pilha de fontes do sistema - CSS-Tricks

Padronizar para a fonte do sistema de um determinado sistema operacional pode melhorar o desempenho porque o navegador não precisa baixar nenhum arquivo de fonte, é "

Borda interna transparente - CSS-Tricks

Borda interna transparente - CSS-Tricks

Borda interna transparente. Borda interna (plano de fundo: # 000; cor: #fff; margem: 50px; preenchimento: 15px; posição: relativa;). Borda interna: antes (borda: "

Estilo de texto de espaço reservado - CSS-Tricks

Estilo de texto de espaço reservado - CSS-Tricks

O texto de espaço reservado nas entradas tem (nos navegadores que o implementaram até agora) uma cor cinza claro. Para estilizá-lo, você precisará de propriedades CSS de prefixo do fornecedor. "

Alternar visibilidade ao ocultar elementos - CSS-Tricks

Alternar visibilidade ao ocultar elementos - CSS-Tricks

A equipe de desenvolvimento do Medium discutiu algumas práticas ruins que quebram a acessibilidade. Em um exemplo, eles argumentam que a opacidade não é bem suportada "

Texto pingando sangue - CSS-Tricks

Texto pingando sangue - CSS-Tricks

.blood (color: silver; text-shadow: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Texto de rastreamento de Star Wars - CSS-Tricks

Texto de rastreamento de Star Wars - CSS-Tricks

A abertura de Star Wars é icônica. O efeito do texto rolar para cima e para longe da tela foi um efeito especial muito legal para um filme de volta "

Rodapé adesivo - CSS-Tricks

Rodapé adesivo - CSS-Tricks

Funciona muito bem se você puder aplicar uma altura fixa ao rodapé. Contente! Sou o Rodapé Fixo. * (margem: 0;) html, body (height: 100%;) .page-wrap ("