Getting started with CSS Tricks - Tutorial, CSS Code Examples


Contents:


Adicione Body Class Just For IE
Adicionar espaços ao Dock no OS X
Isto não é absolutamente relacionado ao HTML, mas por demanda pura, eu precisava adicioná-lo em...
Base64 Encode de 1x1px GIF transparente
Apenas no caso de você precisar de um. Você pode esticar para preencher o espaço conforme neces...
HCard Microformatado Básico
Um endereço básico e URL, marcados usando microformatos.
Botão Com Ruptura de Linha
Sua melhor aposta é uma <button> então você pode usar um <br>
Comentários em HTML
Cufon 101
1. Incluir o JavaScriptpar...
Flash incorporado
Isto é diferente do código padrão que o Flash fornece. Isso normalmente envolve o <embed>...
Incorporando Quicktime
Quicktime ainda requer o método de duplo objeto para fazê-lo em todos os navegadores. Não muito...
Incorporando Windows Media
técnica válida, uma vez que doesn "t precisa o <Incorporar>
Marcação de tabela vazia
Exemplo de marcação de formulário
A apresentação do formulário abre nova guia/Janela
Você provavelmente sabia que você poderia forçar um link para abrir uma nova aba ou janela com ...
Get Directions Form (Google Maps)
Livrar-se do flash branco quando o Iframe carrega
Esconde o iframe até ser totalmente carregado.
Estrutura do artigo HTML5 com hNews
A especificaçãopara hNews. ...
Estrutura da página HTML5
iPhone Calling e Texting Links
Este é o chamando um (provavelmente mais útil se o texto clicável é palavras, como as auto-dete...
Mantenha o flash por trás de outros elementos
Por exemplo, um menu suspenso está "atrasado" de um filme flash ou ficando no topo de uma escal...
Layout de Halves Esquerda e Direita
Parágrafo Lorem Ipsum
Pellentesque habitante morbi trista senectus e netus et malesuada fames ac turpis egestas. Vest...
Mailto Links
Faça o IE 6 Crash
Isto é absolutamente NÃO recomendado para uso em qualquer tipo de cenário de site "real". It "s...
Meta Refresh
Redireciona para o URL fornecido em 5 segundos. Defina para 0 para um redirecionamento imediato...
Meta Tag para forçar o IE 8 a se comportar como o IE 7
Meta Tag para prevenir Bots do Search Engine
Para evitar que todos os robôs de busca de indexar uma página:
Entrada de arquivos múltiplos
As entradas de arquivo podem ter um atributo de "múltiplo" que, em seguida, permite selecionar ...
Abrir link em uma nova janela
Publicar dados para um iframe
doesn "t tomar qualquer JavaScript ou qualquer coisa que você só tem a forma." S atributo de de...
Etiquetas apropriadas para exibir edições de conteúdo
A maneira correta de marcar alterações em um documento HTML, quando você deseja manter o conteú...
Meta Tag responsivo
I tendem a usar este:
Servindo a tela de estilos universal do IE 6
Todos os navegadores bons, mais o IE 7 e até obter REGULAR-STYLESHEET.css, browers IE 6 e abaix...
Configurar o ícone do ícone do iPhone
Coloque isso em seu <head> seção, e defina o atributo href para uma imagem para um arquiv...
Navegação de lista padrão
Inicie um servidor da Web com um comando de terminal no OS X
Eu procurei isso três vezes esta semana, então pensei que seria melhor eu ter uma cópia dele:
Pare a cintilação da carga da página do IE
Caso contrário, conhecido como Fajax (ajax falso). Por exemplo, ao enviar um formulário e a pró...
Página de teste
Um simples XHTML 1.0 Strict estrutura da página que inclui: Básico CSS Repor ...
Os DOCTYPES comuns
!
Dicas de ferramentas para Acrônimos
Eu amoCSS
Layout das partes superiores e inferiores
Desativar preenchimento automático para entrada
Basta usar o atributo autocomplete:
Use o Firebug em qualquer navegador
Basta incluir este script no site e você receberá um console Firebug que aparece para depuração...
Vídeo para todos (Vídeo HTML5 com Flash Fallback)
Ver fonte de RSS no Firefox
O Firefox gosta de assumir quando você clica em um link para um feed RSS que deseja assinar de ...
Estrutura Estratégica da Página XHTML 1.0
"Shake" CSS Keyframe Animation
Isto assume o uso de um autoprefítor.
Look "Stitched"
Um Guia Completo para Flexbox
fundo
Um guia completo para Grid
CSS Grid Layout é o sistema de layout mais poderoso disponível no CSS. É um sistema bidimension...
Centro Absoluto (Vertical e Horizontal) e Imagem
Acessibilidade ~ ~ SEO CSS escondido
Todos os tipos de mídia de estilos de estilos
Textura Granulada Animada
O sitedausa um efeito puro no cabeçalho da ...
Rolamento de link básico como Sprite CSS
um
Noções básicas da Google Font API
Melhor Helvética
Texto embaçado
Faça a cor do texto transparente, mas adicionar uma sombra:
Bouncy Animated Loading Animation
Apenas alguns funzies com animações CSS3. Se você está preocupado com o suporte do navegador su...
Hacks específicos do navegador
Centro DIV com Altura Dinâmica
Centrando um site
Alterar estilos de preenchimento automático nos navegadores WebKit
Obteve uma boa dica deLydia Dugger...
Alterar seleção de texto Cor
Comentários em CSS
Exemplo:
Ícones Unicode comuns
a [h...
Compress CSS com PHP
Comece seus arquivos CSS com este PHP (e nomeá-la style.php):
Fita de canto
Cross-Browser Inline-Block
li
Opacidade do Cross Browser
Estes dias, você realmente don "t tem que se preocupar com a opacidade de ser uma coisa difícil...
Cross-Browser hr Styling
Cross-Browser Min Height
div
CSS Box Shadow
Usado na criação de sombras de elementos de nível de bloco (como divs).
CSS Conic Gradient
Um gradiente cônico é semelhante a um gradiente radial
CSS Diagnostics
Encontre erros em HTML e destaque a porcaria deles.
Famílias de fontes CSS
Layouts do Starter Grade CSS
Esta é uma coleção de modelos de inicialização para layouts e padrões usando
CSS Hacks Targeting Firefox
Gradiente linear CSS
Talvez o tipo de gradiente mais comum que vemos no web design é o linear-gradient()
CSS Only Image Preloading
Uma grande razão para usar o pré-carregamento de imagens é se você deseja usar uma imagem para ...
CSS Radial Gradient
Quando falamos de gradientes, vale a pena começar com o fato de que os gradientes são uma subst...
CSS Repeating Gradients
Os gradientes de repetição tomam um truque que já podemos fazer com o uso criativo de co...
CSS Text Shadow
texto regular sombra:
Triângulo CSS
CSS3 Zebra Striping a Table
tbod...
Caixas de seleção personalizadas e botões de rádio
Os seletores aqui são específicos para o markup Wufoo, mas os conceitos no trabalho podem funci...
Estilo de entrada de arquivo personalizado no WebKit ~ ~ piscar
Botões de rádio personalizados
Gradiente de papel de gráfico diagonal
#example-gradient { height: 200px; margin: 0 0 20px 0; background-color: #eaeaea...
Drop Caps
Artigos finais com Ivy Leaf
p
Centralize exatamente uma imagem ~ Div Div horizontalmente e verticalmente
Navegação de caixas expansíveis
Do projeto v8 de CSS-Tricks.
Ampersand extravagante
Dan Cederholm tem usado por muito tempo o comercial Baskerville itálico, e nos diz para
Rodapé fixo
Posicionamento Fixo no IE 6
*
Virar uma imagem
Você pode inverter imagens com CSS! Possível cenário: ter apenas um gráfico para uma "seta", ma...
Tipografia de fluidos
indo direto ao código, aqui "sa trabalho aplicação:
Taquigrafia de fontes
Pilhas de fontes
Forçar o arquivo de entrada do arquivo de arquivo para o lado direito no WebKit
Firefox e IE têm o botão "escolher arquivo" à direita do caminho do arquivo, enquanto o Webkit ...
Forçar a barra de rolagem vertical
html...
Forçando impressão em escala de cinza
No momento da redação deste artigo, isto só irá funcionar no Chrome 18+, mas "s
Dê elementos clicáveis um cursor de ponteiro
a [h...
Destaques incandescentes da entrada azul
Como no meio do Twitter 2012. entrada
Texto de Gradiente
Este é apenas o WebKit, mas é a maneira mais limpa de realizá-lo à medida que o texto permanece...
Graduation Underlines
um
Manipulação de palavras longas e URLs (Forcing Breaks, Hyphenation, Ellipsis, etc.)
Há momentos em que uma seqüência de texto realmente longa pode transbordar o contêiner de um la...
Manipulação de palavras longas e URLs (Forcing Breaks, Hyphenation, Ellipsis, etc.)
Removemos este trecho para o nosso trecho canônico sobre esse assunto. Co...
Hexágono Com Sombra
<div class="hexagon"><span></span></div>
Ocultar barra de rolagem no Edge, IE 10/11
Você pode torná-lo Ocultando automaticamente em vez de sempre mostrando:
Idioma de CSS de Internacionalização
Orientação do iPad CSS
CSS específico para iPad
Sintaxe de Animação de Keyframe
Papel em camadas
Link Pseudo-Classes (no pedido)
um
Faça um "Pre" Text Wrap
Texto em <pre> As tags não se envolverem por padrão. Por exemplo, veja o trecho de código...
Faça insumos sem senha Usar marcadores (ou Alternativas de bala)
Isso funciona em entradas texty (por exemplo, texto, email, etc.), mas você não pode alterar en...
Consultas de mídia para dispositivos padrão
Se você acha que responde "s simples, eu me sinto mal por seu filho. Temos 99 viewp...
Meyer Reset
html...
Mixins for Rem Font Sizing
O rem A unidade tamanho-fonte é semelhante à em, apenas em vez de c...
Deslocamento Momentum em Elementos de Sobrecarga iOS
As páginas da Web no iOS, por padrão, têm uma rolagem de estilo "momentum" onde um movimento do...
Monotone uma imagem com CSS
Você sempre pode aplicar um filtro a um elemento para torná-lo monotone no sentido em tons de c...
Sintaxe de fundos múltiplos
Browsers que suportam vários fundos (WebKit desde os primeiros dias, Firefox 3+) usar uma sinta...
Fronteiras múltiplas
Colunas múltiplas
Aqui está um exemplo de uma classe de três colunas simples:
Cores Nomeadas e Equivalentes Hex
504 Gateway Time-out 504 Ga...
Pastas aninhadas e expansíveis
Esta foi uma demo originalmente feita por Martin Ivanov, utilizando caixas de seleção escondida...
Imagem URI de dados de ruído
imag...
Look de campo não forma
<section class="fieldset"> <h1>This is not a fieldset</h1> <p&g...
Redimensionamento de imagem não-horrível no IE
img
Bloqueio de orientação
Página Curl Shadows
ul
Perfect CSS Sprite/Sliding Doors Button
Botões de estilo Picross
Como em, o jogoPICROSS3D.
PNG Hack/Fix para IE 6
Evite o salto no leão
Apenas certifique-se de que você não adiciona a margem e o preenchimento desses elementos (norm...
Impedir Superscripts e Subscritos de afetar a Altura da Linha
sup,...
Imprimir URL após links
Abreviaturas de qualidade
Cor levemente mais clara (supondo que seu texto seja preto), borda inferior pontilhada e um cur...
Remover texto do botão no IE7
HTML:
Remover as Bordas do link pontilhado
As bordas pontuadas em torno de links são um recurso de acessibilidade que a maioria dos navega...
Remova Gray Highlight ao tocar links no Mobile Safari
-web...
Remova as margens para o primeiro/Últimos elementos
Pode às vezes ser desejável remover a margem superior ou esquerda do primeiro elemento em um re...
Remover a barra de rolagem do Textarea no IE
Por padrão, todas as versões do IE possuem uma barra de rolagem nas áreas de texto, mesmo quand...
Removendo contorno pontilhado
um
Retina Display Media Query
Para incluir gráficos de alta resolução, mas apenas para telas que podem usá-los. "Retina" ser ...
Texto de reversão
Para idiomas da direita para a esquerda, você pode trocar o layout padrão esquerdo para a direi...
Fita
Cantos arredondados
Scale on Hover com transição
Traga seus próprios prefixos!
Signifique "PDF Bombs"
Qualquer ol "link de âncora pode ser um link para um documento PDF, mas clicar em um link como ...
Estilo de Blockquote simples e agradável
O blockquote é exibido em navegadores compatíveis com padrões com o efeito "grandes citações an...
Deslizar em caixas de imagens
Do rodapé do projeto v8 de CSS-Tricks.
Slider Smiley
Requer jQuery e jQuery UI para o controle deslizante real. O rosto é feito de elementos feitos ...
Tema Solarized para CodeMirror e Prettify
aqui "s paraGoogle Code...
Menu Spinny Leaf
<nav> <ul class="top-menu"> <li><a href=#>Home</a>...
Efeito de papel empilhado
Uma técnica de design popular é criar um recipiente de conteúdo que se parece com uma folha de ...
Substituição de Imagem CSS Padrão
h1#logo { width: 200px; // width of image height: 100px; // height of image b...
Star Wars Crawl Text
A abertura para Star Wars é icônica. O efeito do texto que se deslocou tanto para cima como par...
Pólo pegajoso
Funciona muito bem se você pode aplicar uma altura fixa ao rodapé.
Links de estilo dependendo do destino
a [h...
Técnica de substituição de estilo
: marcador de posição mostrado
O :placeholder-shown pseudo-classe seleciona o próprio elemento de entrad...
Pilha de fontes do sistema
O padrão para a fonte do sistema de um sistema operacional específico pode aumentar o desempenh...
Texto pingando sangue
Rotação de texto
O Clearfix: Força um elemento para eliminar suas próprias crianças
Isso vai fazer você muito bem estes dias (IE 8 e para cima):
Alternar visibilidade ao ocultar elementos
A equipe de desenvolvimento da Medium discutiu algumas práticas ruins
Top Shadow
Sombra ao longo da borda superior do site, como este:
Imagens de fundo transparentes
Não existe uma opacidade de fundo da propriedade CSS, mas você pode fingir inserindo um element...
Transparente interior
Balas de lista triangular
ul
Truncate String with Ellipsis
São necessários todos os itens a seguir, de modo que o texto deve estar em uma única linha reta...
Cantos dobrados
Desligue os roteadores de entrada de número
Os navegadores de desktop da WebKit adicionam pequenas setas para baixo até as entradas de núme...
Blocos e texto tridimensional de duas cores
Podemos usar múltiplas text-shadow e box-shadow valores para criar ...
Efeito de máquina de escrever
Útil CSS3 MENOS Mixins
504 Gateway Time-out 504 Ga...
Usando @ font-face
O @font-face A regra permite que fontes personalizadas sejam carregadas em uma pá...
Ao estender um seletor com o @extend diretiva, o Sass não tira o conteúdo CSS do ...
Verificação avançada de tipo
Esta coleção de funções é para testar se o valor de uma variável é de um determinado tipo. Por ...
BEM Mixins
A melhor introdução ao MEC é de
Funções de opacidade em preto e branco
It "é bastante comum a necessidade de um pouco de preto transparente ou branco Em CSS, você pod...
Armazenando em cache o Seletor atual (&) em Sass
O & O personagem em Sass é único porque representa o seletor atual. Isso muda...
Centrando Mixin
Supondo que o elemento pai tenha position: relative;, estas quatro propriedades i...
Apertando um número
Em informática, usamos a palavra clamp como forma de restringir um número entre d...
Função de Luminância de Cor
Ao cavar profundamente na teoria da cor, há algo chamado
Adicionando uma Unidade ao Número
Ao converter um número sem unidade a um comprimento, duração, ângulo ou qualquer outra coisa, a...
Cobrindo Mixin
eu me encontrar com essas propriedades juntos o tempo todo, que normalmente é uma boa oportunid...
CSS Triangle Mixin
Existe um hack CSS bastante popular usando bordas transparentes em um elemento 0-width/0-height...
Custom Scrollbars Mixin
As barras de deslocamento são um daqueles componentes de UI que estão presentes em quase todas ...
Deep Get/Set in Maps
Ao trabalhar em arquiteturas Sass complexas, não é incomum usar os mapas Sass para manter a con...
Easing Map Get Function
As curvas Bézier podem ser usadas para adicionar belos efeitos às transições e animações CSS. D...
Corrija um número para N dígitos
Ao lidar com números em JavaScript ou qualquer outra linguagem de programação, existe uma manei...
Funções de programação funcional
Para fabricantes de bibliotecas e construtores de estruturas, ter algumas funções extras para a...
Manter a relação de aspecto Mixin
Est...
Mistura de sombras de material
Design de materiaise...
Mixin para Posicionamento Offset
Se houver uma taquigrafia CSS drasticamente falha, é a única que permite definir a posit...
Mixin para gerenciar pontos de interrupção
As criações de Web Design responsivas geralmente existem em vários pontos de interrupção difere...
Mixin to Prefix Properties
No caso de você "re interessado em lidar com o seu próprio fornecedor CSS prefixo (em vez de, d...
Mixin para qualificar um seletor
Não existe uma maneira fácil de qualificar um seletor dentro do seu conjunto de regras associad...
Função de direção oposta
Sass frameworkCompassforn...
Colocando itens em um círculo
Pode ser bastante desafiador colocar itens em um círculo com CSS. Normalmente, acabamos confian...
Função liga-desliga
Embora muito útil com a aritmética, Sass cai um pouco curto com funções auxiliares matemáticas....
Funções Px para Em
Nós "ve falou sobre"Por Ems"aqui an...
Sass Things for Links
via
Funções simples do ajudante de ativos
O tratamento de caminhos é sempre um pouco irritante, você admitirá. Felizmente, é extremamente...
Simplificando Contextos e Eventos
Sass pode de alguma forma ser um pouco de uma caixa preta, especialmente para desenvolvedores j...
Função de classificação
Sass não fornece nenhuma maneira integrada para classificar uma lista de valores. Graças às fun...
Str-replace Function
Sass fornece uma coleção de funções úteis para manipular cadeias de caracteres, no entanto, não...
Função da unidade de tira
Há muita confusão em torno da forma como as unidades funcionam no Sass. No entanto, eles funcio...
Mixed Striped Gradient
Uma maneira popular de desenhar listras em CSS para definir um gradiente linear com paradas de ...
Funções de matiz e sombra
Ambos lighten e darken as funções manipulam a leveza de uma cor no ...
Use uma variável Sass para um seletor
Diga que você precisa usar um determinado seletor em vários lugares em seu código. It "s não tr...
Tipografia de tamanho de exibição com tamanhos mínimos e máximos
Declarando tamanhos de fonte em
Opções de exportação do Adobe Illustrator
Este é menos um trecho e mais um lembrete para algo que eu olho frequentemente. Ao criar arquiv...
Texto curvo ao longo de um caminho
Podemos fluir texto ao longo de uma linha curva com três ferramentas construídas diretamente no...
Shaping Morphing Icons no botão no clique
A idéia aqui é usar um ícone SVG em um botão e trocar esse ícone por outro quando o botão é cli...
SVG Knockout Text
A idéia aqui é imaginar três camadas empilhadas uma sobre a outra onde a camada superior é usad...
Padrões SVG
O SVG <pattern> atributo nos permite definir padrões dentro da nossa marcaç...
Bloqueio de texto
301 Redirecionamentos
Esta é a maneira mais limpa de redirecionar um URL. Rápido, fácil e amigável com o mecanismo de...
Compressão Active Gzip
A compressão reduz os tempos de resposta reduzindo o tamanho da resposta HTTP. O Gzip é o métod...
Permitir URL único através da proteção de senha .htaccess
Este código é útil para configurações multi-ambiente (encenação, produção, etc.) permite que vo...
Anexar/Prepend Files
Ao invés de ter que chamar/incluir um arquivo que você precisa em cada página, você pode ter au...
Páginas de erro personalizadas
ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 4...
Negar e permitir o acesso
Página de Índice de Diretório Diferente
Normalmente, index.html ou index.php é a página padrão que um servidor serve quando visita um d...
Índice extravagante
Adiciona fontes de largura fixa, tamanho de arquivo e data, capacidade de ordenação. Propaga-se...
Force charset utf-8
Se você não pode alterar a configuração do servidor Apache, use este código para forçar a decod...
Forçar o tipo de conteúdo correto para documentos XHTML
A maioria dos servidores web atendem o conteúdo XHTML comotexto/htmlo que é definitiva...
Force Favicon Requests to Correct Location
Por qualquer motivo louco, talvez os scanners de sites que demonstrem mal, os requetes para um ...
Forçar Arquivos para Download (Não Abrir no Navegador)
AddType application/octet-stream .csv AddType application/octet-stream .xls AddType ap...
Force HTTPS
RewriteEngine on RewriteCond %{HTTPS} !on RewriteRule (.*) https://%{HT...
Obter a página do Dreamhost Stats Trabalhando em um site WordPress
Para sites hospedados com Dreamhost, você possui uma página de análise por padrão em seu site.t...
Detecção de iPad
Claro, o iPad é uma tela muito grande e um navegador totalmente capaz, então a maioria dos site...
iPhone Catcher
<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} .*iPhon...
Pasta (s) de proteção por senha
Coloque no arquivo .htaccess no diretório que você está tentando proteger:
Registro de erros PHP
Registre erros em um arquivo e evite mostrá-los ao usuário. Verifique se o arquivo existe e voc...
Prevenir Imagem Hotlinking
RewriteEngine On RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yourdomain\.com/ [NC] Rew...
Remover extensão de arquivo de URLs
RewriteRule ^ about $ about.php [L] Esse pequeno bit f...
Servir SVG com o tipo de conteúdo correto
Se você está tentando usar o SVG como <img src="image.svg"> ou como um CSS ...
Definir expira
A configuração "expira" diz aos navegadores que baixam esses arquivos que não precisam solicita...
Shock Teenage Gangsters com redirecionamento wp-config
E-mail engraçado de um leitor, que pensei que faria uma boa publicação: Este...
URL de subdiretórios Redirecionado internamente para Query String
O URL no navegador seria: http://css-tricks.com/index.php/professores...
Manutenção temporária usando Mod_Rewrite
# Não esqueça de ligar o mecanismo de reescrita RewriteEngine em Redi...
Use o PHP dentro do JavaScript
Isso realmente foi realmente testado em servidores do Media Temple (gs). Na pasta com o ...
WWW/No-WWW
Você deve realmente estar fazendo um ou outro. Para consistência, bem como SEO "s, amor.
Botão "Voltar"
Browsers já tem "back" botões, então você "d melhor ter um bom motivo danado para a necessidade...
1024 × 768 Bookmarklet
Os dias das telas de 800x600 estão acabados, mas a maioria de nós ainda tenta acomodar 1024px t...
Adicione um número a duas variáveis ao mesmo tempo
Você pode inicializar duas variáveis com o mesmo valor de uma vez, tipo:
Adicionar atributo de dados do agente de usuário
Adicionar aos favoritos (IE)
<a href="http://site.com" onclick="window.external.AddFavorite(this.href,this.inner...
Função addClass
Se você estiver indo sem biblioteca, talvez seja necessário rolar sua própria função assim....
AddEventListener Polyfill
Array of Country Names
Async Script Loader com retorno de chamada
Botões de compartilhamento assíncrono (G +, Facebook, Twitter)
Alguns desses serviços já (inteligentemente) fornecem seus scripts de forma assíncica, isso ape...
Texto de Texto Selecionado Automático
Alerta básico
Relacionar eventos diferentes para clicar e clicar duas vezes
Você pode querer que um link tenha uma ação especial ao clicar duas vezes, o que impede a ação ...
Break Out of Iframe
Função de chamada com temporizador aleatório
funçãorandrange(
Verifique se a família de fontes é homenageada
Verifique se a função existe antes de ligar
Ao usar scripts que são compartilhados entre diferentes áreas de um site, pode haver casos em q...
Verifique se Number é Even/Odd
Campo claro no foco
Comentários em JavaScript
Converter dados de polígono para caminho
Eu tive que fazer isso algumas vezes recentemente, então eu pensei que eu deveria salvar o méto...
Cookie Getter/Setter
Dependente do navegador Cross-Browser Free Ready
Denis Ciccale "sversão:
CSS para quando o JavaScript está habilitado
documento
Página atual com JavaScript
Isto é como um substituto para o PHP "s SCRIPT_NAME com JavaScript.
Argumentos padrão para funções
Detectar o Internet Explorer
Detectar Javascript em/Off, com notificação
Folha de estilos diferente pendente da hora do dia
Diferentes folhas de estilos para diferentes dias da semana
Vazio uma matriz
Esta é uma das maneiras mais rápidas e fáceis de esvaziar uma matriz. Claro que pode haver outr...
Registro de console sem erros
Corrigir o IE 10 no Windows Phone 8 Viewport
Formato de moeda
Esta função irá arredondar números para duas casas decimais e garantir que o valor retornado te...
Obtenha todos os eventos de DOM possíveis
Você pode obter uma matriz de todos os eventos que começam com "on" (por exemplo, onclick) exec...
Obter Tamanho do Objeto
Como em, o número de chaves. função
Obtenha URL e Peças de URL em JavaScript
JavaScript pode acessar o URL atual em partes. Por esta URL: http://css-tricks.com/exemp...
Obter variáveis de URL
Obter a chave do YouTube de um link
Variáveis globais
Declare fora variável da função ...
htmlEntities para JavaScript
htmlentities () é uma função PHP que converte caracteres especiais (como <) em seus valores ...
Injetar novas regras do CSS
Se você precisa mudar o estilo de um elemento com JavaScript, é geralmente melhor mudar um nome...
Entrada com Imagem de Fundo Desaparecida
Isso replica a funcionalidade dos campos de pesquisa do Google embutidos padrão. Eles têm uma i...
Intervalos
Array de JavaScript Contém
Os objetos de Javascript são realmente agradáveis, mas às vezes eles estão faltando algumas peq...
JavaScript MD5
504 Gateway Time-out 504 Ga...
JavaScript requerido com conteúdo de retorno
A área requerida por JavaScript está escondida com o CSS em linha e, em seguida, é exibida depo...
KeyboardEvent Value (keyCodes, metaKey, etc.)
Quando um KeyboardEvent incêndios, você pode testar qual chave foi pressionada po...
Lazy Loading Images
Use um blank.gif Enquanto o src de imagens, e incluem o widt...
Lighten/Darken Color
Os préprocessadores CSS Sass e LESS podem tomar qualquer cor e escurecer () ou iluminar () por ...
Loop Over querySelectorTodos os jogos
Você pode encaminhar Arrays facilmente em JavaScript com forEach, mas, infelizmen...
Loop Through Array sem pesquisas perdidas
Encontre o comprimento da matriz antes do usando-o na função for, portanto, nã...
Faça os elementos HTML5 funcionarem no IE antigo
Assim que o DOM (e, portanto CSS) reconhece-los como elementos reais:
Manejo de eventos modernos
Mover Cursor até o Fim da Entrada
Onde el é uma referência a uma entrada ou a uma área de texto.
Multiline String Variables em JavaScript
Isso funciona:
Modelo de Javascript Namespaced
Função anônima de invocação automática atribuída ao yournamespacechoice variável ...
API de visibilidade da página
<!DOCTYPE HTML> <html> <head> <script type="text/ja...
Função de execução em intervalos temporizados
desempenhar uma função a cada um segundo:
Impedir a cintilação da imagem de fundo no IE
Impedir o JavaScript incorporado da validação incorreta
Já viu esse material do CDATA em JavaScript e se perguntou por que era? É para evitar que o val...
Imprimir objeto para tela
O PHP tem uma ótima funçãoprint_rpara i...
Coloque valores de vírgula em números
Esta função assume o que está sendo enviado a ele é uma string, com um ponto decimal e dois lug...
Cor aleatória do hexágono
Redirecionar
Redirecionar dispositivos móveis
Redirecionar para SSL
janela
Remover um elemento
Por alguma razão, um elemento pode "t destruir-se em JavaScript jQuery
Remover estilos em linha
Esta função também preserva o conteúdo oculto. função
Remover o último caractere de uma string
Substituições para setInterval Usando requestAnimationFrame
Quando se trata de animação, dizemos isso setInterval é uma má idéia. Como, por e...
Salvando mudanças de conteúdo contenteveis como JSON com Ajax
Elementos com o contenteditable O atributo pode ser editado ao vivo diretamente n...
Selecione Item aleatório de uma matriz
Faixa de tags HTML em JavaScript
Disparar números de uma corda
Strip Whitespace From String
Espaço em branco, que significa abas e espaços.
Guias de suporte em Textareas
Normalmente, a tecla de guia move-se para a próxima coisa focalizável. Isso insere um caractere...
Teste o Internet Explorer em JavaScript
Teste se dragenter/dragover Evento contém arquivos
HTML5 arrastar e soltar é ótimo para manipular arquivos uploads. Mas se é a única coisa que voc...
Teste se Element Supported Attribute
Nem todos os navegadores suportam todos os atributos em todos os elementos. Há uma série de nov...
Teste se Mac ou PC com JavaScript
O teste do agente do usuário é uma merda, mas às vezes você precisa disso para coisas sutis. No...
Alternar (Mostrar ~ ~ Ocultar) Elemento
Unescape HTML em JS
Validar HTML Bookmarklet
JavaScript
Tamanho do visor, resolução da tela, posição do mouse
Este código é compatível com o navegador e verifica as dimensões da viewport, a resolução da te...
Contagem de palavras Bookmarklet
Adicione à barra de marcadores, selecione o texto, clique para obter a contagem de palavras.
Um jQuery hasAttr () Equivalente
jQuery não tem realmente um .hasAttr() função. Você pode assumir que isso acontec...
Adicionar: nth-of-type para jQuery
$.expr[':']['nth-of-type'] = function(elem, i, match) { var parts = match[3].split...
Adicionar classe de navegação ativa com base no URL
Idealmente, você saída desta classe do lado do servidor, mas se você pode "t ... Let" s ...
Adicione espaço sem quebrar no título para prevenir viúvas
Adicionando/removendo classe no Hover
Animate Height/Width para "Auto"
Não é possível fazer thing.animate({ "height": "auto" });. Então, este é o método...
Anexar Superposição do Site DIV
Descubra automaticamente links de documentos e aplique classe
Melhor Manuseio de Imagem Quebrada
Imagens perdidas não mostrarão nada ou exibirão um [? ] caixa de estilo quando sua fonte não po...
Detecção de navegador + Aplicar classes ao elemento HTML
Calcule a distância entre o mouse eo elemento
Altere WMode com jQuery
Se você não configurou o wmode em um embutimento de flash, ele flutuará no topo de uma sobrepos...
Verifique se há elementos vazios
Faça algo para cada elemento vazio encontrado:
Verifique se Checkbox está verificado
Diga que 10 vezes rápido =). Descubra se uma única caixa de seleção está marcada ou não,...
Verifique se Element existe
Verifique se Element está dentro de outro elemento específico
Substitua o primeiro seletor pela criança que você está testando eo segundo seletor com o pai q...
Verifique se o evento foi desencadeado ou nativo
( "botão")
Verifique se jQuery está carregado
Limpar uma entrada de arquivo
Você pode simplesmente cloná-lo e substituí-lo por si mesmo, com todos os eventos ainda anexado...
Limpar linha de pesquisa padrão no foco
( "#s")
Clique em Once and Unbind
Tem algo acontecer em um evento de clique, mas apenas uma vez! Desvincula o manipulador de cliq...
Combinar Slide e Fade Functions
$
Compare jQuery Objects
Você pode "t realmente comparar se dois objetos jQuery são os mesmos ...
Ciclo através de uma lista
Este código irá percorrer uma lista não ordenada com uma identificação de "lista de ciclos". Po...
Detectar primeiro elemento visível de determinada classe
Adiciona uma classe de "primeiro" ao primeiro elemento que possui uma classe de "atividade" vis...
Desativar/Reativar Entradas
Disable:
Desativar os links dos paises na navegação da lista aninhada
jQuery código que desativa os links pai para os menus suspensos. O menu deve ser criado como li...
Navegador de exibição e versão
Este é jQuery específico, e contém um pouco de uma correção de hack/para lidar com o Chrome. Is...
Exibir último Tweet
O código abaixo não funciona como está com a atualização da API do Twitt...
Exibir a última mensagem do FeedBurner
Este snippet exibirá a última postagem em um feed FeedBurner especificado. Basta configurar o U...
Exibir gráfico de carregamento até a página totalmente carregada
<!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-...
Exibir apenas o primeiro X Divs, Toggle Rest
Evento de redimensionamento feito
Se você estiver habituado a algo parecido com
Draggable sem jQuery UI
Ele doesn "t têm todos os retornos de chamada e opções extravagantes, mas hey, isso torna as co...
Equalize Heights of Divs
Exclua $ (este) do Seletor
Digamos que você deseja anexar um manipulador de cliques a cada link em uma página. A função pa...
Fade Image Into Another Image
Faça uma div que seja o tamanho exato da imagem. Esta div terá uma imagem de fundo aplicada a e...
Fade One Image para outro menu
Faça uma imagem de sprite CSS, com a metade superior e a metade inferior sendo as duas imagens ...
Fallback for CDN hospedado jQuery
Várias grandes empresas oferecem cópias do jQuery hospedado em sua rede de distribuição de CDN....
Encontre todos os links internos
Encontre todos os links que começam com o domínio dos sites, uma barra, um caminho de arquivo r...
Encontre e Envolva Ampersands
Carregareste p...
Evento de incêndio quando o usuário está ocioso
Veja as duas linhas comentadas abaixo, é aí onde você pode inserir código para fazer coisas qua...
Fix Min/Max-Width para navegadores sem suporte nativo
Este script verifica todos os elementos com uma classe de .fixMinMaxwidth e observa a janela. E...
Fix Select Dropdown Cutoff no IE 7
Execute (pelo menos a parte "Usage" abaixo) depois de ter carregado jQuery e no final da página...
Reparando .load () no IE para imagens em cache
A função .load () é acionada quando o elemento que ele é chamado é totalmente carregado. É comu...
Corrigindo o índice z do IE
Esta não é uma solução definitiva para corrigir todos os problemas estranhos do IE z-index, mas...
Force iframe para recarregar
Obter uma largura nativa de imagens
Se você selecionar e imagem com jQuery e depois usar .width(), você obterá a larg...
Obter Parâmetros de consulta como objeto
Nicholas Ortenzio
Destaque todas as ligações para a página atual
Destaque o rótulo relacionado ao inserir no foco
$
Image Preloader
Modo muito fácil de pré-carregar as imagens que são necessárias mais tarde (por exemplo, quando...
Entradas que Reclamam Valor Original
Inserir elemento entre outros elementos
Por exemplo, se você tiver cinco parágrafos em uma linha e você precisa inserir uma etiqueta de...
Plugin Duplicado jQuery
$
jQuery JSON obtendo erro de captura
jQuery possui uma função embutida chamada getJSON () para ajudar a tornar as solicitações AJAX ...
Modelo do plugin jQuery
Substitua instâncias de "yourPluginName" pelo nome do plugin atual. O material sobre "raio" é a...
jQuery Sticky Footer
Em geral, o "Fopper Stick Foight"do
jQuery Tweetify Text
jQuery Zebra listra uma tabela
Código Konami
Link Nudging
Carregue jQuery somente se não estiver presente
Diga que você iria fazer um incluir em um monte de páginas e, dentro disso, você queria fazer a...
Carregar apenas uma seção de uma página
Carregando jQuery
Faça toda a Div Clickable
. Update: isso provavelmente isn "ta coisa que você precisa confiar em JavaScr...
Faça jQuery: contém Case-Insensitive
Mover itens da lista clicada para o topo da lista
Assumindo HTML assim:
Mover Cursor Para Fim de Textarea ou Entrada
Código para mover o cursor para o end do texto atual dentro da entrada, em vez do...
Título
Ajustar o valor de uma área de texto move o cursor para o final. Então você só precisa salvar o...
Abrir links externos em nova janela
ExternalHTML jQuery Plugin
innerHTML () é nativo e retorna o conteúdo de um nó DOM (p. <span>I live inside a ...
Atualização de página parcial
Refresque certos elementos de uma página usando jQuery após uma quantidade de tempo definida, p...
Força da senha
Colar eventos
$
Cabeçalhos persistentes em tabelas
Quando você rola para baixo uma página com uma tabela longa, geralmente o cabeçalho da tabela s...
Remover valor específico da matriz
Redimensionar o iFrame para ajustar o conteúdo (mesmo domínio somente)
Normalmente, você define e largura e altura para iframes. Se o conteúdo dentro for maior, as ba...
Execute o JavaScript somente após a carga da página inteira
Página de rolagem horizontalmente com roda de mouse
Procurar/Substituir
Selecione o elemento somente se as crianças não estiverem animadas
Selecione o item da lista somente se não contiver outra lista (e é o nível superior)
Eu percebo que isso é bastante específico, mas eu tive que escrever este seletor anteriormente ...
Formulário Serialize para JSON
$
Definir/Limpar valor de entrada padrão
Shuffle Children
Boa versão limpa de um gueto guiado
Shuffle DOM Elements
Isto é de James Padolsey. Confira
Slideshow simples de reprodução automática
Acordeão jQuery simples
Links de fundo deslizantes
Encadernação de eventos mais inteligente
Menu pop-up com estilo
Esta ideia é da Veer.com e como eles lidam com os menus suspensos para coisas como
Somente links exclusivos
Teste se pelo menos uma caixa de seleção estiver marcada
Neste exemplo, um botão de envio é desativado se nenhuma das caixas de seleção estiver marcada ...
Alternar texto
Digamos que você tenha um link para mostrar mais opções que expande uma lista de opções. Ele di...
Redefinir os redimensionamentos da janela através do Google Analytics
Sparkbox
Trigger Clique na entrada quando o rótulo é clicado
As etiquetas devem ter atributos "para" que correspondem à ID da entrada que estão rotulando. I...
Evento de clique triplo
$
Sublinhe as palavras individuais
Não há CSS para aplicar um sublinhado ( text-decoration: underline; ) apenas para...
Validar a idade
Este snippet pressupõe um formulário HTML com e ID de "age-form" e três entradas (texto ou sele...
Evento de carregamento de janela com atraso mínimo
window.load pode disparar super duper rápido se a página estiver em cache. Se você quiser usar ...
Trabalhando com atributos
Remover atributos de largura e altura de imagens inseridas
Quando você carrega uma imagem através do carregador de mídia do WordPress e depois insira-a no...
Botão "Editar Este" em Mensagens e Páginas
Adicionar nome da categoria a body_class
A função body_classda 23A2D09E1EFC6C3DB0B é uma ótima opção para adicionar um grupo de clas...
Adicione classe aos links gerados por next_posts_link e previous_posts_link
Estas duas funções criam links de âncora, e você pode personalizar muito, mas é impossível adic...
Adicionar/remover campos de informações de contato
Os perfis de usuário no WordPress possuem esses campos para informações de contato por padrão: ...
Link do painel de administração somente para administradores
Permitir SVG através do WordPress Media Uploader
NOTA: A partir de 4.7.1, isso não está funcionando exatamente como publicado aqui.
Aplicar CSS personalizado na área de administração
Adicionar para o arquivo functions.php:
Links Automáticos de Mídia Social
Isso iria dentro do loop, provavelmente abaixo do_content (), provavelmente em...
Comentários subidos em linha de base
ol
Bloginfo Shortcode
A função bloginfo () no WordPress dá-lhe acesso a muitas informações úteis sobre o seu site. Co...
Mude o tamanho do Avatar
A função wp_list_comments tem um parâmetro para alterar o tamanho padrão (48px) para qualquer l...
Página de erro de banco de dados personalizada
Coloque um arquivo chamado "db-error.php" diretamente dentro de sua pasta/wp-content/e o WordPr...
Custom Loop/Query com base em campos personalizados
Última atualização por...
Personalizar comentários marcação
Em um tema típico do WordPress, você exibe toda a lista de comentários para uma Página Post/usa...
Personalizar Página de Login
Você sabe, o típico em yoursite.com/wp-login.php. Estas são coisas que você iria colocar no tem...
Detectar Gists e Incorporá-los
Basta publicar um link para um GitHub G7EE340DB38397F62BABD15 GitHub GistD2D39BAA1402E588 e...
Desativar formatação automática
Desativar formatação automática usando um código curto
function my_formatter($content) { $new_content = ''; $pattern_full = '{(...
Exibir uma nuvem de tags
Exibir informações do autor
A imagem que mostra para o autor vem do endereço de e-mail definido para esse usuário que se de...
Exibir imagem ao lado de cada etiqueta
<?php $posttags = get_the_tags(); // Get articles tags $home = get_bloginfo('url');...
Exibir divisor de mensagens entre postagens
Antes do fechamento do The Loop, insira este código:
Dump All Custom Fields
O WordPress possui uma função incorporada, the_meta (), para a saída de todos os campos persona...
Tag de título dinâmico
Incorporar uma página dentro de uma página
Ativar todos os formatos de postagem possíveis
Para o arquivo functions.php no tema.
Facebook "Like" Button para WordPress
Alguns códigos muito fáceis de copiar e colar aqui para adicionar ao modelo para postagens de b...
Encontre o ID da página principal mais avançada
Isto irá encontrar o que o ID é da página principal mais importante, em uma página infantil ani...
Obter conteúdo por ID
Aparentemente, não há nenhuma função sucinta do WordPress para apenas retornar o conteúdo de um...
Obtenha o URL da imagem em destaque
As miniaturas do post são bastante úteis e muito fáceis de usar no WordPress. Basta adicionar:
Obter ID do Nome da Página
Adicionar a functions.php arquivo:
Obtenha a primeira imagem de um post
Digamos que você quisesse usar o recurso de miniatura do post
HTML5 Shim em functions.php
Poderia manter o seu cabeçalho.php limpo e inserir o calço do arquivo functions.php.
ID do corpo com base no URL
Se a página for pai ou filho
Não são construídos em funções WordPress condicionais para o teste de uma página:
Inclua qualquer arquivo do seu tema
Inclua jQuery no WordPress Theme
O seguinte é o melhor caminho a seguir. Adicione o seguinte ao tema "file s functions.php: (!
Aumentar limites de suspensão de campos personalizados
Por seu arquivo functions.php ou plugin personalizado:
Inserir imagens com Figura ~ Figcaption
Para um simples plugin ou arquivo functions.php:
Inserir imagens dentro do elemento da figura do carregador de mídia
Por seu arquivo functions.php ou um plugin funcionalidade: função
Lista de postagens, destaque atual
WordPress não possui uma função wp_list_posts () que possa parecer lógica com a função wp_list_...
Login ~ ~ Sair e bem-vindo do usuário
Faça Arquivos.php Incluir Tipos de postagem personalizados
Archives.php mostra apenas o conteúdo do tipo "post", mas você pode alterá-lo para incluir tipo...
Mover barra de administração do WordPress para o fundo
Pre WordPress 3.3. Ou adicione este CSS ao seu arquivo CSS, adicione todo o c...
Natural Classificar usando o Post meta_key
Excerto de saída manualmente
Há semprethe...
Paginar Tipos de postagem personalizados
Impedir CSS Caching
Impeça os Bots de pesquisa de indexar os resultados da pesquisa
Na <head> seção do arquivo header.php:
Função de Publicações Recentes
Remover barra de administração para assinantes
Você pode querer abrir o registro no seu site WordPress para que (por um pequeno exemplo) as pe...
Remover estilo de estilo da galeria
Remova elementos LI da saída do wp_nav_menu
Você pode remover ou alterar o <ul> recipiente que você obtém por padrão co...
Remover o link para o arquivo Manifesto WLW
Tipo de inútil para incluir isso, a menos que você realmente use o Windows Live Writer para esc...
Remover tags de parágrafo de imagens ao redor
Caso você queira ter <img> no seu conteúdo, mas não os faça receber "Auto P...
Remover privado/protegido de títulos
Para o arquivo functions.php em seu tema:
Remover categorias específicas do loop
Remova o 28px Push Down da barra de administração
Por seu arquivo functions.php:
Remover espaço em branco da saída de função
No WordPress, existem muitas funções que produzem coisas para você. Por exemplo, wp_list_pages ...
Remover WP Generator Meta Tag
Pode ser considerado um risco de segurança para tornar a sua versão wordpress visível e pública...
Removendo o Jetpack CSS
Jetpacké um plugin do WordPress que traz uma to...
Substitua as elipses de trechos com o permanente
Isto é útil se você quiser substituir as reticências [...] do trecho com um permanente para a p...
Redefinir senha do administrador no banco de dados
Esqueça sua senha de administrador e não tenha acesso à conta de e-mail em que está? Se você po...
Redefinir senha de administrador por meio de banco de dados
You "ll precisa ser capaz de executar SQL nesse banco de dados, como por exemplo, através do ph...
Execute um loop fora do WordPress
Execute o loop em postagens de categoria específica
Código curto para o botão Ação
Código curto em um modelo
Shortcodes no WordPress são bits de texto que você pode usar na área de conteúdo para invocar a...
Mostre seus Tweets favoritos com o WordPress
Basta substituir o URL na linha fetch_rss abaixo com o feed RSS para os favoritos do Twitter.
Reduzir a barra de administração/Expandir no mouse
Um mini-plugin:
Comentários de Spam com URLs muito longos
Os URLs super longos são um sinal de incêndio seguro, o comentário é spam. Isso marcará comentá...
a_categoria com Exclui
função O WordPress
Ativar mais botões no WordPress Visual Editor
Estes botões (como um para adicionar um <hr> tag) não está por padrão no ed...
Ativar o Relatório de Erros do WordPress
Comente a linha superior lá e adicione o resto ao seu arquivo wp-config.php para obter relatóri...
Usando campos personalizados
Código curto do ano
Para o arquivo functions.php: função
Ajustar o tempo do servidor
Às vezes, o tempo definido no seu servidor não é preciso no que é a hora local. Se você não pod...
Anexar credenciais de login para URL
O exemplo aqui é se você tivesse um formulário em um site que, quando submetido, precisasse usa...
Anexar espaço sem ruptura entre as duas últimas palavras
Aplicando Mesmo/Odd Classes
Sintaxe da matriz associativa
Ano Automático de Direitos Autorais
Links Automáticos de Correio
$ string
Conexão básica de banco de dados, Consulta aleatória, Exibição Resultado
Uso básico de SimplePie
You "ll precisa de um de cópia SimplePie para o incluir no topo aqui
Criar uma tabela de calendário
Função de calendário
Alterar data de dd/mm/aaaa aaaa-dd-mm
Alterar gráficos com base na temporada
Alterar número de mês para nome de mês
$ monthNum
Verifique se o arquivo existe/Anexar número para nomear
Se o nome do arquivo existe, retorna o novo nome de arquivo com _number anexado assim que você ...
Verifique se o site está disponível
Executa uma onda de solicitação para verificar se existe um site/éon-line
Variáveis de limpeza
As variáveis ​​que são enviadas por meio de formulários web sempre precisam ser limpas antes de...
Comentários em PHP
Matriz de concatenação para leitura humana
Converter caracteres acentuados
Por exemplo, se você quiser usar uma string como parte de um URL, mas precisa torná-lo seguro p...
Converta BR para Newline
Converta a seqüência separada por vírgulas em matriz
Modo fácil de transformar um arquivo CSV em uma matriz analisável.
Converta HEX para RGB
Dê o código hexadecimal da função (por exemplo, #eeeeee), retorna a matriz de valores RGB. ...
Tempo de Execução do Script Count
$ execution_time
Criar URI de dados
Estes podem ser úteis para incorporar imagens em HTML/CSS/JS para economizar em pedidos HTTP, a...
Criar Unique AlphaNumeric
função
Criar URL Slug do Post Title
Função de expressão regular que substitui espaços entre palavras com hífens.
Cortar imagem
Exibe um pedaço selecionado de uma imagem. No exemplo fornecido, são mostrados os 100px x 100px...
Cross Domain GET Forwarding
Quando você faz uma solicitação AJAX em um site, o URL que você solicita precisa residir no mes...
Depuração $ _REQUEST
Este snippet exibe uma boa lista de todos os dados enviados em uma caixa transparente no canto ...
Detecção AJAX
O cabeçalho HTTP_X_REQUESTED_WITH é enviado por todos os navegadores recentes que suportam soli...
Detectar IE5 ou IE6
Detectar local por IP
Retorna "Cidade, Estado" se encontrado de outra forma o padrão definido na parte superior. ...
Descobrir e exibir meta tags
Esta é uma página de estilo completo que exibe informações de meta-tag que extrai de URLs forne...
Exibir um Gravatar do usuário de um endereço de e-mail
Exibir conteúdo da matriz
echo
Exibir Feed FeedBurner Feed Count
Conteúdo do diretório exibido
. Servidores pode ser configurada para mostrar o conteúdo de um diretório que doesn "t têm um ar...
Validação de endereço de e-mail
Protetor de e-mail
Inglês Tempo para Segundos
Basta digitar o tempo que deseja converter em segundos em inglês (por exemplo, "1 hora e 30 min...
Página de erro para lidar com todos os erros
Esta é uma maneira de criar uma única página de erro para todos os erros, que é mais fácil de a...
Extrair endereços de e-mail
Basta passar a seqüência de caracteres (por exemplo, a parte do corpo de um e-mail) para a funç...
Encontre todos os links em uma página
Aqui "s o princípio básico por trás aranhas
Localizar extensão de arquivo
Método
Encontre o arquivo nomeado numericamente mais alto
$ últimas
Encontre o caminho completo para um arquivo
Encontre URLs em texto, faça links
Force Leading Zero
Gerar CSV da Array
função
Gerar Expirando o Amazon S3 Link
Você não precisa fazer arquivos no Amazon S3 public (eles não são por padrão). Mas você pode ge...
Obter número de perguntas de MySQL em todos os tempos
Obter o Nome do Arquivo Actual
Obter URL atual da página
função
Obtenha Contagem de Assinante do FeedBurner com CURL
$ CH =
Obter arquivo Última atualização Data
Obter tamanho do arquivo
Obter informações de Geo-IP
Solicita a um servidor geo-IP para verificar, retorna onde um IP está localizado (host, estado,...
Obter informações da imagem
Obter o último status do Twitter
O código abaixo não funciona como está com a atualização da API do Twitt...
Obter Sufixo do Número Dado/Data
Obter o endereço IP dos usuários
Contaspara proxies:
Obter largura/Altura da imagem
Se tudo que você tem para uma imagem é o URL, você ainda pode encontrar as dimensões:
Destaque uma Substring
HTML Tidy
função
HTTP ou HTTPS
Importar CSV para o MySQL
Aumentar o tamanho máximo do upload do PHP
Muitos hosts compartilhados colocam restrições muito baixas sobre o tamanho dos arquivos que po...
Inserir elemento cada nó Loop
Quando dentro de um loop, você pode acompanhar o número de iteração do loop (mostrado abaixo é ...
Controle inteligente de cache do PHP
Este fragmento de código verifica se uma página foi modificada desde que foi exibida pela últim...
Função de login
Estas funções irão fazer login em um usuário com base em um nome de usuário e uma senha em corr...
Faça um Número Aleatório
função
Classe de backup do MySQL
504 Gateway Time-out 504 Ga...
Classe de Acesso ao Banco de Dados MySQL
504 Gateway Time-out 504 Ga...
Classe de restauração do MySQL
504 Gateway Time-out 504 Ga...
Opções para Truncate Strings
Buffer de saída
Função de Paginação
Parse JSON
Execute a função em cada item de uma matriz
array_map () leva dois argumentos. O primeiro argumento é a função a ser executada no segundo a...
Array PHP Contém
Verifique se o valor está na matriz e as saídas Sim ou Não
Parâmetros da data do PHP
Detecção PHP IE
PHP inclui
Redirecionamento do PHP
PHP Zebra Striping a Table
Loop de Validação POST
Navegação alfabética rápida
Pode ser útil para uma navegação em estilo de livro de endereços.
Cor aleatória do hexágono
Random Slogan Displayer
Crie um arquivo de texto chamado slogans.txt com permissões que ele possa ser lido pelo servido...
Cadeia aleatória de caracteres pré-determinados
Randomize Imagem de Fundo
Randomize File Name
Leia/Write Files
Retornar apenas uma variável da consulta do MySQL
Gerador de RSS
Você precisará de um banco de dados MySQL com uma tabela chamada `rss_feed`. Nessa tabela, exis...
Sanitizar entradas de banco de dados
Enviar uma mensagem de texto
You "ll precisam de umTextMagicconta e b...
Enviar email
Nome e Sobrenome Separados
nome $
Server Side Image Resizer
O código usa o PHP para redimensionar uma imagem (atualmente apenas jpeg). Usando este método, ...
Simple Zip Code Range Tester
Esta regex abaixo testa o código postal fornecido se começar com os números 096 e que existam e...
Função Time Ago
Isso pode ser usado para comentários e outros de comunicação para dizer o tempo atrás em vez do...
Tronco Long String Exatamente no meio
Isso truncará uma seqüência mais longa a uma cadeia menor de comprimento especificado (por exem...
Truncate String by Words
Descompacte arquivos
Atualizar valores de toda a tabela
Este código assume que você está conectado a um banco de dados MySQL que possui uma tabela com ...
Validação de URL
$ url
Variáveis Variáveis
Zero Padded Numbers