Partes de codigo 2025, Janeiro

Folhas de estilo diferentes para dias diferentes da semana - CSS-Tricks

Folhas de estilo diferentes para dias diferentes da semana - CSS-Tricks

Nomeie seus arquivos css de acordo: Saturday.css, Friday.css, Sunday.css, etc ... Se o JavaScript estiver desabilitado no navegador, ele reverterá para o "

Detectar Javascript Ativado / Desativado, Com Notificação - CSS-Tricks

Detectar Javascript Ativado / Desativado, Com Notificação - CSS-Tricks

JavaScript está desativado. Ative para ver o site completo. Se o JavaScript estiver ativado, o usuário receberá uma mensagem de boas-vindas. Se desligado, o usuário é instruído a ligá-lo. "

Argumentos padrão para funções - CSS-Tricks

Argumentos padrão para funções - CSS-Tricks

Combinador de argumentos e padrões passados ​​(utilizável com qualquer função) Object.prototype.combine = function (_args) (para (var i neste) (if (typeof _args "

Página atual com JavaScript - CSS-Tricks

Página atual com JavaScript - CSS-Tricks

Isso é como uma substituição para SCRIPT_NAME do PHP com JavaScript. location.href.split ('/'). pop (); Por exemplo, com este URL: "

CSS para quando o JavaScript está ativado - CSS-Tricks

CSS para quando o JavaScript está ativado - CSS-Tricks

Document.documentElement.className = "js" Isso adiciona uma classe à raiz , para que você possa (por exemplo) fazer algo como ocultar apenas um

"

Compatível com DOM livre de dependência entre navegadores - CSS-Tricks

Compatível com DOM livre de dependência entre navegadores - CSS-Tricks

Versão de Denis Ciccale: var DOMReady = function (a, b, c) (b = document c = 'addEventListener' b? B ('DocumentContentLoaded', a): "

Obturador / Setter de cookies - CSS-Tricks

Obturador / Setter de cookies - CSS-Tricks

** * Obtém ou define cookies * @param name * @param value (null para excluir ou indefinido para obter) * @param options (domain, expire (in days)) * @return value "

Converter polígono em dados de caminho - CSS-Tricks

Converter polígono em dados de caminho - CSS-Tricks

Tive de fazer isso algumas vezes recentemente, então pensei em salvar o método. StackOverflow tem um método que funciona muito bem: "

Comentários em JavaScript - CSS-Tricks

Comentários em JavaScript - CSS-Tricks

Function doSomething () (/ * Este código de Chris Coyier * / var i = 0; // contador a ser usado posteriormente;) Os comentários em JavaScript podem estar entre / * * / marcações "

Limpar campo em foco - CSS-Tricks

Limpar campo em foco - CSS-Tricks

Substitua "valor" pelo valor padrão. Se o campo for selecionado, o valor padrão desaparecerá. Se o usuário tiver alterado anteriormente o valor do campo, "

Coloque valores de vírgula em números - CSS-Tricks

Coloque valores de vírgula em números - CSS-Tricks

Esta função assume que o que está sendo submetido a ela é uma string, com um ponto decimal e duas casas após o decimal. Para colocar o seu número nisso "

Verifique se o número é par / ímpar - CSS-Tricks

Verifique se o número é par / ímpar - CSS-Tricks

Function isEven (value) (if (value% 2 == 0) return true; else return false;) "

Verifique se a função existe antes de ligar - CSS-Tricks

Verifique se a função existe antes de ligar - CSS-Tricks

Ao usar scripts que são compartilhados entre diferentes áreas de um site, pode haver casos em que uma função que não existe é chamada. Faz sentido em "

Matriz de nomes de países - CSS-Tricks

Matriz de nomes de países - CSS-Tricks

Var country_list =; Versão JSON de paulund.co.uk: "

Verifique se a família de fontes é homenageada - CSS-Tricks

Verifique se a família de fontes é homenageada - CSS-Tricks

Função checkFont (strFamily) (var objDiv = document.createElement ('div'); objDiv.style.fontFamily = strFamily; "

Vincular eventos diferentes para clicar e clicar duas vezes - CSS-Tricks

Vincular eventos diferentes para clicar e clicar duas vezes - CSS-Tricks

Você pode querer que um link tenha uma ação especial quando clicado duas vezes, o que impede a ação padrão do link (ir para outra página). Então: Clique duas vezes em: "

Sair do iframe - CSS-Tricks

Sair do iframe - CSS-Tricks

If (top.location! = self.location) (top.location = self.location.href;) Isso geralmente funciona, mas há uma pequena chance de falha no caso de "

Botões de compartilhamento assíncrono (G +, Facebook, Twitter) - CSS-Tricks

Botões de compartilhamento assíncrono (G +, Facebook, Twitter) - CSS-Tricks

Alguns desses serviços já fornecem (de forma inteligente) seus scripts de forma assíncrona, o que apenas os combina de forma mais eficiente, organizada e "

Carregador de script assíncrono com retorno de chamada - CSS-Tricks

Carregador de script assíncrono com retorno de chamada - CSS-Tricks

Var Loader = function () () Loader.prototype = (requer: função (scripts, retorno de chamada) (this.loadCount = 0; this.totalRequired = scripts.length; "

Alfabetizando matrizes, objetos e matrizes de objetos - CSS-Tricks

Alfabetizando matrizes, objetos e matrizes de objetos - CSS-Tricks

A alfabetização pode ser um pouco complicada, já que você pode não diferenciar maiúsculas de minúsculas em relação ao que está classificando. Além disso, arrays são coisas que você classifica, mas às vezes você tem um objeto. Ou uma série de objetos. Ou outras combinações aninhadas ... "

Vídeo para todos (vídeo HTML5 com Flash Fallback) - CSS-Tricks

Vídeo para todos (vídeo HTML5 com Flash Fallback) - CSS-Tricks

Baixe o vídeo: Formato fechado: "MP4" Formato aberto: "Ogg" Uma explicação completa no site da Kroc Camen, o criador desta técnica. "

Adicionar aos favoritos (IE) - CSS-Tricks

Adicionar aos favoritos (IE) - CSS-Tricks

Adicionar favorito e ir para lá O primeiro parâmetro para AddFavorite é a URL, o segundo é o texto a ser oferecido para salvar. Portanto, este JavaScript embutido é reutilizável "

Adicionar um número a duas variáveis ​​de uma vez - CSS-Tricks

Adicionar um número a duas variáveis ​​de uma vez - CSS-Tricks

Você pode inicializar duas variáveis ​​com o mesmo valor de uma vez, tipo: var foo, bar; foo = bar = 10; Mas não existe um mecanismo igualmente fácil para adicionar, digamos, 5 "

Adicionar Atributo de Dados do Agente do Usuário - CSS-Tricks

Adicionar Atributo de Dados do Agente do Usuário - CSS-Tricks

Var b = document.documentElement; b.className = b.className.replace ('no-js', 'js'); b.setAttribute ("data-useragent", navigator.userAgent); "

AddEventListener Polyfill - CSS-Tricks

AddEventListener Polyfill - CSS-Tricks

AddEventListener polyfill 1.0 / Eirik Backer / Licença MIT (função (win, doc) (if (win.addEventListener) return; // Não há necessidade de função polyfill "

Bookmarklet 1024x768 - CSS-Tricks

Bookmarklet 1024x768 - CSS-Tricks

Os dias de telas de 800 x 600 estão quase no fim, mas a maioria de nós ainda tenta acomodar telas de 1024 pixels de largura. Daí a popularidade dos sites de largura "960". Esta"

Função addClass - CSS-Tricks

Função addClass - CSS-Tricks

Se você estiver deixando de usar a biblioteca, pode ser necessário executar sua própria função desta forma. função addClass (id, new_class) (var i, n = 0; "