Getting started with Trucchi CSS - Tutorial, esempi di codice CSS


Contents:


Aggiungi Body Class Just For IE
Aggiungi spazi al Dock in OS X
Questo non è assolutamente relativo all'HTML, ma per pura domanda, avevo bisogno di aggiungerlo...
Base64 Encode of 1x1px Transparent GIF
Nel caso ne abbiate bisogno. Puoi allungarlo per riempire lo spazio, se necessario.
HCard microformattata di base
Indirizzo di base e URL, contrassegnati usando Microformati.
Pulsante con interruzioni di linea
La tua migliore scommessa è <button>quindi puoi usare a <br>
Commenti in HTML
Cufon 101
1. Includere ilJavaScript ...
Incorporamento di Flash
Questo è diverso dal codice predefinito fornito da Flash. Questo in genere implica il tag < ...
Incorporando Quicktime
Quicktime richiede ancora il metodo a doppio oggetto per eseguirlo su tutti i browser. Non supe...
Incorporamento di Windows Media
tecnica valida, poiché doesn "t bisogno di < embed>
Markup tabella vuota
Esempio di revisione del modulo
Invio modulo Apre la nuova finestra/Tab
Probabilmente sapevi che potresti forzare un link ad aprire una nuova scheda o finestra con l'a...
Ottieni il modulo Indicazioni stradali (Google Maps)
Sbarazzarsi di Flash bianco quando carichi iframe
Nasconde iframe fino al completo caricamento.
Struttura dell'articolo HTML5 con hNews
Le specificheper hNews.
Struttura della pagina HTML5
iPhone Calling e collegamenti di testo
Questa è la chiamando uno (probabilmente più utile se il testo cliccabile è parole, come rileva...
Mantieni Flash dietro altri elementi
Ad esempio, un menu a tendina che va "dietro" a un film in flash o che rimane sopra una finestr...
Layout di metà sinistra e destra
Paragrafo di Lorem Ipsum
Pellentesque habitante morbi tristique senectus et netus et malesuada fames ac turpis egestas. ...
Mailto Links
Crea IE 6 Crash
Questo è assolutamente NON raccomandato per l'uso in qualsiasi tipo di scenario di sito "reale"...
Meta Aggiorna
Reindirizza all'URL fornito in 5 secondi. Impostare su 0 per un reindirizzamento immediato....
Meta tag per forzare l'IE 8 a comportarsi come IE 7
Meta tag per impedire ai robot del motore di ricerca
Per impedire a tutti i bot di ricerca di indicizzare una pagina:
Input di file multipli
Gli input di file possono avere un attributo "multiplo" che consente quindi di selezionare più ...
Apri il link in una nuova finestra
Posta i dati in un iframe
Doesn "t prendere qualsiasi JavaScript o qualsiasi cosa vi resta che la forma." S obiettivo di ...
Tag appropriati per la visualizzazione delle modifiche del contenuto
Il modo corretto di contrassegnare le modifiche a un documento HTML, quando si desidera conserv...
Meta Tag reattivo
tendo a usare questo:
Presentazione del foglio di stile IE 6 universale
Tutti i browser migliori più IE 7 e versioni successive ottengono REGULAR-STYLESHEET.css, i bro...
Imposta l'icona del segnalibro di iPhone
Inserisci questo nel < head> sezione e impostare l'attributo href su un'immagine in un fi...
Navigazione elenco standard
Avviare un server Web con un comando di terminale su OS X
Ho cercato questo per tre volte questa settimana, quindi ho pensato di fare in modo di assicura...
Arresta lo sfarfallio di caricamento della pagina IE
Altrimenti noto come Fajax (falso ajax). Ad esempio, quando si invia un modulo e la pagina succ...
Pagina di test
Un semplice XHTML 1.0 Strict struttura della pagina che include: base CSS Resettar...
I DOCTYPES comuni
!
Suggerimenti per gli acronimi
amoCSS
Layout Top & Bottom Half
Disattiva completamento automatico per l'input
Basta usare l'attributo autocomplete:
Usa Firebug in qualsiasi browser
sufficiente includere questo script sul sito e si "otterrà una console di Firebug che si apre p...
Video per tutti (HTML5 Video con Flash Fallback)
Visualizza la fonte del feed RSS in Firefox
A Firefox piace assumere quando si fa clic su un collegamento a un feed RSS a cui si desidera i...
Struttura della pagina XHTML 1.0 STRICT
"Shake" Animazione fotogramma chiave CSS
Questo presuppone l'uso di un autoprefixer.
Sguardo "cucito"
Una guida completa per Flexbox
Sfondo
Una guida completa alla griglia
CSS Grid Layout è il sistema di layout più potente disponibile in CSS. Si tratta di un sistema ...
Centro assoluto (verticale e orizzontale) un'immagine
Accessibilità/SEO Friendly CSS Hiding
Tutti i tipi di file di fogli di stile
Texture granulosa animata
Il sito Web DayTriputilizza un effetto puli...
Link di base Rollover come CSS Sprite
un
Nozioni di base sull'API font di Google
Migliore Helvetica
corp...
Testo sfocato
Rendere il colore del testo trasparente, ma aggiungere un'ombra:
Animazione di animazione animata gonfiabile
Solo alcune funzies con animazioni CSS3. Se sei preoccupato per il supporto browser super-profo...
Hack specifici del browser
Centro DIV con altezza dinamica
Centrare un sito Web
Modifica gli stili di completamento automatico nei browser WebKit
Abbiamo ottenuto un suggerimento daLyd...
Cambia colore selezione testo
Commenti in CSS
Esempio:
Icone Unicode comuni
un [...
Comprimi CSS con PHP
iniziare il vostro file CSS con questo PHP (e il nome style.php):
Nastro d'angolo
Cross Browser Inline-Block
li
Cross Browser Opacity
questi giorni, è veramente don "t devono preoccuparsi di opacità essere una cosa difficile cros...
Cross-Browser hr Styling
Altezza minima del cross-browser
div
CSS Box Shadow
Utilizzato per eliminare le ombre dagli elementi a livello di blocco (come i div).
Gradiente Conico CSS
Un gradiente conico è simile a un gradiente radiale
Diagnostica CSS
Trova gli errori in HTML ed evidenziali.
Famiglie di caratteri CSS
Layout griglia Grid Starter
Questa è una raccolta di modelli di avvio per layout e motivi utilizzando
Hacks CSS che puntano a Firefox
Gradiente lineare CSS
Forse il tipo più comune di gradiente che vediamo nel web design è il linear-gradient()
Solo CSS precaricamento immagine
Uno dei motivi principali per utilizzare il preloading dell'immagine è se si desidera utilizzar...
Gradiente radiale CSS
Quando parliamo di gradienti, vale la pena iniziare dal fatto che i gradienti sono una sostituz...
Gradienti ripetuti CSS
I gradienti ripetuti richiedono un trucco che possiamo già fare con l'uso creativo di col...
CSS Text Shadow
Il testo normale ombra:
Triangolo CSS
Zebra CSS3 Striping a Table
tbod...
Caselle di controllo personalizzate e pulsanti di opzione
I selettori qui sono specifici del markup Wufoo, ma i concetti al lavoro possono funzionare per...
Stile di inserimento file personalizzato in WebKit/Blink
Pulsanti radio personalizzati
Sfumatura diagonale per carta millimetrata
#example-gradient { height: 200px; margin: 0 0 20px 0; background-color: #eaeaea;...
Drop Caps
Fine articoli con Ivy Leaf
p
Centra esattamente un'immagine/Div orizzontalmente e verticalmente
Navigazione in scatole espandenti
Dal design v8 di CSS-Tricks.
Fancy Ampersand
Dan Cederholm ha utilizzato a lungo la e commerciale Baskerville italica, e ci dice di
Fixed Footer
Posizionamento fisso in IE 6
*
Capovolgi un'immagine
Puoi capovolgere immagini con CSS! Scenario possibile: avere un solo grafico per una "freccia",...
Tipografia fluida
Ottenere diritto di codice, qui "SA lavorare implementazione:
Stenografia dei font
Stack di font
Forza il caricamento del pulsante di input sul lato destro in WebKit
Firefox e IE hanno il pulsante "scegli file" a destra del filepath, mentre Webkit lo mette a si...
Forza la barra di scorrimento verticale
html...
Forzare la stampa in scala di grigi
Al momento in cui scriviamo, questo funziona solo in Chrome 18+, ma "s
Dare agli elementi cliccabili un puntatore del cursore
un [...
Punti salienti di ingresso blu incandescente
Come la metà del 2012 Twitter. ingresso
Testo sfumato
Questo è solo WebKit, ma è il modo più pulito per realizzarlo poiché il testo rimane testo web ...
Sottolineato Gradiente
un
Gestione di parole lunghe e URL (forzatura di interruzioni, sillabazione, ellissi, ecc.)
Ci sono momenti in cui una stringa di testo molto lunga può traboccare il contenitore di un lay...
Gestione di parole lunghe e URL (forzatura di interruzioni, sillabazione, ellissi, ecc.)
Abbiamo spostato questo snippet sul nostro snippet canonico su questo arg...
Esagono con ombra
<div class="hexagon"><span></span></div>
Nascondi la barra di scorrimento in Edge, IE 10/11
Si può rendere scomparsa automatica, invece di sempre-mostra:
Internationalization Language CSS
Orientamento iPad CSS
CSS specifici per iPad
Sintassi dell'animazione di fotogrammi chiave
Carta stratificata
Link Pseudo-Classes (in ordine)
un
Crea un testo "Pre"
Testo in < pre> i tag non vengono inseriti per impostazione predefinita, ad esempio, vedi...
Inserisci input non password Utilizza elenchi puntati (o elenchi puntati)
Funziona su input di texty (ad es. Testo, email, ecc.) Ma non è possibile modificare gli input ...
Media query per dispositivi standard
Se pensi che la risposta sia semplice, mi sento male per te figlio. Abbiamo 99 fine...
Ripristino Meyer
html...
Mixins per il dimensionamento dei caratteri rem
Il reml'unità di misura dei caratteri è simile a em, solo invece che ...
Scorrimento dinamico su iOS Overflow Elements
Le pagine Web su iOS di default hanno uno scorrimento di tipo "slancio" in cui un colpetto del ...
Monotona un'immagine con i CSS
È sempre possibile applicare un filtro a un elemento per rendere monotono nel senso in scala di...
Sintassi di sfondi multipli
browser che supportano sfondi multipli (WebKit dai primissimi giorni, Firefox 3+) utilizzare un...
Bordi multipli
Colonne multiple
Ecco un esempio di una semplice classe tre colonne:
Colori nominati ed equivalenti esagonali
504 Gateway Time-out 504 Ga...
Cartelle nidificate e espandibili
Questa era una demo originariamente di Martin Ivanov, che utilizzava caselle nascoste e combina...
Immagine URI dati rumore
back...
Aspetto Fieldset non form
<section class="fieldset"> <h1>This is not a fieldset</h1> <p>...
Ridimensionamento delle immagini non terribile in IE
img
Blocco di orientamento
Pagina Ombre arricciate
ul
Perfect CSS Sprite/Pulsante per porte scorrevoli
Pulsanti stile Picross
Come in, il giocoPICROSS3D.
PNG Hack/Fix per IE 6
Prevent Bounce Scroll in Lion
Assicurati di azzerare il margine e il riempimento anche su quegli elementi (normale in qualsia...
Evita che gli apici e gli abbonati influiscano sull'altezza della linea
sup,...
Stampa URL dopo i collegamenti
Abbreviazioni di qualità
Colore leggermente più chiaro (presupponendo che il testo sia nero), bordo inferiore punteggiat...
Rimuovi il testo del pulsante in IE7
HTML:
Rimuovi i bordi dei collegamenti punteggiati
I bordi tratteggiati attorno ai collegamenti sono una funzionalità di accessibilità che la magg...
Rimuovi l'evidenziazione in grigio quando tocchi link in Mobile Safari
-web...
Rimuovi margini per First/Last Elements
A volte può essere desiderabile rimuovere il margine superiore o sinistro dal primo elemento in...
Rimuovi Scrollbar da Textarea in IE
Di default tutte le versioni di IE hanno una barra di scorrimento su textareas, anche quando so...
Rimozione della struttura punteggiata
un
Retina Display Media Query
Per includere la grafica ad alta risoluzione, ma solo per gli schermi che possono farne uso. "R...
Inversione del testo
Per le lingue da destra a sinistra, è possibile scambiare il layout predefinito da sinistra a d...
Nastro
Angoli arrotondati
Scala su Hover con Transition
Porta i tuoi prefissi!
Significa "Bombe PDF"
Qualsiasi ol link di ancoraggio può essere un collegamento a un documento PDF, ma fare clic su ...
Semplice e piacevole stile Blockquote
Il blockquote viene visualizzato nei browser conformi agli standard con l'effetto "virgolette p...
Slide in Image Boxes
Dal piè di pagina del design v8 di CSS-Tricks.
Faccina sorridente
Richiede jQuery e jQuery UI per il cursore effettivo. La faccia è composta da elementi realizza...
Tema solarizzato per CodeMirror e Prettify
Qui "s perGoogle Code P...
Menu Spinny Leaf
<nav> <ul class="top-menu"> <li><a href=#>Home</a>&...
Effetto carta impilata
Una tecnica di progettazione diffusa è quella di creare un contenitore di contenuto simile a un...
Sostituzione standard delle immagini CSS
h1#logo { width: 200px; // width of image height: 100px; // height of image ba...
Testo di Star Wars Crawl
L'apertura a Star Wars è iconica. L'effetto del testo che scorre sia in alto che in allontaname...
Piè di pagina appiccicoso
Funziona alla grande se è possibile applicare un'altezza fissa al piè di pagina.
Collegamenti di stile a seconda della destinazione
un [...
Stile Override tecnica
p
: Segnaposto-mostrato
Il :placeholder-shownpseudo-class selezional'elemento input stesso
Stack di caratteri di sistema
L'impostazione predefinita per il tipo di carattere di sistema di un particolare sistema operat...
Testo Dripping Blood
Rotazione del testo
The Clearfix: Forza un elemento per auto-cancellare i suoi figli
Questo farà si bene in questi giorni (IE 8 e fino):
Attiva / disattiva visibilità quando nascondi elementi
Il team di sviluppo di Medium ha discusso alcune cattive pratiche
Top Shadow
ombra lungo il bordo superiore del sito, in questo modo:
Immagini di sfondo trasparenti
Non esiste una proprietà CSS background-opacity, ma è possibile simularla inserendo uno pseudo ...
Bordo interno trasparente
Punti elenco triangolari
ul
Tronca la stringa con l'ellissi
Sono richiesti tutti i seguenti, quindi il testo deve essere in una linea retta che trabocchi d...
Angoli nascosti
Spegni i filatori di input numerici
I browser desktop WebKit aggiungono piccole frecce verso il basso per immettere numeri chiamati...
Blocchi e testo tridimensionali bicolore
Possiamo usare più text-shadowe box-shadowI valori per creare un look...
Effetto macchina da scrivere
Utile CSS3 MENO Mixin
504 Gateway Time-out 504 Ga...
Usando @ font-face
Il @font-faceregola consente di caricare caratteri personalizzati su una pagina we...
Quando si estende un selettore con @extenddirettiva, Sass non accetta il contenuto...
Tipo avanzato di controllo
Questa raccolta di funzioni serve per verificare se il valore di una variabile è di un certo ti...
Mixin BEM
la migliore introduzione alla BEM è da
Opacità in bianco e nero
It "s abbastanza comune avere bisogno di un po 'di trasparente bianco o nero In CSS, si può far...
Memorizzazione nella cache del selettore di corrente (&) in Sass
Il &il carattere in Sass è unico in quanto rappresenta il selettore corrente. ...
Centratura Mixin
Supponendo che l'elemento padre abbia position: relative;, queste quattro propriet...
Clamping a Number
In informatica, utilizziamo la parolamorsettocome modo per limitare un numero tra altr...
Funzione di luminanza del colore
Quando si scava in profondità nella teoria del colore, c'è qualcosa chiamato
Aggiunta corretta dell'unità al numero
Durante la conversione di un numero senza unità ad una lunghezza, la durata, l'angolo o qualsia...
Miscela di copertura
mi ritrovo con queste proprietà insieme tutto il tempo, che in genere è una buona opportunità p...
CSS Triangle Mixin
C'è un trucco CSS molto popolare che usa i bordi trasparenti su un elemento di altezza 0 ~ 0 di...
Mixin di barre di scorrimento personalizzate
Le barre di scorrimento sono una di quelle componenti dell'interfaccia utente presenti in quasi...
Deep Get/Impostato in Maps
Quando si lavora su architetture Sass complesse, non è insolito usare le mappe Sass per mantene...
Easing Map Get Function
Le curve di Bézier possono essere utilizzate per aggiungere bellissimi effetti alle transizioni...
Correggere un numero in N cifre
Quando si tratta di numeri in JavaScript o in qualsiasi altro linguaggio di programmazione, esi...
Funzioni di programmazione funzionale
Per i produttori di librerie e i costruttori di framework, avere un paio di funzioni extra per ...
Mantenere il rapporto di aspetto Mixin
Que...
Mixin di ombre di materiale
Material Designultim...
Mixin per il posizionamento offset
Se c'è una sola abbreviazione con CSS che manca drammaticamente, è quella che permette di defin...
Mixin per gestire i punti di interruzione
Le creazioni di Responsive Web Design spesso esistono su diversi punti di interruzione. Gestire...
Mixin to Prefix Properties
Nel caso in cui "re interessati a gestire il proprio fornitore CSS prefisso (piuttosto che, dic...
Mixin per qualificare un selettore
Non esiste un modo semplice per qualificare un selettore all'interno del suo set di regole asso...
Funzione di direzione opposta
Sass frameworkCompassforn...
Posizionare oggetti su un cerchio
Può essere piuttosto difficile mettere gli elementi su un cerchio con i CSS. Solitamente, finia...
Funzione di alimentazione
Anche se molto utile con l'aritmetica, Sass cade un po 'in meno con le funzioni di supporto mat...
Funzioni da Px a Em
Noi "ve parlato di"Perché Ems"qui p...
Sass cose per i collegamenti
via
Funzioni di assistenza per asset semplici
Affrontare percorsi è sempre un po 'fastidioso, concederai. Fortunatamente, è estremamente semp...
Semplificazione di contesti ed eventi
Sass può in qualche modo essere un po 'una scatola nera, soprattutto per i giovani sviluppatori...
Funzione di ordinamento
Sass non fornisce alcun modo integrato per ordinare un elenco di valori. Grazie alle funzioni d...
Funzione di sostituzione forzata
Sass fornisce una raccolta di utili funzioni per manipolare le stringhe, tuttavia non esiste al...
Funzione strip-unit
C'è molta confusione sul modo in cui le unità funzionano in Sass. Tuttavia, funzionano esattame...
Mixin sfumato a strisce
Un modo popolare di disegnare strisce in CSS per definire un gradiente lineare con interruzioni...
Funzioni di tonalità e ombra
Entrambi lightene darkenle funzioni manipolano la luminosità di un co...
Utilizzare una variabile Sass per un selettore
Supponiamo che tu debba utilizzare un determinato selettore in più punti del tuo codice. E "Non...
Tipografia di dimensioni Viewport con dimensioni minime e massime
Dichiarare le dimensioni dei caratteri nelle unità viewport
Opzioni di esportazione di Adobe Illustrator
Questo è meno di uno snippet e più di un promemoria per qualcosa che guardo spesso. Quando si c...
Testo curvo lungo un percorso
Possiamo scorrere il testo lungo una linea curva con tre strumenti incorporati direttamente in ...
Forma le icone di Morphing nel bottone sul clic
L'idea qui è usare un'icona SVG in un pulsante e scambiare l'icona con un'altra quando si fa cl...
SVG Knockout Text
L'idea qui è di immaginare tre strati sovrapposti uno sopra l'altro in cui lo strato superiore ...
Modelli SVG
L'SVG <pattern>l'attributo ci consente di definire i pattern all'interno del...
Testo Lock-Up
301 reindirizzamenti
Questo è il modo più pulito per reindirizzare un URL. Veloce, facile e amichevole nei motori di...
Compressione Gzip attiva
La compressione riduce i tempi di risposta riducendo la dimensione della risposta HTTP. Gzip è ...
Consenti singolo URL tramite la protezione della password .htaccess
Questo codice è utile per le configurazioni multi-ambiente (staging, produzione, ecc.) Che ti p...
Aggiungi/Prepend Files
Piuttosto che dover chiamare/includere un file di cui hai bisogno su ogni singola pagina, puoi ...
Pagine di errore personalizzate
ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 40...
Negare e consentire l'accesso
Pagina indice dell'indice diverso
Norm.index.html o index.php è la pagina predefinita utilizzata da un server quando visita una d...
Fancy Indexing
Aggiunge font a larghezza fissa, dimensioni e data del file, capacità di ordinamento. Propaga a...
Force set di caratteri utf-8
Se non è possibile modificare la configurazione del server Apache, utilizzare questo codice per...
Forza il tipo di contenuto corretto per i documenti XHTML
La maggior parte dei server Web fornisce contenuti XHTML cometext/htmlquale è definiti...
Forza richieste Favicon per correggere la posizione
Per qualsiasi ragione pazzesca, forse i malintenzionati scanner del sito, i requisiti per un se...
Forza i file da scaricare (non aperto nel browser)
AddType application/octet-stream .csv AddType application/octet-stream .xls AddType app...
Forza HTTPS
RewriteEngine on RewriteCond %{HTTPS} !on RewriteRule (.*) https://%{HTT...
Ottieni la pagina delle statistiche di Dreamhost Lavorando su un sito WordPress
Per i siti web ospitati con Dreamhost, si dispone di una pagina di analisi predefinita su yours...
Rilevazione iPad
Ovviamente, l'iPad è uno schermo piuttosto grande e un browser pienamente capace, quindi la mag...
Catcher per iPhone
<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} .*iPhone...
Password Proteggi cartella (s)
Mettere in file .htaccess nella directory che si sta tentando di proteggere:
Registrazione errori PHP
Registra gli errori in un file e impedisce di mostrarli all'utente. Assicurati che il file esis...
Impedisci l'hotlink delle immagini
RewriteEngine On RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yourdomain\.com/ [NC] Rewr...
Rimuovi l'estensione del file dagli URL
RewriteRule ^ about $ about.php [L] Quel pezzetto rend...
Offri SVG con il tipo di contenuto corretto
Se stai cercando di usare SVG come <img src="image.svg">o come CSS bac...
Imposta scade
L'impostazione "expires" indica ai browser di scaricare questi file che non è necessario richie...
Shock Teenage Gangsters con reindirizzamento wp-config
Email divertente da un lettore, che ho pensato sarebbe un buon post: Questo ...
URL di sottodirectory Reindirizzamento interno a stringa di query
L'URL nel browser potrebbe essere: http://css-tricks.com/index.php/inse...
Manutenzione temporanea con Mod_Rewrite
# Non dimenticare di accendere il motore di riscrittura RewriteEngine ...
Usa PHP all'interno di JavaScript
Questo è stato testato solo sui server Media Temple (gs). Nella cartella con il JavaScri...
WWW/No-WWW
Dovresti davvero fare l'uno o l'altro. Per coerenza, così come s SEO ", sake.
Pulsante "Torna indietro"
Browser già "indietro" pulsanti, in modo da "d meglio avere un buon motivo per maledettamente b...
Booklet 1024 × 768
I giorni degli schermi 800x600 sono quasi finiti, ma la maggior parte di noi prova ancora ad ac...
Aggiungi un numero a due variabili contemporaneamente
È possibile inizializzare due variabili per lo stesso valore in una sola volta, un po ':
Aggiungi attributo dati dell'agente utente
Aggiungi a Preferiti (IE)
<a href="http://site.com" onclick="window.external.AddFavorite(this.href,this.innerH...
funzione addClass
Se si sta andando senza librerie, potrebbe essere necessario eseguire la propria funzione in qu...
addEventListener Polyfill
Matrice di nomi di paesi
Caricatore di script asincrono con callback
Pulsanti di condivisione asincrono (G +, Facebook, Twitter)
Alcuni di questi servizi già (in modo intelligente) forniscono i propri script in modo asincron...
Auto Seleziona Textarea Text
Avviso di base
Associare eventi diversi al clic e doppio clic
Si potrebbe desiderare che un collegamento abbia un'azione speciale quando si fa doppio clic ch...
Rompere di iframe
Chiama la funzione con il timer casuale
Controlla se la famiglia di font è onorata
Controllare se la funzione esiste prima di chiamare
Quando si usano script condivisi tra diverse aree di un sito, possono esserci casi in cui viene...
Controlla se il numero è pari/Dispari
Clear Field on Focus
Commenti in JavaScript
Converti poligono in dati di percorso
Ho dovuto farlo alcune volte di recente, quindi ho pensato di salvare il metodo. StackOverflow ...
Cookie Getter/Setter
Predisposto per domini senza dipendenza cross-browser
Denis Ciccale "s versione...
CSS per quando JavaScript è abilitato
documento
Pagina corrente con JavaScript
Questo è come un sostituto per PHP "s SCRIPT_NAME con. JavaScript
Argomenti predefiniti per le funzioni
Rileva Internet Explorer
Rileva Javascript On/Off, con notifica
Foglio di stile diverso in attesa dell'ora del giorno
Stylesheet diversi per diversi giorni della settimana
Svuota una matrice
Questo è uno dei modi più semplici e veloci per svuotare un array. Naturalmente ci possono esse...
Registrazione della console senza errori
Correggere IE 10 su Windows Phone 8 Viewport
Valuta il formato
Questa funzione arrotonda i numeri a due posizioni decimali e garantisce che il valore restitui...
Ottieni tutti gli eventi DOM possibili
Puoi ottenere un array di tutti gli eventi che iniziano con "on" (ad es. Onclick) eseguendolo n...
Ottieni dimensioni oggetto
Come in, il numero di tasti. Funzione
Ottieni parti URL e URL in JavaScript
JavaScript può accedere all'URL corrente in parti. Per questo URL: http://css-tricks.com...
Ottieni le variabili URL
Ottieni la chiave YouTube da un link
Variabili globali
Dichiarare di fuori variabili della funzione ...
htmlEntities per JavaScript
htmlentities () è una funzione PHP che converte i caratteri speciali (come <) nei loro valor...
Inietti nuove regole CSS
Se è necessario modificare lo stile di un elemento con JavaScript, è in genere preferibile modi...
Inserisci con scomparendo l'immagine di sfondo
Questo replica la funzionalità dei campi di ricerca di Google incorporabili standard. Hanno un'...
intervalli
Array JavaScript contiene
Gli oggetti Javascript sono davvero belli, ma a volte mancano alcune utili funzioni/metodi. L'e...
JavaScript MD5
504 Gateway Time-out 504 Ga...
Contenuto richiesto JavaScript con contenuto di fallback
L'area richiesta JavaScript è nascosta con CSS in linea e quindi visualizzata dopo il caricamen...
KeyboardEvent Value (keyCodes, metaKey, ecc.)
Quando a KeyboardEventsi accende, è possibile verificare quale tasto è stato premu...
Immagini di caricamento pigro
Utilizzare a blank.gifcome il srcdi immagini e includere il wid...
Schiarisci/Scurisci colore
I preprocess CSS CSS e LESS possono assumere qualsiasi colore e scurire () o schiarire () con u...
Loop Over querySelectorTutte le corrispondenze
È possibile eseguire il loop su array facilmente in JavaScript con forEach, ma sfo...
Loop Through Array senza ricerche sprecate
Trova la lunghezza dell'arrayprima diusandolo nella funzione for, quindi non h...
Rendi gli elementi HTML5 funzionanti in Old IE
In modo che il DOM (e quindi CSS) li riconosce come elementi reali:
Manipolazione degli eventi moderna
Sposta il cursore alla fine dell'input
Dove elè un riferimento a un input o una textarea.
Variabili di stringa multilinea in JavaScript
Questo funziona:
Modello Javascript classificato
Funzione anonima autoinvocante assegnata al yournamespacechoicevariabile globale. ...
API di visibilità della pagina
<!DOCTYPE HTML> <html> <head> <script type="text/jav...
Eseguire la funzione a intervalli temporizzati
svolgono una funzione ogni secondo:
Previeni lo sfarfallio dell'immagine di sfondo in IE
Impedire JavaScript incorporato dalla convalida non riuscita
Hai mai visto la roba CDATA in JavaScript e ti chiedi a cosa servisse? È per impedire al valida...
Stampa oggetto su schermo
PHP ha una bella funzioneprint_rper sta...
Inserisci i valori della virgola in numeri
Questa funzione presuppone che cosa viene sottoposta ad esso è una stringa, con un punto decima...
Colore esadecimale casuale
Reindirizzare
Reindirizza i dispositivi mobili
Reindirizza a SSL
Finestra
Rimuovi un elemento
Per qualsiasi motivo, un elemento può "t si distruggerà in JavaScript jQuery
Rimuovi gli stili incorporati
Questa funzione conserva anche il contenuto nascosto. Funzione
Rimuovi l'ultimo carattere da una stringa
Sostituzioni per setInterval Utilizzo di requestAnimationFrame
Quando si parla di animazione, ci viene detto che setIntervalè una cattiva idea Pe...
Salvataggio di modifiche al contenuto modificabili come JSON con Ajax
Elementi con contenteditablel'attributo può essere modificato direttamente nella f...
Seleziona un oggetto casuale da una matrice
Elimina i tag HTML in JavaScript
Elimina i numeri da una stringa
Strip Whitespace From String
Spazio bianco, che significa schede e spazi.
Schede di supporto in Textareas
Normalmente il tasto Tab si sposta sulla prossima cosa messa a fuoco. Questo invece inserisce u...
Prova per Internet Explorer in JavaScript
Verifica se trascinatore/evento di trascinamento contiene file
Il drag and drop HTML5 è ottimo per gestire i caricamenti di file. Ma se quella è l 'unica cosa...
Verifica se l'elemento supporta l'elemento
Non tutti i browser supportano tutti gli attributi su tutti gli elementi. Esistono numerosi nuo...
Prova se Mac o PC con JavaScript
Il test su User Agent fa schifo, ma a volte ne hai bisogno per cose sottili. Nel mio caso lo st...
Attiva / disattiva (Mostra/Nascondi) Elemento
Unescape HTML in JS
Convalida il booklet HTML
JavaScript
Dimensioni della finestra, risoluzione dello schermo, posizione del mouse
Questo codice è compatibile con più browser e controlla le dimensioni del viewport, la risoluzi...
Contatore di segnalazioni di parole
Aggiungi alla barra dei preferiti, seleziona il testo, fai clic per ottenere il conteggio delle...
Un equivalente jQuery hasAtrtr ()
jQuery non ha davvero un .hasAttr()funzione. Potresti presumere che lo faccia, ma ...
Aggiungi: nth-of-type a jQuery
$.expr[':']['nth-of-type'] = function(elem, i, match) { var parts = match[3].split(...
Aggiungi classe di navigazione attiva in base all'URL
Idealmente si uscita questa classe dal lato server, ma se si può "t ... Let" s dire che ...
Aggiungi spazio senza interruzioni sul titolo per impedire le vedove
Aggiunta di/Rimozione della classe al passaggio del mouse
Altezza animata/Larghezza su "Auto"
Non è possibile fare thing.animate({ "height": "auto" });. Quindi questo è il meto...
Aggiungi sovrapposizione sito DIV
Scopri automaticamente i collegamenti dei documenti e applica la classe
Migliore gestione delle immagini rotte
Le immagini mancanti visualizzeranno semplicemente nulla o visualizzeranno un [? ] casella di s...
Rilevamento browser + Applica classi all'elemento HTML
Calcola la distanza tra mouse ed elemento
Cambia WMode con jQuery
Se non si imposta la wmode su un embed flash, questa verrà spostata sulla parte superiore di un...
Controlla gli elementi vuoti
fare qualcosa per ogni elemento vuota trovata:
Controlla se Checkbox è selezionato
Dire che 10 volte veloce =). Scopri se una singola casella è selezionata o meno, restitu...
Controlla se l'elemento esiste
Controlla se l'elemento si trova all'interno di un altro elemento specifico
Sostituisci il primo selettore con il bambino che stai testando e il secondo selettore con il g...
Controlla se l'evento è stato attivato o nativo
( "bottone")
Controlla se jQuery è stato caricato
Cancella un input di file
Puoi semplicemente clonarlo e sostituirlo con se stesso, con tutti gli eventi ancora collegati....
Cancella stringa di ricerca predefinita su Focus
( "# s")
Fare clic su Una volta e Annulla
Qualcosa accade in un evento click, ma solo una volta! Separa il gestore di clic dopo che l'ele...
Combina le funzioni di diapositiva e dissolvenza
$
Confronta oggetti jQuery
Si può "t confrontare veramente se due oggetti jQuery sono gli stessi ...
Pedala attraverso una lista
Questo codice scorrerà ciclicamente una lista non ordinata con un ID di "ciclelist". Può essere...
Rileva il primo elemento visibile di determinate classi
Aggiunge una classe di "prima" al primo elemento che ha una classe di "attività" che è visibile...
Disabilita/Riattiva gli ingressi
Disabilita:
Disabilitare i collegamenti principali nella navigazione dell'elenco nidificato
Codice jQuery che disattiva i collegamenti padre per i menu a discesa. Il menu dovrebbe essere ...
Visualizza il browser e la versione
Questo è jQuery specifico, e contiene un po 'di una correzione hack/per trattare con Chrome. Fu...
Mostra l'ultimo Tweet
Il codice seguente non funziona più così com'è con l'aggiornamento dell'...
Mostra l'ultimo post di FeedBurner
Questo snippet visualizzerà l'ultimo post in un feed FeedBurner specificato. Basta impostare l'...
Visualizza la grafica di caricamento fino alla pagina completamente caricata
<!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8...
Visualizza solo i primi X Div, attiva / disattiva il resto
Fine evento di ridimensionamento
se si "ri abituati a qualcosa di simile...
Trascinabile senza interfaccia utente jQuery
'doesn "t hanno tutti i richiami e le opzioni di fantasia, ma hey, rende le cose trascinabile (...
Equalize Heights of Divs
Escludere $ (this) dal selettore
Let s "dicono che si desidera allegare un gestore clic per ogni link su una pagina. La funzione...
Dissolvenza dell'immagine in un'altra immagine
Crea un div che corrisponde alla dimensione esatta dell'immagine. A questo div verrà applicata ...
Dissolvenza di un'immagine a un altro menu
Crea un'immagine sprite CSS, con la metà superiore e la metà inferiore tra le due immagini che ...
Fallback per jQuery ospitato da CDN
Diverse grandi aziende offrono copie di jQuery ospitate sul loro CDN (Content Delivery Network)...
Trova tutti i collegamenti interni
Trova tutti i collegamenti che iniziano con il dominio dei siti, una barra, il percorso del fil...
Trova e avvolgi e commerciale
Caricaquesto p...
Evento incendio quando l'utente è inattivo
Vedere le due righe commentate di seguito, ovvero dove è possibile inserire il codice per le co...
Correzione Min/Max-Width per i browser senza supporto nativo
Questo script controlla tutti gli elementi con una classe di .fixMinMaxwidth e osserva la fines...
Correggi il problema Seleziona Dropdown Cutoff in IE 7
Esegui (almeno la parte "Uso" di seguito) dopo aver caricato jQuery e alla fine della pagina o ...
Fix .load () in IE per immagini memorizzate nella cache
La funzione .load () si attiva quando l'elemento su cui è chiamato è completamente caricato.È c...
Risolvere IE z-index
Questa non è una soluzione definitiva per risolvere tutti gli strani problemi di IE z-index, ma...
Forza iframe per ricaricare
Ottieni una larghezza nativa di immagini
Se selezioni e immagini con jQuery e poi usi .width(), otterrai la larghezza attua...
Ottieni query come oggetto
Nicholas Ortenzio
Evidenzia tutti i collegamenti alla pagina corrente
Evidenzia l'etichetta correlata quando inserisci in focus
$
Preloader di immagine
Modo molto semplice per precaricare le immagini che sono necessarie in seguito (ad es. Quando v...
Input che ricordano il valore originale
Inserisci elemento tra altri elementi
Ad esempio, se si dispone di cinque paragrafi in una riga e è necessario inserire un tag di int...
jQuery Duplicate Plugin
$
jQuery JSON ottiene con la cattura degli errori
jQuery ha una funzione incorporata chiamata getJSON () per semplificare le richieste AJAX per i...
jQuery Plugin Template
Sostituisci le istanze di "yourPluginName" con il nome del plug-in effettivo. Le cose su "radiu...
jQuery Sticky Footer
In generaleCSS Stick...
jQuery Tweetify Text
jQuery Zebra Stripe a Table
Codice Konami
Link Nudging
Carica solo jQuery se non presente
Diciamo che avresti intenzione di fare un inclusione su un intero gruppo di pagine, e all'inter...
Carica solo una sezione di una pagina
Caricamento di jQuery
Rendi cliccabile l'intero div
. Update:questo probabilmente isn "ta cosa è necessario fare affidamento su Jav...
Crea jQuery: contiene maiuscole e minuscole
Sposta gli elementi della lista cliccati in cima all'elenco
Supponendo HTML come questo:
Sposta il cursore alla fine di Textarea o Input
Codice per spostare il cursore sull'estremitàdel testo corrente all'interno dell'input...
Titolo
L'impostazione del valore di un'area di testo sposta il cursore alla fine. Quindi non vi resta ...
Apri collegamenti esterni in una nuova finestra
ExternalHTML jQuery Plugin
innerHTML () è nativo e restituisce il contenuto di un nodo DOM (ad es. <span>I liv...
Aggiornamento parziale della pagina
Aggiornare determinati elementi di una pagina utilizzando jQuery dopo un determinato periodo di...
Forza della password
Incolla eventi
$
Intestazioni persistenti sulle tabelle
Quando scorri verso il basso una pagina con una lunga tabella, in genere l'intestazione del tav...
Rimuovi il valore specifico dalla matrice
Ridimensiona iFrame per adattarsi al contenuto (solo per lo stesso dominio)
Normalmente si imposta e larghezza e altezza per iframe. Se il contenuto all'interno è più gran...
Esegui JavaScript solo dopo aver caricato tutta la pagina
Scorri la pagina orizzontalmente con la rotellina del mouse
Ricerca/Sostituire
Seleziona solo elemento se i bambini non sono animati
Seleziona solo la voce elenco Se non contiene un altro elenco (ed è di primo livello)
Mi rendo conto che questo è piuttosto specifico, ma ho dovuto scrivere questo selettore in prec...
Serializza modulo su JSON
$
Imposta/Cancella valore di input predefinito
Mischia i bambini
Bella versione pulita di un ghetto
Shuffle DOM Elements
Questo è di James Padolsey. Scopri
Presentazione automatica con riproduzione automatica
Semplice fisarmonica jQuery
Collegamenti di sfondo scorrevoli
Obbligazione più intelligente
Menu a comparsa in stile
Questa idea proviene da Veer.com e come gestiscono i menu a discesa per cose come
Solo target Collegamenti esterni
Verifica se almeno una casella di controllo è selezionata
In questo esempio, un pulsante di invio è disabilitato se nessuna delle caselle di controllo è ...
Attiva / disattiva testo
Supponiamo che tu abbia un link per mostrare più opzioni che espandono un elenco di opzioni. Di...
Track Window Ridimensiona tramite Google Analytics
Sparkbox
Trigger Fare clic su Input quando si fa clic sull'etichetta
Le etichette dovrebbero avere attributi "per" che corrispondono all'ID dell'ingresso che stanno...
Evento a triplo clic
$
Sottolinea le singole parole
Non esiste un CSS per applicare una sottolineatura ( text-decoration: underline;) ...
Convalidare l'età
Questo snippet presupponeva un modulo HTML con ID di "age-form" e tre input (testo o select) co...
Evento di caricamento della finestra con ritardo minimo
window.load può sparare super duper velocemente se la pagina è memorizzata nella cache. Se si d...
Lavorare con gli attributi
Rimuovi gli attributi di larghezza e altezza dalle immagini inserite
Quando si carica un'immagine tramite l'uploader di media di WordPress e quindi la si inserisce ...
"Modifica questo" pulsante su post e pagine
Aggiungi il nome della categoria a body_class
La funzione body_class
Aggiungi classe ai collegamenti generati da next_posts_link e previous_posts_link
Queste due funzioni creano collegamenti di ancoraggio, e puoi personalizzarne molti, ma è impos...
Aggiungi/rimuovi i campi delle informazioni di contatto
I profili utente in WordPress hanno per impostazione predefinita questi campi per Info contatto...
Link del pannello di amministrazione solo per amministratori
Consenti SVG tramite WordPress Media Uploader
NOTA: A partire da 4.7.1 questo non funziona più esattamente come pubblicato qui
Applica CSS personalizzato all'Area amministrativa
Aggiungi al file functions.php:
Link di social media automatici
Questo andrebbe aall'interno del loop, probabilmente sotto the_content (), pro...
Commenti su threaded base Styling
ol
Shortcode Bloginfo
La funzione bloginfo () in WordPress consente di accedere a molte informazioni utili sul tuo si...
Cambia dimensione avatar
La funzione wp_list_comments ha un parametro per cambiare la dimensione predefinita (48px) in q...
Pagina di errore del database personalizzato
Metti un file chiamato "db-error.php" direttamente nella tua cartella/wp-content/e WordPress lo...
Custom Loop/Query basata su campi personalizzati
Ultimo aggiornamento di
Personalizza commenti commenti
In un tipico tema WordPress è possibile visualizzare l'intera lista di commenti per una pagina ...
Personalizza pagina di accesso
Sai, quello in genere su yoursite.com/wp-login.php. Queste sono cose che si metterebbe in tema ...
Rileva gli elenchi e li incorpora
Basta postare un collegamento aGitHub Gist
Disabilita formattazione automatica
Disabilita formattazione automatica utilizzando uno shortcode
function my_formatter($content) { $new_content = ''; $pattern_full = '{(\...
Mostra una nuvola di tag
Mostra informazioni sull'autore
L'immagine che viene visualizzata per l'autore viene dall'indirizzo e-mail impostato per quell'...
Visualizza l'immagine accanto a ogni tag
<?php $posttags = get_the_tags(); // Get articles tags $home = get_bloginfo('url'); ...
Visualizza Post Divider In Between Posts
Subito prima della chiusura di The Loop, inserire questo codice:
Scarica tutti i campi personalizzati
WordPress ha una funzione incorporata, the_meta (), per l'output di tutti i campi personalizzat...
Tag titolo dinamico
Incorporare una pagina all'interno di una pagina
Abilita tutti i possibili formati di post
Per il tuo file functions.php nel tema.
Pulsante "Mi piace" di Facebook per WordPress
Ecco qui un codice copia-e-incolla molto semplice da aggiungere al modello per i post del blog ...
Trova l'ID della pagina principale per la maggior parte
Questo troverà l'ID della pagina padre più in alto, in una pagina figlio annidata. Ad esempio, ...
Ottieni contenuti per ID
Apparentemente non esiste una succinta funzione WordPress per il solo ritorno del contenuto di ...
Ottieni l'URL dell'immagine in primo piano
Le miniature dei post sono piuttosto utili e facili da usare in WordPress. Basta aggiungere:
Ottieni l'ID dal nome della pagina
Aggiungi functions.php del file:
Prendi la prima immagine da un post
Diciamo che volevi usare la funzione di post miniatura di
Shim HTML5 in functions.php
Potresti anche tenere pulito il tuo header.php e inserire lo shim dal file functions.php.
Identifica il corpo in base all'URL
Se la pagina è padre o figlio
Ci sono costruiti in funzioni WordPress condizionali per il test di una pagina:
Includi qualsiasi file dal tuo tema
Include jQuery in tema WordPress
Quanto segue è il modo migliore per farlo. Aggiungere il seguente al tema "file di s functions....
Aumenta il limite di dropdown dei campi personalizzati
per il file functions.php o plugin personalizzato:
Inserisci le immagini con la figura/Figcaption
Per un semplice plugin o un file functions.php:
Inserisci immagini nell'elemento Figure da Media Uploader
per il file functions.php o un plugin funzionalità: funzione
Elenca messaggi, evidenzia la corrente
WordPress manca di una funzione wp_list_posts () che potrebbe sembrare logica andare con la rob...
Login/Disconnetti e Benvenuto utente
Crea Archives.php Include tipi di messaggi personalizzati
Archives.php mostra solo il contenuto di tipo "post", ma è possibile modificarlo per includere ...
Sposta la barra di amministrazione di WordPress in basso
Pre WordPress 3.3 solo.Aggiungi questo CSS al tuo file CSS, aggiungi tutto il ...
Ordinamento naturale usando la meta chiave di Post
Estratto di output manualmente
C'è sempreth...
Paginare i tipi di messaggi personalizzati
Impedisci la memorizzazione nella cache CSS
Impedisci ai robot di ricerca di indicizzare i risultati di ricerca
Nel < head> sezione del file header.php: ...
Funzione messaggi recenti
Rimuovi la barra di amministrazione per gli abbonati
Potresti voler aprire la registrazione sul tuo sito WordPress in modo che (per un piccolo esemp...
Rimuovi lo stile inline di Gallery
Rimuovi elementi LI dall'output di wp_nav_menu
È possibile rimuovere o modificare il <ul>contenitore che ottieni per impost...
Rimuovi il collegamento al file manifest WLW
Tipo di inutile inclusione a meno che non si utilizzi effettivamente Windows Live Writer per sc...
Rimuovi i tag dei paragrafi dalle immagini circostanti
Nel caso in cui si desideri avere <img>nei tuoi contenuti ma non li hanno ot...
Rimuovi privato/protetto dai titoli dei post
Per il file functions.php nel tema:
Rimuovi categorie specifiche dal ciclo
Rimuovi il push down di 28px dalla barra di amministrazione
per il file functions.php:
Rimuovi spazi bianchi dall'output della funzione
In WordPress ci sono molte funzioni che producono cose per te. Ad esempio, wp_list_pages () gen...
Rimuovi il metatag del generatore WP
Può essere considerato un rischio per la sicurezza rendere la tua versione wordpress visibile e...
Rimozione di Jetpack CSS
Jetpackè un plugin per WordPress che porta un s...
Sostituisci l'ellips dell'estratto con Permalink
Questo è utile se si desidera sostituire i puntini di sospensione [...] dall'estratto con un pe...
Reimposta password amministratore nel database
Dimentica la password dell'amministratore e non hai accesso all'account e-mail in cui si trova?...
Ripristina password amministratore tramite database
You "ll bisogno di essere in grado di eseguire SQL in quel database, come ad esempio attraverso...
Esegui un ciclo al di fuori di WordPress
Esegui il ciclo sui post di una categoria specifica
Shortcode per il pulsante di azione
Shortcode in un modello
Gli shortcode in WordPress sono frammenti di testo che puoi usare nell'area del contenuto per i...
Mostra i tuoi tweet preferiti con WordPress
Basta sostituire l'URL nella riga fetch_rss sottostante con il feed RSS per i preferiti di Twit...
Riduci la barra di amministrazione/Espandi su Hover
Un mini plug-in:
Commenti spam con URL molto lunghi
Gli URL super lunghi sono un sicuro segno di fuoco se il commento è spam, in questo modo i comm...
la_categoria con esclude
Funzione Il WordPress
Attiva altri pulsanti nell'editor di immagini di WordPress
Questi pulsanti (come quello per aggiungere un <hr>tag) non ci sono per impo...
Attiva Segnalazione errori di WordPress
Commenta la riga superiore e aggiungi il resto al tuo file wp-config.php per ottenere rapporti ...
Utilizzo di campi personalizzati
Anno Shortcode
Per il file functions.php: funzione
Regola ora server
A volte l'ora impostata sul server non è precisa in base all'ora locale. Se non è possibile cam...
Aggiungi le credenziali di accesso all'URL
L'esempio qui è se si disponesse di un modulo su un sito Web che, una volta inviato, era necess...
Aggiungi spazio non interrompente tra le ultime due parole
Applicando anche/Odd Classes
Sintassi di matrice associativa
Anno del copyright automatico
Collegamenti automatici al mailto
$ string
Connessione al database di base, query casuale, visualizzazione del risultato
Utilizzo SimplePie di base
You "ll bisogno di una copia di SimplePie per l'inclusione proprio in cima qui
Costruisci una tabella di calendario
Funzione calendario
Cambia data da gg/mm/aaaa aa aaaa-gg-mm
Cambia grafica in base alla stagione
Cambia il numero del mese in Nome del mese
$ monthNum
Controlla se il file esiste/Aggiungi numero a nome
Se esiste il nome del file, restituisce il nuovo nome di file con _numero aggiunto in modo da d...
Controlla se il sito web è disponibile
Esegue un ricciolo di richiesta per verificare se un sito web esiste/èlinea
Pulizia delle variabili
Le variabili inviate tramite moduli Web devono sempre essere pulite/sanitizzate prima dell'uso ...
Commenti in PHP
Matrice concatenata per lettura umana
Converti caratteri accentati
Ad esempio, se si desidera utilizzare una stringa come parte di un URL ma è necessario renderla...
Converti BR in Newline
Converti stringa separata da virgola in matrice
Un modo semplice per trasformare un file CSV in un array analizzabile.
Converti HEX in RGB
Assegna codice esadecimale funzione (ad es. #eeeeee), restituisce un array di valori RGB.
Count Script Execution Time
$ execution_time
Crea URI di dati
Questi possono essere utili per incorporare immagini in HTML/CSS/JS per salvare su richieste HT...
Crea Unique AlphaNumeric
Funzione
Crea URL Slug da Post Title
Funzione di espressione regolare che sostituisce gli spazi tra parole e trattini.
Ritaglia l'immagine
Visualizza un blocco selezionato di un'immagine. Nell'esempio fornito, vengono mostrati 100 px ...
Cross Domain GET Forwarding
Quando si esegue una richiesta AJAX su un sito Web, l'URL richiesto deve risiedere nello stesso...
Debug $ _REQUEST
Questo snippet visualizza un bel elenco di tutti i dati inviati in una casella trasparente in a...
Rileva richiesta AJAX
L'intestazione HTTP_X_REQUESTED_WITH viene inviata da tutti i browser recenti che supportano le...
Rileva IE5 o IE6
FunzionegetMSIE6(
Rileva posizione per IP
Restituisce "Città, Stato" se viene rilevato diversamente l'impostazione predefinita nella part...
Scopri e visualizza i meta tag
Questa è una pagina completamente in stile che visualizza le informazioni sui meta tag che estr...
Mostra un utente Gravatar da un indirizzo email
Visualizza i contenuti dell'array
echo
Visualizza il conteggio del feed FeedBurner
Mostra contenuto della directory in stile
. server possono essere configurati per mostrare il contenuto di una directory che doesn "t hann...
Email Address Validation
Email Protector
Tempo di attesa in inglese
Basta digitare il tempo che si desidera convertire in secondi in inglese (ad esempio "1 ora e 3...
Pagina di errore per gestire tutti gli errori
Questo è un modo per creare un'unica pagina di errore per tutti gli errori, che è più facile da...
Estrarre gli indirizzi e-mail
Basta passare la stringa (ad esempio la parte del corpo di un messaggio di posta elettronica) a...
Trova tutti i collegamenti su una pagina
Qui "s il principio di base dietro i ragni
Trova estensione file
Metodo
Trova il file con il nome numerico più alto
$ ultima
Trova il percorso completo per un file
Trova gli URL nel testo, Crea collegamenti
Forza Zero iniziale
Genera CSV dalla matrice
Funzione
Generare il link Amazon S3 in scadenza
Non è necessario creare file su Amazon S3 pubblico (non sono predefiniti). Ma puoi generare chi...
Ottieni il numero totale di query MySQL
Ottieni il nome del file corrente
Ottieni l'URL della pagina corrente
Funzione
Ottieni il conteggio degli iscritti di FeedBurner con cURL
$ ch =
Ricevi la data dell'ultimo aggiornamento del file
Ottieni dimensioni file
Ottieni informazioni Geo-IP
Richiede un server geo-IP per controllare, restituisce dove si trova un IP (host, stato, paese,...
Ottieni informazioni sull'immagine
Ottieni l'ultimo stato di Twitter
Il codice seguente non funziona più così com'è con l'aggiornamento dell'...
Ottieni il suffisso del numero dato/Data
Ottieni l'indirizzo IP dell'utente
Conti per i proxy:
Ottieni larghezza/Altezza dell'immagine
Se hai a disposizione di un'immagine è l'URL, è ancora possibile trovare le dimensioni:
Evidenzia una sottostringa
HTML Tidy
Funzione
HTTP o HTTPS
Importa CSV in MySQL
Aumenta la dimensione massima di caricamento PHP
Molti host condivisi limitano molto le dimensioni dei file che possono essere caricati tramite ...
Inserisci elemento ogni ennesimo ciclo
Quando si è all'interno di un loop, è possibile tenere traccia del numero di iterazione del loo...
Controllo intelligente della cache PHP
Questo snippet di codice controlla se una pagina è stata modificata dall'ultima visualizzazione...
Funzione di accesso
Queste funzioni eseguiranno l'accesso a un utente in base a un nome utente e una password assoc...
Crea un numero casuale
Funzione
Classe di backup MySQL
504 Gateway Time-out 504 Ga...
Classe di accesso al database MySQL
504 Gateway Time-out 504 Ga...
MySQL Restore Class
504 Gateway Time-out 504 Ga...
Opzioni per troncare le stringhe
Buffering di uscita
Funzione di impaginazione
Parse JSON
Esegui la funzione su ciascun elemento di una matrice
array_map () accetta due argomenti. Il primo argomento è la funzione da eseguire sul secondo ar...
Array PHP Contiene
Controllare se il valore è nella matrice e le uscite Sì o No
Parametri data PHP
Rilevamento IE PHP
PHP Include
Redirect PHP
PHP Zebra Striping a Table
Loop di validazione POST
Navigazione rapida alfabetica
Potrebbe essere utile per una navigazione in stile rubrica.
Colore esadecimale casuale
Espositore di slogan casuale
Creare un file di testo chiamato slogans.txt con autorizzazioni che può essere letto dal server...
Stringa casuale da caratteri predeterminati
Randomizza l'immagine di sfondo
Randomize File Name
Leggi/Write Files
Restituisce solo una variabile da MySQL Query
Generatore RSS
Hai bisogno di un database MySQL con una tabella chiamata `rss_feed`. In quella tabella ci sono...
Disinfetta gli input del database
Invia un SMS
You "ll bisogno di unTextMagic contoe di...
Invia una email
Separa il primo e il cognome
$ name =
Server Side Image Resizer
Il codice utilizza PHP per ridimensionare un'immagine (attualmente solo jpeg). Utilizzando ques...
Semplice Tester Range Zipcode
Questa espressione regolare di seguito verifica il codice di avviamento postale fornito se iniz...
Funzione Time Ago
Questo può essere usato per commenti e altre da comunicazioni per comunicare l'ora esatta anzic...
Tronca la stringa lunga esattamente nel mezzo
Questo troncherà una stringa più lunga su una stringa più piccola di lunghezza specificata (ad ...
Tronca la stringa per parole
Unzip Files
Aggiorna i valori dell'intera tabella
Questo codice presuppone che tu sia connesso a un database MySQL che ha una tabella con nomi ed...
Convalida URL
$ url =
Variabili variabili
Zero numeri imbottiti