Kodestykker 2025, September

Forskellige typografiark til forskellige ugedage - CSS-tricks

Forskellige typografiark til forskellige ugedage - CSS-tricks

Navngiv dine css-filer i overensstemmelse hermed: Saturday.css, Friday.css, Sunday.css osv ... Hvis JavaScript er deaktiveret i browseren, vender det tilbage til "

Registrer Javascript til / fra, med besked - CSS-tricks

Registrer Javascript til / fra, med besked - CSS-tricks

JavaScript er slået fra. Aktivér venligst for at se hele siden. Hvis JavaScript er aktiveret, får brugeren en velkomstbesked. Hvis den er slået fra, instrueres brugeren i at tænde den. "

Standardargumenter for funktioner - CSS-tricks

Standardargumenter for funktioner - CSS-tricks

Kombiner af godkendte argumenter og standardindstillinger (kan bruges med en hvilken som helst funktion) Object.prototype.combine = funktion (_args) (for (var i i denne) (hvis (type af _args "

Nuværende side med JavaScript - CSS-tricks

Nuværende side med JavaScript - CSS-tricks

Dette er som en erstatning for PHP's SCRIPT_NAME med JavaScript. location.href.split ('/'). pop (); For eksempel med denne URL: "

CSS til når JavaScript er aktiveret CSS-tricks

CSS til når JavaScript er aktiveret CSS-tricks

Document.documentElement.className = "js" Dette tilføjer en klasse til roden , så du kan (f.eks.) gøre noget som at skjule en

kun "

Cross-Browser Afhængighedsfri DOM-klar - CSS-tricks

Cross-Browser Afhængighedsfri DOM-klar - CSS-tricks

Denis Ciccales version: var DOMReady = funktion (a, b, c) (b = dokument c = 'addEventListener' b? B ('DocumentContentLoaded', a): "

Cookie Getter / Setter - CSS-tricks

Cookie Getter / Setter - CSS-tricks

** * Henter eller sætter cookies * @param navn * @param værdi (null at slette eller udefineret for at få) * @paramuligheder (domæne, udløber (i dage)) * @ returværdi "

Konverter polygon til stigdata - CSS-tricks

Konverter polygon til stigdata - CSS-tricks

Jeg har måttet gøre dette et par gange for nylig, så jeg troede, jeg ville gemme metoden. StackOverflow har en metode, der fungerer godt: "

Kommentarer i JavaScript - CSS-tricks

Kommentarer i JavaScript - CSS-tricks

Funktion doSomething () (/ * Denne kode af Chris Coyier * / var i = 0; // tæller, der skal bruges senere;) Kommentarer i JavaScript kan være mellem / * * / markeringer "

Ryd felt i fokus - CSS-tricks

Ryd felt i fokus - CSS-tricks

Udskift "værdi" med standardværdien. Hvis feltet er valgt, forsvinder standardværdien. Hvis brugeren tidligere har ændret feltværdien, "

Sæt kommaværdier i tal - CSS-tricks

Sæt kommaværdier i tal - CSS-tricks

Denne funktion antager, at hvad der sendes til den er en streng med et decimaltegn og to steder efter decimalet. For at få dit nummer ind i det "

Kontroller, om antallet er lige / ulige - CSS-tricks

Kontroller, om antallet er lige / ulige - CSS-tricks

Funktion erEven (værdi) (hvis (værdi% 2 == 0) returnerer sand; ellers returner falsk;) "

Kontroller, om funktionen findes, inden du ringer til - CSS-tricks

Kontroller, om funktionen findes, inden du ringer til - CSS-tricks

Når du bruger scripts, der deles mellem forskellige områder på et websted, kan der være tilfælde, hvor der kaldes en funktion, der ikke findes. Det giver mening på "

Array af landsnavne - CSS-tricks

Array af landsnavne - CSS-tricks

Var country_list =; JSON-version fra paulund.co.uk: "

Kontroller, om skrifttypefamilien er æret - CSS-tricks

Kontroller, om skrifttypefamilien er æret - CSS-tricks

Funktion checkFont (strFamily) (var objDiv = document.createElement ('div'); objDiv.style.fontFamily = strFamily; "

Bind forskellige begivenheder til klik og dobbeltklik - CSS-tricks

Bind forskellige begivenheder til klik og dobbeltklik - CSS-tricks

Du vil muligvis have et link til at have en særlig handling, når du dobbeltklikker, hvilket forhindrer standardhandlingen for linket (gå til en anden side). Så: Dobbeltklik: "

Bryde ud af iframe - CSS-tricks

Bryde ud af iframe - CSS-tricks

Hvis (top.location! = self.location) (top.location = self.location.href;) Det fungerer generelt, men der er en lille chance for fiasko i tilfælde af at "

Async-delingsknapper (G +, Facebook, Twitter) - CSS-tricks

Async-delingsknapper (G +, Facebook, Twitter) - CSS-tricks

Nogle af disse tjenester leverer allerede (smart) deres scripts på en asynkron måde, dette kombinerer dem bare til mere effektive, organiserede og "

Async Script Loader med tilbagekald - CSS-tricks

Async Script Loader med tilbagekald - CSS-tricks

Var Loader = funktion () () Loader.prototype = (kræver: funktion (scripts, tilbagekald) (this.loadCount = 0; this.totalRequired = scripts.length; "

Alfabetisering af arrays, objekter og arrays af objekter - CSS-tricks

Alfabetisering af arrays, objekter og arrays af objekter - CSS-tricks

Alfabetisering kan være lidt vanskelig, da du måske ønsker at være ufølsom over for det, du sorterer. Arrays er også den ting, du sorterer, men nogle gange har du et objekt. Eller en række objekter. Eller på anden måde indlejrede kombinationer ... "

Video For Everybody (HTML5 Video med Flash Fallback) - CSS-tricks

Video For Everybody (HTML5 Video med Flash Fallback) - CSS-tricks

Download video: Lukket format: "MP4" Åbent format: "Ogg" En komplet forklaring på Kroc Camens websted, ophavsmanden til denne teknik. "

Føj til favoritter (IE) - CSS-tricks

Føj til favoritter (IE) - CSS-tricks

Tilføj favorit og gå dertil Den første parameter til AddFavorite er URL'en, den anden er teksten, der skal tilbydes til lagring. Så dette integrerede JavaScript kan genbruges "

Føj et tal til to variabler på én gang - CSS-tricks

Føj et tal til to variabler på én gang - CSS-tricks

Du kan initialisere to variabler til samme værdi på én gang, kinda: var foo, bar; foo = bar = 10; Men der er ingen lignende nem mekanisme at tilføje, siger, 5 "

Tilføj dataattribut for brugeragent - CSS-tricks

Tilføj dataattribut for brugeragent - 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 / MIT License (funktion (win, doc) (hvis (win.addEventListener) returnerer; // Intet behov for at polyfill-funktion "

1024x768 Bogmærke - CSS-tricks

1024x768 Bogmærke - CSS-tricks

Dage med 800x600 skærme er næsten forbi, men de fleste af os prøver stadig at rumme 1024px brede skærme. Derfor populariteten af ​​websteder med en bredde på "960". Det her"

AddClass-funktion - CSS-tricks

AddClass-funktion - CSS-tricks

Hvis du går biblioteksfri, skal du muligvis rulle din egen funktion som denne. funktion addClass (id, new_class) (var i, n = 0; "