Getting started with CSS Tricks - Tutoriel, exemples de code CSS


Contents:


Ajouter une classe de corps juste pour IE
Ajouter des espaces à ancrer dans OS X
Ce n'est absolument pas lié au HTML, mais par pure demande, je devais l'ajouter quelque part. P...
Base64 Encode de 1x1px Transparent GIF
Juste au cas où vous en auriez besoin. Vous pouvez l'étirer pour remplir l'espace au besoin.
HCard microformatée de base
Adresse de base et URL, balisées à l'aide de Microformats.
Bouton avec des sauts de ligne
Votre meilleur pari est un <button>donc vous pouvez utiliser un <br...
Commentaires en HTML
Cufon 101
1. Inclure le JavaScript pour
Flash d'incorporation
Ceci est différent du code par défaut fourni par Flash. Cela implique généralement le < embe...
Intégration Quicktime
Quicktime nécessite toujours la méthode du double-objet pour le faire dans tous les navigateurs...
Intégration de Windows Media
technique valide, car il n "pas besoin < & gt Embed; tag
Balise de table vide
Exemple de balisage de formulaire
La soumission de formulaire ouvre un nouvel onglet/Fenêtre
Vous saviez probablement que vous pouviez forcer un lien à ouvrir un nouvel onglet ou une nouve...
Obtenir le formulaire de directions (Google Maps)
Débarrassez-vous du flash blanc lorsque les charges iframe
Masque l'iframe jusqu'à son chargement complet.
Structure d'article HTML5 avec hNews
La spécificationpour hNews....
Structure de la page HTML5
Appels d'iPhone et liens textuels
Ceci est l'appeler un (probablement plus utile si le texte cliquable mots, comme les iPhone dét...
Gardez Flash derrière d'autres éléments
Par exemple, un menu déroulant allant "derrière" un film flash, ou restant au-dessus d'une esca...
Disposition des moitiés gauche et droite
Lorem Ipsum Paragraphe
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. V...
Liens Mailto
Faire IE 6 Crash
Ceci n'est absolument PAS recommandé pour une utilisation dans un "vrai" site web. Ce "est just...
Meta Refresh
Les redirections vers l'URL fournie en 5 secondes. Définissez sur 0 pour une redirection immédi...
Meta Tag pour forcer IE 8 à se comporter comme IE 7
Meta Tag pour empêcher les robots de recherche
Pour empêcher tous les robots de recherche d'indexer une page:
Entrée de fichiers multiples
Les entrées de fichier peuvent avoir un attribut "multiple" qui permet ensuite de sélectionner ...
Ouvrir le lien dans une nouvelle fenêtre
Publier des données sur un iframe
Doesn "t prendre toute JavaScript ou quoi que ce soit Vous avez juste la forme." Attribut cible...
Balises appropriées pour afficher les modifications de contenu
La bonne façon de marquer les modifications apportées à un document HTML, lorsque vous souhaite...
Meta Tag réactif
J'ai tendance à utiliser:
Présentation de la feuille de style Universal IE 6
Tous les bons navigateurs plus IE 7 et plus obtiennent REGULAR-STYLESHEET.css, les navigateurs ...
Définir l'icône de signet iPhone
Placez ceci dans votre < head> section et définissez l'attribut href sur une image dans u...
Navigation par liste standard
Démarrer un serveur Web avec une commande de terminal sous OS X
Je l'ai cherché trois fois cette semaine, donc je me suis dit que je ferais mieux d'en avoir un...
Arrêter la page IE Charger le scintillement
Autrement connu comme Fajax (faux ajax). Par exemple, lors de la soumission d'un formulaire et ...
Page de test
Un simple XHTML 1.0 Strict structure de la page qui comprend: de base CSS Redéfini...
Le DOCTYPES commun
!
Infobulles pour les acronymes
J'aimeCSS
Disposition des moitiés supérieure et inférieure
Désactivation de la saisie semi-automatique pour l'entrée
Il suffit d'utiliser l'attribut autocomplete:
Utiliser Firebug dans n'importe quel navigateur
Il vous suffit d'inclure ce script sur le site et vous obtiendrez une console Firebug qui appar...
Vidéo pour tous (vidéo HTML5 avec repli Flash)
Voir la source du flux RSS dans Firefox
Firefox aime assumer lorsque vous cliquez sur un lien vers un flux RSS que vous souhaitez vous ...
XHTML 1.0 STRICT Structure de la page
"Secouez" l'animation des images clés CSS
Ceci suppose l'utilisation d'un autopréfixeur.
"Cousu" Look
Un guide complet de Flexbox
Contexte
Un guide complet de la grille
CSS Grid Layout est le système de mise en page le plus puissant disponible en CSS. Il s'agit d'...
Centre absolu (vertical et horizontal) une image
Accessibilité/SEO Friendly CSS Cacher
Tous les types de support de feuille de style
Texture granuleuse animée
Le site webDayTriputilise un effet soigné s...
Déplacement de lien de base en tant que Sprite CSS
un
Notions de base de l'API Google Font
Mieux Helvetica
corps
Texte flou
Faire la couleur du texte transparent, mais ajouter une ombre:
Animation animée pleine d'entrain
Juste quelques funzies avec des animations CSS3. Si vous êtes inquiet au sujet de la prise en c...
Hacks spécifiques au navigateur
Centre DIV avec hauteur dynamique
Centrer un site Web
Modifier les styles de saisie semi-automatique dans les navigateurs WebKit
Nous avons obtenu un bon conseil deLyd...
Changer la couleur de sélection de texte
Commentaires en CSS
Exemple: corps
Icônes Unicode communes
a [h...
Compresser CSS avec PHP
Commencez votre fichiers CSS avec ce PHP (et nommez-style.php):
Ruban d'angle
Cross-Inline-Block
li
Traverser l'opacité du navigateur
Ces jours-ci, vous n vraiment "ont t à vous soucier de l'opacité étant une chose difficile cros...
Cross-Browser hr Styling
Hauteur minimale du navigateur croisé
de
CSS Box Shadow
Utilisé pour projeter des ombres sur des éléments de niveau bloc (comme des divs).
CSS Conic Dégradé
Un gradient conique est similaire à un gradient radial
CSS Diagnostics
Trouver des erreurs en HTML et mettre en évidence la merde sur eux.
Familles de polices CSS
Layouts CSS Grid Starter
Il s'agit d'une collection de modèles de départ pour les mises en page et les modèles utilisant...
CSS Hacks ciblant Firefox
CSS Linear Gradient
Peut-être le type le plus commun de gradient que nous voyons dans la conception web est le
Préchargement d'image CSS uniquement
Une raison importante pour utiliser le préchargement d'image est si vous souhaitez utiliser une...
CSS Radial Dégradé
Lorsque nous parlons de gradients, il vaut la peine de commencer par le fait que les dégradés sont u...
CSS Répétition des dégradés
Les dégradés répétitifs prennent un tour que nous pouvons déjà faire avec l'utilisation créativ...
CSS Text Shadow
ombre du texte normal:
CSS Triangle
CSS3 Zebra Striping a Table
tbod...
Cases à cocher personnalisées et boutons radio
Les sélecteurs sont spécifiques au balisage Wufoo, mais les concepts au travail peuvent fonctio...
Style d'entrée de fichier personnalisé dans WebKit/Blink
Boutons radio personnalisés
Diagonale de papier graphique Gradient
#example-gradient { height: 200px; margin: 0 0 20px 0; background-color: #eaeaea;...
Casquettes
Fin des articles avec Ivy Leaf
p
Centrer exactement une image/Div horizontalement et verticalement
Boîtes d'extension de navigation
De la conception v8 de CSS-Tricks.
Ampersand de fantaisie
Dan Cederholm a longtemps utilisé l'esperluette Baskerville italique, et nous dit à
Pied de page fixe
Positionnement fixe dans IE 6
*
Retourner une image
Vous pouvez retourner des images avec CSS! Scénario possible: avoir un seul graphique pour une ...
Typographie fluide
Obtenir droit au code, ici "sa mise en œuvre de travail:
Police raccourcie
Piles de polices
Forcer le bouton d'entrée de téléchargement de fichier vers le côté droit dans WebKit
Firefox et IE ont le bouton "choisir un fichier" à droite du chemin du fichier, tandis que Webk...
Force la barre de défilement verticale
html...
Forcer l'impression en niveaux de gris
Au moment où nous écrivons ces lignes, cela ne fonctionnera que dans Chrome 18+, mais ilsta...
Donner aux éléments cliquables un curseur de pointeur
a [h...
Points lumineux d'entrée bleu brillant
Comme mi-2012 Twitter. ent...
Texte en dégradé
Il ne s'agit que de WebKit, mais c'est le moyen le plus propre de le faire car le texte reste m...
Dénivellation
un
Manipulation de mots longs et d'URL (forçage, césure, ellipse, etc.)
Parfois, une chaîne de texte très longue peut déborder du conteneur d'une mise en page. ...
Manipulation de mots longs et d'URL (forçage, césure, ellipse, etc.)
Nous avons déplacé cet extrait vers notre extrait canonique sur ce sujet....
Hexagone avec ombre
<div class="hexagon"><span></span></div>
Masquer la barre de défilement dans Edge, IE 10/11
Vous pouvez le faire autohiding au lieu de toujours-démontrant:
Internationalisation Language CSS
iPad Orientation CSS
CSS spécifique à l'iPad
Syntaxe de l'animation de l'image clé
Papier en couches
Lier les pseudo-classes (en ordre)
un
Faire du "Pre" Text Wrap
Texte dans < pré> Par exemple, voir l'extrait de code ci-dessous Si cela cause des problè...
Faire des entrées sans mot de passe Utiliser des puces (ou des alternatives à la balle)
Cela fonctionne sur les entrées texty (par exemple, le texte, le courrier électronique, etc.), ...
Requêtes multimédias pour les périphériques standard
Si vous pensez que responsive est simple, je me sens mal pour votre fils.Nous avons...
Meyer Reset
html...
Mixins pour rem taille des polices
Le remunité de taille de police est similaire à em, seulement au lieu...
Momentum défilement sur les éléments de débordement iOS
Les pages Web sur iOS ont par défaut un style de "défilement" où un simple mouvement du doigt f...
Monotone une image avec CSS
Vous pouvez toujours appliquer un filtre à un élément pour le rendre monotones au sens gris:
Syntaxe de plusieurs arrière-plans
navigateurs qui prennent en charge plusieurs arrière-plans (WebKit des premiers jours, Firefox ...
Plusieurs frontières
Colonnes multiples
Voici un exemple d'une classe simple à trois colonnes:
Couleurs nommées et équivalents hexadécimaux
504 Gateway Time-out 504 Ga...
Dossiers imbriqués et extensibles
Il s'agissait à l'origine d'une démo de Martin Ivanov, utilisant des cases à cocher cachées et ...
Image URI de données de bruit
back...
Vue de champ non formel
<section class="fieldset"> <h1>This is not a fieldset</h1> <p>...
Redimensionnement d'image non-Terrible dans IE
img
Verrouillage d'orientation
Page Curl Shadows
ul
Perfect CSS Sprite/Bouton de portes coulissantes
Boutons de style Picross
Comme dans, le jeuPICROSS3D.
PNG Hack/Fix pour IE 6
Empêcher le défilement de rebondissement dans Lion
Assurez-vous juste de mettre à zéro la marge et le remplissage de ces éléments aussi (normal da...
Empêcher les exposants et les indices d'affecter la hauteur de ligne
sup,...
Imprimer l'URL après les liens
Abréviations de qualité
Couleur légèrement plus claire (en supposant que votre texte soit noir), bordure inférieure en ...
Supprimer le texte du bouton dans IE7
HTML:
Supprimer les bordures de lien en pointillés
Les bordures en pointillés autour des liens sont une fonctionnalité d'accessibilité par défaut ...
Supprimer Gray Highlight lors de l'utilisation de liens dans Safari mobile
-web...
Supprimer les marges pour les premiers/derniers éléments
Il peut parfois être souhaitable d'enlever la marge supérieure ou gauche du premier élément dan...
Supprimer la barre de défilement de Textarea dans IE
Par défaut, toutes les versions d'Internet Explorer ont une barre de défilement sur les zones d...
Suppression du contour pointillé
Un
Retina Display Media Query
Pour inclure des graphiques haute résolution, mais uniquement pour les écrans qui peuvent en fa...
Renverser le texte
Pour les langues de droite à gauche, vous pouvez remplacer la disposition gauche-droite par déf...
Ruban
Coins arrondis
Échelle sur Hover avec transition
Apportez vos propres préfixes!
Signifiez "PDF Bombs"
Tout lien d'ancrage peut être un lien vers un document PDF, mais cliquer sur un lien comme celu...
Blockquote Styling simple et agréable
Le blockquote s'affiche dans les navigateurs conformes aux standards avec l'effet "big quotes b...
Glisser dans les boîtes d'image
Du pied de la conception v8 de CSS-Tricks.
Smiley Slider
Requiert jQuery et jQuery UI pour le curseur actuel. Le visage est fait à partir d'éléments tra...
Thème Solarized pour CodeMirror et Prettify
Ici "s pourGoogle Code ...
Menu Leaf épineux
<nav> <ul class="top-menu"> <li><a href=#>Home</a>&...
Effet de papier empilé
Une technique de conception populaire consiste à créer un conteneur de contenu qui ressemble à ...
Remplacement d'image CSS standard
h1#logo { width: 200px; // width of image height: 100px; // height of image ba...
Texte d'exploration de Star Wars
L'ouverture à Star Wars est emblématique. L'effet du défilement du texte à la fois vers le haut...
Pied de page collant
Fonctionne très bien si vous pouvez appliquer une hauteur fixe au pied de page.
Liens de style en fonction de la destination
un [...
Style Override Technique
p
: placeholder-shown
Le :placeholder-shownpseudo-classe sélectionnel'élément d'entrée lui-même
Empilement de polices système
La valeur par défaut de la police système d'un système d'exploitation particulier peut augmente...
Texte dégoulinant de sang
Rotation de texte
Le Clearfix: forcer un élément à effacer ses enfants
Cela vous fera bien ces jours-ci (IE 8 et plus):
Activer la visibilité lorsque vous masquez des éléments
L'équipe de développement à Moyen ont discuté quelques mauvaises pratiques
Top Ombre
ombre le long du bord supérieur du site, comme celui-ci:
Images d'arrière-plan transparent
Il n'y a pas d'opacité de l'arrière-plan de la propriété CSS, mais vous pouvez la truquer en in...
Bordure intérieure transparente
Liste triangulaire
ul
Tronquer la chaîne avec ellipse
Tous les éléments suivants sont requis, donc le texte doit être dans une seule ligne droite qui...
Coins cachés
Désactiver les Spinners d'entrée numérique
Les navigateurs de bureau WebKit ajoutent de petites flèches vers le haut pour numéroter les en...
Blocs tridimensionnels bicolores et texte
Nous pouvons utiliser plusieurs text-shadowet box-shadowvaleurs pour ...
Effet de machine à écrire
CSS3 MOINS utiles Mixins
504 Gateway Time-out 504 Ga...
Utiliser @ font-face
Le @font-facerègle permet de charger des polices personnalisées sur une page Web. ...
Lors de l'extension d'un sélecteur avec le @extendSass ne prend pas le contenu CSS...
Vérification avancée de type
Cette collection de fonctions permet de tester si la valeur d'une variable est d'un certain typ...
BEM Mixins
La meilleure introduction à BEM est de
Fonctions d'opacité noir et blanc
Il "est assez commun d'avoir besoin d'un peu de noir transparent ou blanc CSS, vous pouvez le f...
Mise en cache du sélecteur de courant (&) dans Sass
Le &caractère dans Sass est unique en ce qu'il représente le sélecteur de cour...
Centrage Mixin
En supposant que l'élément parent a position: relative;, ces quatre propriétés von...
Serrer un nombre
En informatique, nous utilisons le motpincecomme un moyen de restreindre un nombre ent...
Fonction de luminance de couleur
En creusant profondément dans la théorie des couleurs, il y a quelque chose appelé
Ajouter correctement l'unité au nombre
Lors de la conversion d'un nombre sans unité à une longueur, la durée, l'angle ou autre chose, ...
Couvrant Mixin
Je me trouve en utilisant ces propriétés tout le temps ensemble, ce qui est généralement une bo...
CSS Triangle Mixin
Il existe un hack CSS assez populaire utilisant des bordures transparentes sur un élément 0 ~ w...
Barres de défilement personnalisées Mixin
Les barres de défilement sont l'une de ces composantes de l'interface utilisateur qui sont prés...
Deep Get/Définir dans Maps
Lorsque vous travaillez sur des architectures Sass complexes, il n'est pas rare d'utiliser des ...
Faciliter la carte Obtenir la fonction
Les courbes de Bézier peuvent être utilisées pour ajouter de beaux effets aux transitions CSS e...
Correction d'un nombre à N chiffres
Lorsque vous traitez des nombres en JavaScript ou tout autre langage de programmation, il exist...
Fonctions de programmation fonctionnelle
Pour les concepteurs de bibliothèques et les constructeurs d'infrastructure, disposer de quelqu...
Maintenir le ratio d'aspect Mixin
Cet...
Ombres matérielles Mixin
Matériel Conceptiona...
Mixin pour le positionnement décalé
S'il y a un raccourci CSS manquant dramatiquement, c'est celui qui permet de définir le p...
Mixin pour gérer les points d'arrêt
Les créations Responsive Web Design existent souvent sur plusieurs points d'arrêt différents. G...
Mixin aux propriétés de préfixe
Si vous "êtes intéressé par la manipulation de votre propre fournisseur CSS préfixant (plutôt q...
Mixin pour qualifier un sélecteur
Il n'y a pas de moyen facile de qualifier un sélecteur à l'intérieur de son jeu de règles assoc...
Fonction de direction opposée
Sass cadreBoussolefournit...
Placer des éléments sur un cercle
Il peut être assez difficile de placer des éléments sur un cercle avec CSS. Habituellement, nou...
Fonction de puissance
Bien que très utile avec l'arithmétique, Sass tombe un peu court avec des fonctions d'aide math...
Fonctions Px à Em
Nous "avons parlé à propos"Pourquoi Ems...
Sass choses pour les liens
via
504 Gateway Time-out

504 Gateway Time-out


nginx/1.12.2
Traiter des chemins est toujours un peu ennuyeux, vous l'admettrez. Heureusement, il est extrêm...
Simplification des contextes et des événements
Sass peut en quelque sorte être un peu une boîte noire, en particulier pour les jeunes développ...
Fonction de tri
Sass ne fournit aucun moyen intégré pour trier une liste de valeurs. Grâce aux fonctions de man...
Str-remplacer la fonction
Sass fournit une collection de fonctions pratiques pour manipuler les chaînes, mais il n'y a pa...
Fonction d'unité de bande
Il y a beaucoup de confusion autour du fonctionnement des unités dans Sass. Pourtant, ils trava...
Mélange dégradé rayé
Un moyen populaire pour dessiner des bandes en CSS pour définir un linéaire-gradient avec cheva...
Teinte et fonctions d'ombre
Les deux lightenet darkenLes fonctions manipulent la luminosité d'une...
Utiliser une variable Sass pour un sélecteur
Dites que vous devez utiliser un certain sélecteur à plusieurs endroits dans votre code. Il "es...
Typographie de taille de Viewport avec des tailles minimum et maximum
Déclarer les tailles de police dans
Options d'exportation d'Adobe Illustrator
Ceci est moins d'un extrait et plus d'un rappel pour quelque chose que je lève souvent les yeux...
Texte incurvé le long d'un chemin
Nous pouvons diffuser du texte le long d'une ligne courbe avec trois outils construits directem...
Shape Morphing Icons dans le bouton sur le clic
L'idée ici est d'utiliser une icône SVG dans un bouton et d'échanger cette icône pour une autre...
Texte de Knockout SVG
L'idée ici est d'imaginer trois couches empilées les unes sur les autres où la couche supérieur...
Modèles SVG
Le SVG <pattern>attribut nous permet de définir des modèles à l'intérieur de...
Verrouillage de texte
301 Redirections
C'est le moyen le plus propre de rediriger une URL. Rapide, facile et convivial pour les moteur...
Compression Gzip active
La compression réduit les temps de réponse en réduisant la taille de la réponse HTTP. Gzip est ...
Autoriser l'URL unique via la protection par mot de passe .htaccess
Ce code est utile pour les configurations multi-environnement (staging, production, etc.) il vo...
Append/Ajouter des fichiers
Plutôt que d'avoir à appeler/inclure un fichier dont vous avez besoin sur chaque page, vous pou...
Pages d'erreur personnalisées
ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 40...
Refuser et autoriser l'accès
Page d'index de répertoire différent
Normalement index.html ou index.php est la page par défaut qu'un serveur sert lors de la visite...
Indexation fantaisie
Ajoute des polices de largeur fixe, taille de fichier et date, capacité de tri. Propage aux ann...
Forcer le jeu de caractères utf-8
Si vous ne pouvez pas modifier la configuration du serveur Apache, utilisez ce code pour forcer...
Force Corriger le type de contenu pour les documents XHTML
La plupart des serveurs Web servent le contenu XHTML sous la formetext/htmlce qui est ...
Forcer les requêtes Favicon pour corriger l'emplacement
Pour une raison folle, peut-être des scanners de sites malveillants, requets à un serveur Web p...
Forcer les fichiers à télécharger (non ouverts dans le navigateur)
AddType application/octet-stream .csv AddType application/octet-stream .xls AddType app...
Forcer le HTTPS
RewriteEngine on RewriteCond %{HTTPS} !on RewriteRule (.*) https://%{HTT...
Obtenir la page de stats Dreamhost Travailler sur un site WordPress
Pour les sites Web hébergés avec Dreamhost, vous avez une page d'analyse par défaut sur votresi...
Détection de l'iPad
Bien sûr, l'iPad est un très grand écran et un navigateur très performant, donc la plupart des ...
iPhone Catcher
<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} .*iPhone...
Mot de passe Protéger le (s) dossier (s)
Mettez le fichier .htaccess dans le répertoire que vous essayez de protéger:
Erreur de journalisation PHP
Consigne les erreurs dans un fichier et empêche leur affichage à l'utilisateur. Assurez-vous qu...
Empêcher le lien d'image
RewriteEngine On RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yourdomain\.com/ [NC] Rewr...
Supprimer l'extension de fichier des URL
RewriteRule ^ à propos de $ about.php [L] Ce petit peu...
Servir SVG avec le type de contenu correct
Si vous essayez d'utiliser SVG comme <img src="image.svg">ou en CSS ba...
Définir Expire
Le paramètre "expires" indique aux navigateurs qui téléchargent ces fichiers qu'ils n'ont pas b...
Shock Teenage Gangsters avec wp-config Redirect
Email drôle d'un lecteur, que j'ai pensé ferait un bon post: Ceci est une dr...
URL de sous-répertoires Redirection interne vers la chaîne de requête
L'URL dans le navigateur serait: http://css-tricks.com/index.php//un en...
Maintenance temporaire avec Mod_Rewrite
# Ne pas oublier d'activer le moteur de réécriture RewriteEngine sur ...
Utiliser PHP dans JavaScript
Ceci n'a vraiment été testé que sur des serveurs Media Temple (gs). Dans le dossier avec...
WWW/Non-WWW
Vous devriez vraiment faire l'un ou l'autre. Par souci de cohérence, ainsi que du référencement...
Bouton "Retour"
Browsers déjà des boutons « retour », de sorte que vous "d mieux avoir une sacrément bonne rais...
1024 × 768 Brochure
Les jours de 800x600 écrans sont presque terminés, mais la plupart d'entre nous tentent toujour...
Ajouter un nombre à deux variables à la fois
Vous pouvez initialiser deux variables à la même valeur à la fois, un peu:
Ajouter un attribut de données de l'agent utilisateur
Ajouter aux favoris (IE)
<a href="http://site.com" onclick="window.external.AddFavorite(this.href,this.innerH...
Fonction addClass
Si vous allez sans bibliothèque, vous devrez peut-être lancer votre propre fonction comme ceci....
addEventListener Polyfill
Tableau des noms de pays
Chargeur de script asynchrone avec rappel
Boutons de partage asynchrones (G +, Facebook, Twitter)
Certains de ces services fournissent déjà (intelligemment) leurs scripts de façon asynchrone, c...
Sélection automatique du texte Textarea
Alerte de base
Lier différents événements à cliquer et double cliquer
Vous voudrez peut-être qu'un lien ait une action spéciale lorsque vous double-cliquez dessus, c...
Sortez de l'iframe
Fonction d'appel avec minuterie aléatoire
Vérifiez si la police-famille est honorée
Vérifier si la fonction existe avant d'appeler
Lors de l'utilisation de scripts partagés entre différentes zones d'un site, il peut y avoir de...
Vérifiez si le nombre est pair/Odd
Effacer champ sur focus
Commentaires en JavaScript
Fonction
Convertir un polygone en données de chemin
J'ai dû faire ceci quelques fois récemment donc j'ai pensé que je sauverais la méthode. StackOv...
Cookie Getter/Setter
Compatible DOM sans dépendances entre navigateurs
Denis Ciccale "s Version:...
CSS pour quand JavaScript est activé
document
Page actuelle avec JavaScript
C'est comme un remplacement pour PHP "s SCRIPT_NAME avec JavaScript.
Arguments par défaut pour les fonctions
Détecter Internet Explorer
Détecter Javascript sur/Off, avec notification
Une autre feuille de style en attente de l'heure du jour
Différentes feuilles de style pour différents jours de la semaine
Vider un tableau
C'est l'un des moyens les plus rapides et les plus faciles de vider un tableau. Bien sûr, il ex...
Consignation de console sans erreur
Fixer IE 10 sur Windows Phone 8 Viewport
Format de la devise
Cette fonction arrondira les nombres à deux décimales et s'assurera que la valeur renvoyée a de...
Obtenir tous les événements DOM possibles
Vous pouvez obtenir un tableau de tous les événements qui commencent par "on" (par exemple oncl...
Obtenir la taille de l'objet
Comme dans, le nombre de clés.
Obtenir des URL et des parties d'URL en JavaScript
JavaScript peut accéder à l'URL en cours dans certaines parties. Pour cette URL: http://...
Obtenir des variables d'URL
Obtenir une clé YouTube à partir d'un lien
Variables globales
déclarer variable en dehors de la fonction ...
htmlEntities pour JavaScript
htmlentities () est une fonction PHP qui convertit des caractères spéciaux (comme <) en leur...
Injecter les nouvelles règles CSS
Si vous avez besoin de modifier le style d'un élément avec JavaScript, il est généralement préf...
Entrée avec une image d'arrière-plan qui disparaît
Ceci reproduit la fonctionnalité des champs de recherche Google intégrés standard. Ils ont une ...
Intervalles
Le tableau JavaScript contient
Les objets Javascript sont vraiment sympas, mais il leur manque parfois quelques petites foncti...
JavaScript MD5
504 Gateway Time-out 504 Ga...
JavaScript requis contenu avec le contenu de remplacement
JavaScript est maintenant possible. La zone JavaScript-requis est masquée avec CSS en ligne, pu...
Valeur KeyboardEvent (keyCodes, metaKey, etc.)
Quand un KeyboardEventvous pouvez tester quelle touche a été enfoncée car cet évén...
Images de chargement paresseux
Utiliser un blank.gifcomme le srcd'images, et inclure le width
Éclaircir/Couleur foncée
Les préprocesseurs CSS Sass et LESS peuvent prendre n'importe quelle couleur et darken () ou li...
Boucle sur querySelectorAll Matchs
Vous pouvez faire une boucle sur Arrays facilement en JavaScript avec forEach, mai...
Boucle à travers le tableau sans recherches inutiles
Trouver la longueur du tableauavanten l'utilisant dans la fonction for, il n'a...
Rendre les éléments HTML5 fonctionnent dans l'ancien IE
Alors que les DOM (et donc CSS) les reconnaît comme éléments réels:
Gestion des événements modernes
Déplacer le curseur jusqu'à la fin de l'entrée
Où elest une référence à une entrée ou une zone de texte.
Variables de chaînes multilignes en JavaScript
Cela fonctionne:
Modèle Javascript de namespaced
Fonction anonyme auto-invocatrice affectée au yournamespacechoicevariable globale....
API Visibilité de la page
<!DOCTYPE HTML> <html> <head> <script type="text/jav...
Effectuer la fonction à des intervalles temporisés
Effectuer une fonction toutes les secondes: fonction
Empêcher le scintillement de l'image d'arrière-plan dans IE
Empêcher le JavaScript incorporé d'échouer la validation
Jamais vu ce truc CDATA en JavaScript et je me demande à quoi ça servait? C'est pour empêcher l...
Imprimer l'objet à l'écran
PHP a une belle fonctionprint_rpour imp...
Mettre les valeurs de virgule en chiffres
Cette fonction suppose que ce qui est soumis est une chaîne, avec un point décimal et deux plac...
Couleur hexagonale aléatoire
Réorienter
Rediriger les appareils mobiles
Rediriger vers SSL
Fenêtre
Supprimer un élément
Pour une raison quelconque, un élément peut "t se détruire en JavaScript jQuery
Supprimer les styles en ligne
Cette fonction préserve également le contenu caché.
Supprimer le dernier caractère d'une chaîne
Remplacements pour setInterval Utilisation de requestAnimationFrame
En ce qui concerne l'animation, on nous dit que setIntervalC'est une mauvaise idée...
Enregistrement des modifications de contenu contenteditable en tant que JSON avec Ajax
Éléments avec le contenteditableL'attribut peut être édité directement dans la fen...
Sélectionner un élément aléatoire d'un tableau
Supprimer les balises HTML en JavaScript
Supprimer les numéros d'une chaîne
Strip Whitespace de la chaîne
Espace blanc, ce qui signifie des tabulations et des espaces.
Prise en charge des onglets dans Textareas
Normalement, la touche de tabulation passe à la prochaine mise au point. Cela insère un caractè...
Test pour Internet Explorer en JavaScript
Tester si le dragenter/dragover Event contient des fichiers
Le glisser-déposer HTML5 est idéal pour gérer les téléchargements de fichiers. Mais si c'est la...
Teste si l'élément prend en charge l'attribut
Tous les navigateurs ne prennent pas en charge tous les attributs de tous les éléments. Il y a ...
Testez si Mac ou PC avec JavaScript
Test d'agent utilisateur craint, mais parfois vous en avez besoin pour des choses subtiles. Dan...
Basculer (Afficher/Masquer) élément
Unescape HTML dans JS
fonction
Valider le HTML Bookmarklet
javascript
Taille de la fenêtre, résolution de l'écran, position de la souris
Ce code est compatible avec plusieurs navigateurs et vérifie les dimensions de la fenêtre d'aff...
Nombre de mots Bookmarklet
Ajouter à la barre de favoris, sélectionnez le texte, cliquez dessus pour obtenir le nombre de ...
Un jQuery hasAttr () Équivalent
jQuery n'a pas vraiment de .hasAttr()fonction. Vous pouvez supposer que c'est le c...
Ajouter: nth-of-type à jQuery
$.expr[':']['nth-of-type'] = function(elem, i, match) { var parts = match[3].split(...
Ajouter une classe de navigation active basée sur l'URL
Idéalement vous émettez cette classe du côté serveur, mais si vous pouvez "t ... Let" s ...
Ajouter un espace non-brisé sur le titre pour empêcher les veuves
Ajout de/Suppression de la classe sur Hover
Animer la hauteur/Largeur à "Auto"
Il n'est pas possible de faire thing.animate({ "height": "auto" });. Donc c'est la...
Ajouter superposition de site DIV
Découvrir automatiquement les liens de document et appliquer la classe
Meilleure gestion des images brisées
Les images manquantes n'affichent rien ou affichent un [? ] boîte de style lorsque leur source ...
Détection du navigateur + Appliquer des classes à l'élément HTML
Calculer la distance entre la souris et l'élément
Changez WMode avec jQuery
Si vous ne définissez pas le wmode sur un flash embarqué, il flottera au-dessus d'un overlay ce...
Vérifier les éléments vides
Faites quelque chose pour chaque élément vide trouvé:
Vérifiez si la case à cocher est cochée
Dites que 10 fois rapide =). savoir si une seule case est cochée ou non, retourne vrai o...
Vérifiez si l'élément existe
Vérifier si l'élément est à l'intérieur d'un autre élément spécifique
Remplacez le premier sélecteur par l'enfant que vous testez et le deuxième sélecteur par le par...
Vérifiez si l'événement a été déclenché ou natif
Vérifiez si jQuery est chargé
Effacer une entrée de fichier
Vous pouvez simplement le cloner et le remplacer par lui-même, avec tous les événements encore ...
Effacer la chaîne de recherche par défaut sur le focus
Cliquez une fois et détachez
Quelque chose se passe sur un événement de clic, mais seulement une fois! Désactivez le gestion...
Combiner les fonctions Slide et Fade
$
Comparer les objets jQuery
Vous pouvez "t comparer vraiment si deux objets jQuery sont les mêmes ...
Faire défiler une liste
Ce code parcourra une liste non ordonnée avec un identifiant de "cycliste". Peut être utilisé s...
Détecter le premier élément visible de certaines classes
Ajoute une classe de "premier" au premier élément qui a une classe de "activité" qui est visibl...
Désactiver/Ré-activer les entrées
Désactiver:
Désactiver les liens parents dans la navigation par liste imbriquée
Code jQuery qui désactive les liens parents pour les menus déroulants. Le menu doit être constr...
Afficher le navigateur et la version
Ceci est spécifique à jQuery, et contient un peu d'un hack/correctif pour faire face à Chrome. ...
Afficher le dernier Tweet
Le code ci-dessous ne fonctionne plus tel quel avec la mise à jour de l'...
Afficher le dernier FeedBurner Post
Cet extrait affichera le dernier message dans un flux FeedBurner spécifié. Il suffit de définir...
Affichage du chargement du graphique jusqu'à la mise en page complète
<!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8...
Afficher uniquement les premiers X Divs, Basculer le reste
Terminé Redimensionnement de l'événement
Si vous "êtes habitué à quelque chose comme
Draggable sans interface utilisateur jQuery
Il doesn "t ont tous les callbacks de fantaisie et d'options, mais bon, il fait des choses drag...
Égaliser les hauteurs des Divs
Exclure $ (this) de Selector
Let "s que vous voulez joindre un gestionnaire de clic pour chaque lien sur une page. La foncti...
Fondu image dans une autre image
Faire un div qui est la taille exacte de l'image. Cette div aura une image d'arrière-plan appli...
Fondre une image vers un autre menu
Créez une image de sprite CSS, avec la moitié supérieure et la moitié inférieure étant les deux...
Repli pour jQuery hébergé par CDN
Plusieurs grandes entreprises offrent des copies de jQuery hébergées sur leur CDN (Content Deli...
Trouver tous les liens internes
Trouvez tous les liens qui commencent par le domaine des sites, une barre oblique, un chemin de...
Trouver et emballer des ampersands
Chargerce plug...
Événement de feu lorsque l'utilisateur est inactif
Voir les deux lignes commentées ci-dessous, où vous pouvez insérer du code pour les choses à fa...
Fixer Min/Max-Width pour les navigateurs sans support natif
Ce script vérifie tous les éléments avec une classe de .fixMinMaxwidth et observe la fenêtre. I...
Fixer Sélectionner Dropdown Cutoff dans IE 7
Exécutez (au moins la partie "Utilisation" ci-dessous) après avoir chargé jQuery et soit à la f...
Correction de .load () dans IE pour les images mises en cache
La fonction .load () se déclenche lorsque l'élément sur lequel elle est appelée est complètemen...
Correction d'IE-z-index
Ce n'est pas une solution finale à tous les problèmes d'IE z-index, mais cela peut certainement...
Forcer l'iframe à recharger
Obtenez une largeur native d'images
Si vous sélectionnez et image avec jQuery, puis utilisez .width(), vous obtiendrez...
Obtenir des paramètres de requête en tant qu'objet
Nicholas Ortenzio
Mettre en surbrillance tous les liens vers la page actuelle
Mettez en surbrillance Étiquette associée lors de la saisie au point
Image Preloader
Très moyen facile de précharger des images qui sont nécessaires plus tard (par exemple lorsqu'u...
Entrées qui se souviennent de la valeur d'origine
Insérer un élément entre d'autres éléments
Par exemple, si vous avez cinq paragraphes dans une rangée et vous devez insérer une étiquette ...
Plugin en double jQuery
$
JQuery JSON obtient avec l'erreur attraper
jQuery a une fonction intégrée appelée getJSON () pour faciliter la création de requêtes AJAX p...
Modèle de plugin jQuery
Remplacez les instances de "yourPluginName" par votre nom de plugin réel. Le truc sur "rayon" e...
jQuery Sticky Footer
En général leCSS Sti...
jQuery Tweetify Texte
jQuery Zebra Stripe a Table
Konami Code
Lien Nudging
Charger jQuery seulement si pas présent
Dites que vous alliez faire une inclusion sur un tas de pages, et à l'intérieur de cela, vous v...
Charger seulement une section d'une page
Chargement de jQuery
Rendre le div cliquable entier
. Mise à jour:probablement ce n "est chose ta vous devez compter sur JavaScript...
Rendre jQuery: contient Case-Insensitive
Déplacer les éléments de liste cliqués vers le haut de la liste
En supposant HTML comme ceci:
Déplacer le curseur à la fin de la zone de texte ou de l'entrée
Code pour déplacer le curseur sur lefindu texte actuel dans l'entrée, plutôt que par d...
Titre
La définition de la valeur d'une zone de texte déplace le curseur à la fin. Donc, il vous suffi...
Ouvrir les liens externes dans une nouvelle fenêtre
plugin jQuery de outerHTML
innerHTML () est natif et renvoie le contenu d'un noeud DOM (par ex. <span>I live i...
Actualisation partielle de la page
Rafraîchir certains éléments d'une page à l'aide de jQuery après un certain temps, peut être ut...
Fiabilité du mot de passe
Coller des événements
$
En-têtes persistants sur les tables
Lorsque vous faites défiler une page avec une longue table, généralement l'en-tête de la table ...
Supprimer la valeur spécifique de Array
Redimensionner iFrame pour ajuster le contenu (même domaine seulement)
Normalement, vous définissez et la largeur et la hauteur pour les iframes. Si le contenu à l'in...
Exécuter JavaScript uniquement après chargement de la page entière
Faites défiler la page horizontalement avec la molette de la souris
Recherche/Remplacer
Sélectionnez l'élément uniquement si les enfants ne sont pas animés
Sélectionner un élément de liste uniquement s'il ne contient pas d'autre liste (et est le plus haut niveau)
Je me rends compte que c'est assez spécifique, mais j'ai dû écrire ce sélecteur plus tôt pour c...
Sérialiser le formulaire en JSON
$
Définir/Effacer la valeur d'entrée par défaut
Mélanger les enfants
Belle version propre d'un ghetto
Mélanger les éléments DOM
Ceci est de James Padolsey. Consultez
Diaporama de lecture automatique simple
Simple Accordéon jQuery
Liens d'arrière-plan coulissants
Une liaison d'événement plus intelligente
Menu contextuel stylé
Cette idée est de Veer.com et comment ils gèrent les listes déroulantes pour des choses comme
Cibler uniquement les liens externes
Teste si au moins une case est cochée
Dans cet exemple, un bouton de soumission est désactivé si aucune case n'est cochée et activée ...
Basculer le texte
Supposons que vous ayez un lien pour afficher plus d'options qui développent une liste d'option...
La fenêtre de suivi est redimensionnée via Google Analytics
Sparkbox
Déclencheur Cliquez sur Entrée lorsque l'étiquette est cliquée
Les étiquettes doivent avoir des attributs "pour" qui correspondent à l'ID de l'entrée qu'ils m...
Triple clic événement
$
Souligner les mots individuels
Il n'y a pas de CSS pour appliquer un soulignement ( text-decoration: underline;) ...
Valider l'âge
Cet extrait présupposait un formulaire HTML avec l'identifiant "age-form" et trois entrées (tex...
Événement de chargement de la fenêtre avec un délai minimum
window.load peut déclencher super duper rapide si la page est mise en cache. Si vous souhaitez ...
Travailler avec des attributs
Supprimer les attributs de largeur et de hauteur des images insérées
Lorsque vous téléchargez une image à l'aide du téléverseur WordPress et que vous l'insérez dans...
"Modifier ce" bouton sur les messages et les pages
Ajouter un nom de catégorie à body_class
La fonctionb...
Ajouter une classe aux liens générés par next_posts_link et previous_posts_link
Ces deux fonctions créent des liens d'ancrage, et vous pouvez en personnaliser un grand nombre,...
Ajouter/supprimer les champs d'informations de contact
Les profils d'utilisateur dans WordPress ont ces champs pour l'information de contact par défau...
Lien du panneau d'administration uniquement pour les administrateurs
Autoriser SVG via WordPress Media Uploader
NOTE: A compter de la version 4.7.1, ceci ne fonctionne plus exactement tel que publié ici
Application de CSS personnalisé à la zone d'administration
Ajouter au fichier functions.php:
Liens de médias sociaux automatiques
Cela iraità l'intérieur de la boucle, probablement sous the_content (), probab...
Base Fileté Commentaires Style
ol
Bloginfo Shortcode
La fonction bloginfo () dans WordPress vous donne accès à de nombreuses informations utiles sur...
Changer la taille de l'avatar
La fonction wp_list_comments possède un paramètre permettant de changer la taille par défaut (4...
Page d'erreur de base de données personnalisée
Mettez un fichier appelé "db-error.php" directement dans votre dossier/wp-content/et WordPress ...
Boucle personnalisée/Requête basée sur des champs personnalisés
Dernière mise à jour par
Personnaliser le balisage des commentaires
Dans un thème WordPress typique, vous affichez la liste complète des commentaires pour une page...
Personnaliser la page de connexion
Vous savez, celui généralement à yoursite.com/wp-login.php. Ce sont des choses que vous mettrie...
Détectez les Gists et incorporez-les
Il suffit de poster un lien vers unGitHub Gis...
Désactiver la mise en forme automatique
Désactiver le formatage automatique à l'aide d'un shortcode
function my_formatter($content) { $new_content = ''; $pattern_full = '{(\...
Afficher un nuage de tags
Afficher les informations sur l'auteur
L'image qui s'affiche pour l'auteur provient de l'adresse e-mail définie pour cet utilisateur q...
Afficher l'image à côté de chaque tag
<?php $posttags = get_the_tags(); // Get articles tags $home = get_bloginfo('url'); ...
Afficher le séparateur de posts entre les posts
Juste avant la fermeture de la boucle, insérez le code suivant:
Vider tous les champs personnalisés
WordPress a une fonction intégrée, the_meta (), pour sortir tous les champs personnalisés. Mais...
Étiquette de titre dynamique
Incorporer une page à l'intérieur d'une page
Activer tous les formats de message possibles
Pour votre fichier functions.php dans le thème.
Facebook "Like" Bouton pour WordPress
Un code copier-coller très facile ici à ajouter au modèle pour les billets de blog pour permett...
Rechercher l'ID de la page "Top-Most-Parent"
Ceci trouvera ce qu'est l'ID de la page parent la plus haute, dans une page enfant imbriquée. P...
Obtenir du contenu par ID
Apparemment il n'y a pas de fonction WordPress succincte pour simplement renvoyer le contenu d'...
Obtenir l'URL de l'image en vedette
Les vignettes post sont très utiles et assez faciles à utiliser dans WordPress. Il suffit d'ajo...
Obtenir l'ID du nom de la page
Ajouter au functions.php fichier:
Obtenez la première image d'un message
Supposons que vous vouliez utiliser la fonction de miniatures
HTML5 Shim dans functions.php
Pour garder votre header.php propre et insérer le shim du fichier functions.php.
Identifiez le corps en fonction de l'URL
Si la page est parent ou enfant
Il y a construit dans les fonctions de WordPress conditionnelles pour tester une page:
Inclure n'importe quel fichier de votre thème
Inclure jQuery dans le thème WordPress
Ce qui suit est la meilleure façon de procéder. Ajouter ce qui suit au thème "fichier s functio...
Augmenter la limite de liste déroulante des champs personnalisés
Pour votre fichier functions.php ou plug-in personnalisé:
Insérer des images avec la figure/Figcaption
Pour un simple plugin ou d'un fichier functions.php:
Insérer des images dans l'élément Figure de Media Uploader
Pour votre fichier functions.php ou un plugin fonctionnalité:
Répertorier les messages, Mettre en surbrillance
WordPress n'a pas de fonction wp_list_posts () qui pourrait sembler logique avec la fonction wp...
Connexion/Déconnexion et utilisateur Bienvenue
Faire Archives.php Inclure les types de message personnalisés
Archives.php affiche uniquement le contenu de type "post", mais vous pouvez le modifier pour in...
Déplacer la barre d'administration WordPress vers le bas
Pré WordPress 3.3 seulement.Ajoutez ce CSS à votre fichier CSS, ajoutez tout l...
Tri naturel à l'aide de la publication meta_key
Extrait de sortie manuellement
Il ya toujours
Paginer les types de message personnalisés
Empêcher la mise en cache CSS
Empêcher les robots de recherche d'indexer les résultats de recherche
Dans la < tête> section de votre fichier header.php:
Messages récents Fonction
Supprimer la barre d'administration pour les abonnés
Vous voudrez peut-être vous inscrire sur votre site WordPress afin que (pour un petit exemple) ...
Supprimer la galerie Inline Styling
Supprimer les éléments LI de la sortie de wp_nav_menu
Vous pouvez supprimer ou modifier le <ul>conteneur que vous obtenez par défa...
Supprimer le lien vers le fichier manifeste WLW
Sorte de inutile d'inclure cela, sauf si vous utilisez réellement Windows Live Writer pour écri...
Supprimer les balises de paragraphe d'autour des images
Dans le cas où vous voulez avoir <img>dans votre contenu mais pas les obteni...
Supprimer privé ~ ~ protégé contre les titres de poste
Pour le fichier functions.php dans votre thème: fonction
Supprimer des catégories spécifiques de la boucle
Retirez le 28px Push Down de la barre d'administration
Pour votre fichier functions.php:
Supprimer des espaces de la sortie de fonction
Dans WordPress, il existe de nombreuses fonctions qui produisent des choses pour vous. Par exem...
Supprimer la balise META du générateur WP
Il peut être considéré comme un risque de sécurité pour rendre votre version wordpress visible ...
Suppression de CSS Jetpack
Jetpackest un plugin WordPress qui apporte une ...
Remplacer l'ellipse de l'extrait par Permalink
Ceci est utile si vous souhaitez remplacer les points de suspension [...] de l'extrait d'un per...
Réinitialiser le mot de passe administrateur
Oubliez votre mot de passe d'administrateur et n'avez pas accès au compte de messagerie sous le...
Réinitialiser le mot de passe administrateur via la base
Vous "aurez besoin pour être en mesure d'exécuter SQL sur cette base de données, comme par exem...
Exécuter une boucle en dehors de WordPress
Run Loop sur les postes de catégorie spécifique
Shortcode pour le bouton d'action
Shortcode dans un modèle
Shortcodes dans WordPress sont des bits de texte que vous pouvez utiliser dans la zone de conte...
Montrez vos tweets préférés avec WordPress
Remplacez simplement l'URL de la ligne fetch_rss ci-dessous par le flux RSS de vos favoris Twit...
Réduire la barre d'administration/Agrandir sur Hover
Un mini plugin:
Commentaires de spam avec des URL très longues
Les URLs super longs sont un signe sûr que le commentaire est un spam, ce qui marquera les comm...
the_category avec Excludes
La fonction WordPress
Activer plus de boutons dans l'éditeur visuel WordPress
Ces boutons (comme un pour ajouter un <hr>tag) aren "t il par défaut dans l'...
Activer le rapport d'erreurs WordPress
Commentaire sur la ligne supérieure là, et ajouter le reste à votre fichier wp-config.php pour ...
Utilisation de champs personnalisés
Année Shortcode
Pour le fichier functions.php:
Ajuster l'heure du serveur
Parfois, l'heure définie sur votre serveur n'est pas exacte à l'heure locale, mais si vous ne p...
Ajouter les informations d'identification de connexion à l'URL
L'exemple ici est si vous aviez un formulaire sur un site Web qui, une fois soumis, devait util...
Ajouter un espace non-brisé entre les deux derniers mots
Application de ~ ~ Odd Classes
Syntaxe de tableau associatif
Année automatique du droit d'auteur
Liens automatiques de Mailto
string $
Connexion de base de données de base, requête aléatoire, résultat d'affichage
Utilisation simple de SimplePie
Vous "aurez besoin d'une copie de SimplePie pour l'inclure à droite en haut ici
Construire une table de calendrier
Fonction de calendrier
Changer la date de jj/mm/aaaa à aaaa-jj-mm
Changer les graphiques en fonction de la saison
Changer le numéro du mois au nom du mois
$ monthNum
Vérifier si le fichier existe/Ajouter le numéro au nom
Si le nom de fichier existe, retourne nouveau nom de fichier avec numéro_de_port joint donc vou...
Vérifiez si le site Web est disponible
Réalise un cURL-demande de vérifier, si un site existe/est en ligne
Variables de nettoyage
Les variables qui sont soumises via des formulaires web doivent toujours être nettoyées avant d...
Commentaires en PHP
Concaténer Array pour la lecture humaine
fonction
Convertir les caractères accentués
Par exemple, si vous souhaitez utiliser une chaîne dans le cadre d'une URL, mais devez la rendr...
Convertir de BR à Newline
Convertir une chaîne séparée par des virgules en tableau
Un moyen facile de transformer un fichier CSV en un tableau parseable.
Convertir HEX en RGB
Donne le code hexadécimal de la fonction (par exemple #eeeeee), retourne le tableau des valeurs...
Compter le temps d'exécution du script
$ execution_time
Créer des URI de données
Ceux-ci peuvent être utiles pour l'intégration d'images en HTML/CSS/JS pour économiser sur les ...
Créer AlphaNumeric unique
fonction
Créer une URL Slug à partir du titre du message
Fonction d'expression régulière qui remplace les espaces entre les mots par des traits d'union....
Crop Image
Affiche un segment sélectionné d'une image. Dans l'exemple fourni, la partie supérieure gauche ...
Cross Domain GET Forwarding
Lorsque vous effectuez une requête AJAX sur un site Web, l'URL que vous demandez doit résider s...
Débogage $ _REQUEST
Cet extrait affiche une belle liste de toutes les données soumises dans une boîte transparente ...
Détecter la requête AJAX
L'en-tête HTTP_X_REQUESTED_WITH est envoyé par tous les navigateurs récents prenant en charge l...
Détecter IE5 ou IE6
fonction
Détecter l'emplacement par IP
Retourne "Ville, Etat" s'il est trouvé sinon le réglage par défaut en haut.
Découvrir et afficher les balises Meta
Ceci est une page complètement stylée qui affiche les informations de balise META qu'elle tire ...
Afficher un utilisateur Gravatar d'une adresse e-mail
Afficher le contenu du tableau
echo
Afficher FeedBurner Feed Count
Afficher le contenu du répertoire de style
. Les serveurs peuvent être configurés pour afficher le contenu d'un répertoire qui doesn "t ont...
Validation d'adresse e-mail
Email Protector
Anglais Temps en secondes
Tapez simplement le temps que vous voulez convertir en secondes en anglais (par exemple "1 heur...
Erreur Page pour gérer toutes les erreurs
Ceci est un moyen de créer une page d'erreur unique pour toutes les erreurs, ce qui est plus fa...
Extraire les adresses e-mail
Transmettez simplement la chaîne (par exemple la partie du corps d'un e-mail) à la fonction et ...
Trouver tous les liens sur une page
Here "de la principale base derrière les araignées
Rechercher une extension de fichier
Trouver le fichier numérique le plus élevé
$ dernière
Trouver le chemin complet d'un fichier
Trouver des URL dans le texte, créer des liens
Forcer le Zéro
Générer un fichier CSV à partir de Array
fonction
Générer un lien Amazon S3 expiré
Vous n'avez pas besoin de créer des fichiers sur Amazon S3 public (ils ne sont pas par défaut)....
Obtenir le nombre de requêtes MySQL de tous les temps
Obtenir le nom de fichier actuel
Obtenir l'URL de la page en cours
fonction
Obtenir le nombre d'abonnés FeedBurner avec cURL
$ ch
Obtenir le fichier Date de la dernière mise à jour
Obtenir la taille du fichier
Obtenir des informations Geo-IP
Demande à un serveur géo-IP de vérifier, retourne où se trouve une adresse IP (hôte, état, pays...
Obtenir des informations sur l'image
Obtenir le dernier statut Twitter
Le code ci-dessous ne fonctionne plus tel quel avec la mise à jour de l'...
Obtenir le suffixe du nombre donné/Date
fonction
Obtenir l'adresse IP des utilisateurs
comptespour les procurations:
Obtenir la largeur/Hauteur de l'image
Si tout ce que vous avez pour une image est l'URL, vous pouvez toujours trouver les dimensions:...
Mettre en surbrillance une sous-chaîne
HTML Tidy
fonction
HTTP ou HTTPS
Importer CSV dans MySQL
Augmenter la taille maximale de téléchargement PHP
De nombreux hôtes partagés mettent des restrictions très faibles sur la taille des fichiers qui...
Insérer un élément à chaque nième boucle
Lorsque vous êtes à l'intérieur d'une boucle, vous pouvez suivre le numéro d'itération de la bo...
Contrôle intelligent du cache PHP
Cet extrait de code vérifie si une page a été modifiée depuis son dernier affichage. Si c'est l...
Fonction de connexion
Ces fonctions connecteront un utilisateur basé sur un nom d'utilisateur et un mot de passe corr...
Faire un nombre aléatoire
fonction
Classe de sauvegarde MySQL
504 Gateway Time-out 504 Ga...
Classe d'accès à la base de données MySQL
504 Gateway Time-out 504 Ga...
Classe de restauration MySQL
504 Gateway Time-out 504 Ga...
Options pour tronquer les chaînes
Tampon de sortie
Fonction de pagination
fonction
Parse JSON
Effectuer une fonction sur chaque élément d'un tableau
array_map () prend deux arguments. Le premier argument est la fonction à exécuter sur le second...
PHP Array contient
Vérifiez si la valeur est dans le tableau et sorties Oui ou Non
Paramètres de date PHP
Détection d'IE PHP
PHP Inclure
Redirection PHP
PHP Zebra Striping une table
Boucle de validation POST
Navigation alphabétique rapide
Peut être utile pour une navigation de style carnet d'adresses.
Couleur hexagonale aléatoire
Afficheur de slogan aléatoire
Créez un fichier texte appelé slogans.txt avec les permissions qu'il peut être lu par le serveu...
Chaîne aléatoire de caractères prédéfinis
Randomize Image d'arrière-plan
Randomiser le nom du fichier
fonction
Lire/Écrire des fichiers
Ne renvoyer qu'une seule variable de la requête MySQL
Générateur RSS
Vous aurez besoin d'une base de données MySQL avec une table appelée `rss_feed` Dans ce tableau...
Désinfecter les entrées de la base de données
Envoyer un SMS
Vous "aurez besoin d'un compteTextMagice...
Envoyer un email
Séparer Prénom et Nom
$ name =
Réinitialisation de l'image côté serveur
Le code utilise PHP pour redimensionner une image (actuellement seulement jpeg). En utilisant c...
Testeur simple de plage de code postal
Cette regex ci-dessous teste le code postal fourni s'il commence par les chiffres 096 et qu'il ...
Fonction Time Ago
Ceci peut être utilisé pour les commentaires et autres de la communication pour indiquer l'heur...
Tronquer la longue chaîne exactement au milieu
Ceci tronquera une chaîne plus longue en une chaîne plus petite de longueur spécifiée (par exem...
Tronquer la chaîne par les mots
Dézipper les fichiers
Mettre à jour les valeurs de la table entière
Ce code suppose que vous êtes connecté à une base de données MySQL qui possède une table avec d...
Validation d'URL
$ url =
Variables variables
Zéro nombre rembourré