Fragmente de cod 2025, Ianuarie

Variabile de curățare - CSS-Tricks

Variabile de curățare - CSS-Tricks

Variabilele care sunt trimise prin intermediul formularelor web trebuie întotdeauna curățate / igienizate înainte de utilizare în vreun fel, pentru a preveni împotriva tuturor tipurilor de malware rău ”

Schimbați numărul lunii în numele lunii - CSS-Tricks

Schimbați numărul lunii în numele lunii - CSS-Tricks

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

Schimbați data de zz / ll / aaaa în aaaa-zz-mm - CSS-Tricks

Schimbați data de zz / ll / aaaa în aaaa-zz-mm - CSS-Tricks

Conversie $ date_array = explode ("/", $ date); // împarte matricea $ var_day = $ date_array; // secțiunea zilei $ var_month = $ date_array; // segment lunar $ var_year "

Linkuri Mailto automate - CSS-Tricks

Linkuri Mailto automate - CSS-Tricks

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

Anul automat al drepturilor de autor - CSS-Tricks

Anul automat al drepturilor de autor - CSS-Tricks

Numai anul curent © Cu anul de începere © 2008- Data de începere cu protecție împotriva erorilor Utilizare: "

Sintaxă matrice asociativă - CSS-Tricks

Sintaxă matrice asociativă - CSS-Tricks

Simplu $ carParts = array ('Tires' => 100, 'Window' => 1042, 'DoorHandle' => 917); Array of Associative Arrays public $ notificationPartners = array (array ('name' => "

Adăugați acreditările de conectare la URL - CSS-Tricks

Adăugați acreditările de conectare la URL - CSS-Tricks

Exemplul de aici este dacă ați avut un formular pe un site web care, atunci când a fost trimis, a trebuit să utilizeze acele informații pentru a accesa o adresă URL specială unde informațiile de conectare "

Ajustați ora serverului - CSS-Tricks

Ajustați ora serverului - CSS-Tricks

Uneori, ora setată pe serverul dvs. nu este exactă la ora locală. Dacă nu îl puteți schimba, îl puteți regla singur. $ astăzi = "

Lucrul cu atribute - CSS-Tricks

Lucrul cu atribute - CSS-Tricks

Setarea atributului unic $ ("img"). Attr ("src", "/images/banner.jpg.webp"); Setarea atributului unic (cu funcție) $ ("div"). Attr ("id", funcție (arr) (return)

Subliniați cuvintele individuale - CSS-Tricks

Subliniați cuvintele individuale - CSS-Tricks

Nu există CSS pentru aplicarea unei sublinieri (text-decorare: subliniere;) numai cuvintelor individuale dintr-un element cu mai multe cuvinte. Cel mai bun mod ar fi să înfășurați "

Eveniment de încărcare a ferestrei cu întârziere minimă - CSS-Tricks

Eveniment de încărcare a ferestrei cu întârziere minimă - CSS-Tricks

Window.load poate declanșa rapid super duper dacă pagina este stocată în cache. Dacă doriți să utilizați acel eveniment, dar asigurați-vă că a trecut un timp minim până la acesta "

Validați vârsta - CSS-Tricks

Validați vârsta - CSS-Tricks

Acest fragment presupunea un formular HTML cu și un ID de „formă de vârstă” și trei intrări (text sau selectare) cu ID-urile „zi”, „lună”, respectiv „an”.

Urmăriți dimensiunile ferestrei prin Google Analytics - CSS-Tricks

Urmăriți dimensiunile ferestrei prin Google Analytics - CSS-Tricks

Sparkbox are acest fragment pentru a afla cât de des sunt redimensionate ferestrele browserului. (function () (var resizeTimer; // Presupunând că avem jQuery "

Eveniment cu triplu clic - CSS-Tricks

Eveniment cu triplu clic - CSS-Tricks

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

Verificați dacă Elementul se află în alt element specific - CSS-Tricks

Verificați dacă Elementul se află în alt element specific - CSS-Tricks

Înlocuiți primul selector cu copilul pe care îl testați și al doilea selector cu părintele pentru care testați. dacă ("

Simplu jQuery Accordion - CSS-Tricks

Simplu jQuery Accordion - CSS-Tricks

JQuery Asigurați-vă că rulați pe DOM gata sau în partea de jos a paginii. (funcție ($) (var allPanels = $ ('. acordeon> dd'). hide (); $ ('. acordeon> dt> "

Comutați textul CSS-Tricks

Comutați textul CSS-Tricks

Să presupunem că aveți un link pentru a afișa mai multe opțiuni care extinde o listă de opțiuni. Se spune „mai multe opțiuni”. Este ușor să comutați aceste opțiuni cu .toggle () "

Vizați numai linkuri externe - CSS-Tricks

Vizați numai linkuri externe - CSS-Tricks

Tehnica # 1 $ ('a'). Filter (function () (returnează this.hostname && this.hostname! == location.hostname;)). AddClass ("external"); Tehnica # 2 $ .expr.external "

Meniu Popup cu stil - CSS-Tricks

Meniu Popup cu stil - CSS-Tricks

Această idee este de la Veer.com și modul în care gestionează meniurile drop-down pentru lucruri precum dimensiunile tricourilor. Mulțumim lui Dennis Sa. Vedeți demonstrația HTML Vom încheia o versiune obișnuită "

Testați dacă este bifată cel puțin o casetă de selectare - CSS-Tricks

Testați dacă este bifată cel puțin o casetă de selectare - CSS-Tricks

În acest exemplu, un buton de trimitere este dezactivat dacă nici una dintre casetele de selectare nu este bifată și activată dacă cel puțin una este bifată. Trucul este că poți folosi „

Legături de fundal glisante - CSS-Tricks

Legături de fundal glisante - CSS-Tricks

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

Legare mai inteligentă a evenimentelor - CSS-Tricks

Legare mai inteligentă a evenimentelor - CSS-Tricks

$ ("p"). live ("click", function () ($ (this) .css ("color", "red");)); Motivul pentru care acest lucru este mai inteligent este că există probabil multe elemente p pe pagină. Dacă"

Shuffle Children - CSS-Tricks

Shuffle Children - CSS-Tricks

$ .fn.shuffleChildren = function () ($ .each (this.get (), function (index, el) (var $ el = $ (el); var $ find = $ el.children (); $ find.) sortare (funcție () (returnare "

Shuffle DOM Elements - CSS-Tricks

Shuffle DOM Elements - CSS-Tricks

Acesta este de la James Padolsey. Consultați articolul său pentru o tehnică pură JavaScript. Plugin (funcție ($) ($ .fn.shuffle = function () (var allElems "