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

Popular para o mês

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 "

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"

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

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 "

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 "

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 "

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

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

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

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

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 "

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

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 "

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 "

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 "

Anexar espaço ininterrupto entre as duas últimas palavras - CSS-Tricks

Anexar espaço ininterrupto entre as duas últimas palavras - CSS-Tricks

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

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 "

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' => "

Aplicando classes pares / ímpares - CSS-Tricks

Aplicando classes pares / ímpares - CSS-Tricks