Partes de codigo 2025, Janeiro

Variáveis ​​de limpeza - CSS-Tricks

Variáveis ​​de limpeza - CSS-Tricks

Variáveis ​​que são enviadas através de formulários da web sempre precisam ser limpas / higienizadas antes de serem usadas de qualquer forma, para prevenir contra todos os tipos diferentes de mal-intencionados "

Alterar o número do mês para o nome do mês - CSS-Tricks

Alterar o número do mês para o nome do mês - CSS-Tricks

$ monthNum = 5; $ monthName = date ("F", mktime (0, 0, 0, $ monthNum, 10)); "

Alterar data de dd / mm / aaaa para aaaa-dd-mm - CSS-Tricks

Alterar data de dd / mm / aaaa para aaaa-dd-mm - CSS-Tricks

Conversão $ date_array = explode ("/", $ date); // divide o array $ var_day = $ date_array; // dia seqment $ var_month = $ date_array; // segmento do mês $ var_year "

Links Mailto Automáticos - CSS-Tricks

Links Mailto Automáticos - CSS-Tricks

$ string = eregi_replace ('(+ @ (+.) + (2,3))', '\ 1', $ text); echo $ string; "

Ano de Copyright automático - CSS-Tricks

Ano de Copyright automático - CSS-Tricks

Apenas ano atual © Com ano de início © 2008- Data de início com proteção contra erros Uso: "

Sintaxe de matriz associativa - CSS-Tricks

Sintaxe de matriz associativa - CSS-Tricks

Simples $ carParts = array ('Pneus' => 100, 'Janela' => 1042, 'Punho de Porta' => 917); Matriz de matrizes associativas public $ notificarPartners = array (array ('nome' => "

Anexar credenciais de login ao URL - CSS-Tricks

Anexar credenciais de login ao URL - CSS-Tricks

O exemplo aqui é se você tivesse um formulário em um site que, quando enviado, precisava usar essas informações para ir para um URL especial onde as informações de login "

Ajustar hora do servidor - CSS-Tricks

Ajustar hora do servidor - CSS-Tricks

Às vezes, a hora definida em seu servidor não é exata em relação à sua hora local. Se você não pode alterá-lo, pode ajustá-lo sozinho. $ hoje = "

Trabalhando com atributos - CSS-Tricks

Trabalhando com atributos - CSS-Tricks

Configurando um único atributo $ ("img"). Attr ("src", "/images/banner.jpg.webp"); Definindo Atributo Único (com função) $ ("div"). Attr ("id", function (arr) (return "

Sublinhar palavras individuais - CSS-Tricks

Sublinhar palavras individuais - CSS-Tricks

Não há CSS para aplicar um sublinhado (decoração de texto: sublinhado;) apenas a palavras individuais em um elemento de várias palavras. A melhor forma seria embrulhar "

Evento de carregamento de janela com atraso mínimo - CSS-Tricks

Evento de carregamento de janela com atraso mínimo - CSS-Tricks

Window.load pode disparar super duper rápido se a página estiver em cache. Se você quiser usar esse evento, mas certifique-se de que um período mínimo de tempo se passou até que "

Validar idade - CSS-Tricks

Validar idade - CSS-Tricks

Este snippet pressupõe um formulário HTML com um ID de "forma de idade" e três entradas (texto ou seleção) com os IDs de "dia", "mês" e "ano" respectivamente. "

Tamanho da janela de rastreamento por meio do Google Analytics - CSS-Tricks

Tamanho da janela de rastreamento por meio do Google Analytics - CSS-Tricks

O Sparkbox tem esse snippet para ajudar a descobrir com que frequência as janelas do navegador realmente são redimensionadas. (function () (var resizeTimer; // Supondo que temos jQuery "

Evento Triple Click - CSS-Tricks

Evento Triple Click - CSS-Tricks

$ .event.special.tripleclick = (setup: function (data, namespaces) (var elem = this, $ elem = jQuery (elem); $ elem.bind ('click', "

Verifique se o elemento está dentro de outro elemento específico - CSS-Tricks

Verifique se o elemento está dentro de outro elemento específico - CSS-Tricks

Substitua o primeiro seletor pelo filho que você está testando e o segundo seletor pelo pai que você está testando. E se ("

Acordeão jQuery simples - CSS-Tricks

Acordeão jQuery simples - CSS-Tricks

JQuery Certifique-se de executar em DOM pronto ou na parte inferior da página. (função ($) (var allPanels = $ ('. sanfona> dd'). ocultar (); $ ('. acordeão> dt> "

Alternar texto - CSS-Tricks

Alternar texto - CSS-Tricks

Digamos que você tenha um link para mostrar mais opções, o que expande uma lista de opções. Diz "mais opções". É fácil alternar essas opções com .toggle () "

Alvo apenas links externos - CSS-Tricks

Alvo apenas links externos - CSS-Tricks

Técnica # 1 $ ('a'). Filter (function () (retornar this.hostname && this.hostname! == location.hostname;)). AddClass ("external"); Técnica # 2 $ .expr.external "

Menu pop-up estilizado - CSS-Tricks

Menu pop-up estilizado - CSS-Tricks

Essa ideia é da Veer.com e como eles lidam com os menus suspensos para coisas como tamanhos de camisetas. Obrigado a Dennis Sa. Ver HTML de demonstração Vamos embrulhar um "

Teste se pelo menos uma caixa de seleção está marcada - CSS-Tricks

Teste se pelo menos uma caixa de seleção está marcada - CSS-Tricks

Neste exemplo, um botão de envio é desabilitado se nenhuma das caixas de seleção estiver marcada e habilitado se pelo menos uma estiver marcada. O truque é que você pode usar "

Links de fundo deslizantes - CSS-Tricks

Links de fundo deslizantes - CSS-Tricks

$ ('a', '#nav'). hover (function () (if (! $ (this) .parent (). hasClass ('current')) ($ (this) .stop (). animate (( backgroundPosition: '(0 -75px)'));)), function () "

Encadernação de evento mais inteligente - CSS-Tricks

Encadernação de evento mais inteligente - CSS-Tricks

$ ("p"). live ("click", function () ($ (this) .css ("color", "red");)); A razão pela qual isso é mais inteligente é porque provavelmente há muitos elementos p na página. Se"

Crianças Shuffle - CSS-Tricks

Crianças Shuffle - CSS-Tricks

$ .fn.shuffleChildren = function () ($ .each (this.get (), função (índice, el) (var $ el = $ (el); var $ find = $ el.children (); $ find. sort (function () (return "

Elementos DOM do Shuffle - CSS-Tricks

Elementos DOM do Shuffle - CSS-Tricks

Isso é de James Padolsey. Confira seu artigo para uma técnica de JavaScript pura também. Plugin (function ($) ($ .fn.shuffle = function () (var allElems "