Extraits de code 2025, Février

RewriteEngine on RewriteCond% (HTTPS)! On RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Si vous avez un proxy devant votre serveur exécutant TLS "

La plupart des serveurs Web servent du contenu XHTML sous forme de texte / html, ce qui est définitivement la bonne façon de gérer les documents XHTML. Si le serveur ne le fait pas correctement, "

Si vous ne pouvez pas modifier la configuration du serveur Apache, utilisez ce code pour forcer le décodage de la page en utf-8. AddDefaultCharset utf-8 "

Pour les sites Web hébergés avec Dreamhost, vous disposez par défaut d'une page d'analyse sur yoursite.tld / stats /. WordPress peut interférer avec cela, en pensant que vous êtes "

Ajoute des polices de largeur fixe, la taille et la date du fichier, la capacité de tri. Se propage aux répertoires de niveau supérieur. Voir exemple. IndexOptions FancyIndexing IndexOptions "

ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 405 /405.html ErrorDocument "

Refuser sauf à partir d'adresses IP spécifiques Refuser la commande, autoriser Refuser de tout Autoriser à partir de xxx.xxx.xxx.xxx Autoriser à partir de xxx.xxx.xxx.xxy Autoriser sauf à partir d'une commande d'adresses IP spécifiques "

Normalement, index.html ou index.php est la page par défaut qu'un serveur sert lorsqu'il visite un répertoire sans spécifier de nom de fichier. Vous pouvez changer cela avec "

La compression réduit les temps de réponse en réduisant la taille de la réponse HTTP. Gzip est la méthode de compression la plus populaire et la plus efficace actuellement "

Plutôt que d'avoir à appeler / inclure un fichier dont vous avez besoin sur chaque page, vous pouvez les ajouter automatiquement (en haut du fichier) ou en annexe (en bas de "

Ce code est utile pour les configurations multi-environnements (staging, production, etc.) il vous permet de garder vos fichiers htaccess synchronisés tout en maintenant un "

C'est le moyen le plus propre de rediriger une URL. Rapide, facile et convivial pour les moteurs de recherche. N'oubliez pas que les éléments HTAccess sont réservés aux serveurs Apache. Rediriger un seul "

.typewriter h1 (overflow: hidden; / * Garantit que le contenu n'est pas révélé avant l'animation * / border-right: .15em orange uni; / * Le curseur de la machine à écrire "

Les navigateurs de bureau WebKit ajoutent de petites flèches vers le haut aux entrées numériques appelées spinners. Vous pouvez les désactiver visuellement comme ceci: "

.text-shadow (@string: 0 1px 3px rgba (0, 0, 0, 0.25)) (text-shadow: @string;) .box-shadow (@string) (-webkit-box-shadow: @string; -moz-box-shadow: "

Une façon rafraîchissante simple (mais astucieuse) de créer une chronologie verticale à l'aide d'une liste non ordonnée sémantique directe () de Peter Cooper. ol ("

Nous pouvons utiliser plusieurs valeurs text-shadow et box-shadow pour créer un aspect tridimensionnel de blocs ou de texte, comme cette capture d'écran de David DeSandro "

Tous les éléments suivants sont nécessaires, le texte doit donc être sur une seule ligne droite qui déborde d'une boîte où ce débordement est masqué. .truncate (largeur: "

Corps du contenu (arrière-plan: # e6e6e6;) .corners (arrière-plan: # f6f6f6; hauteur: 700px; marge: 50px auto; largeur max: 600px; position: relative; largeur: 80%; "

Ul (margin: 0.75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "

Si ce que vous recherchez est un moyen de définir le type verticalement, le meilleur pari est probablement le mode d'écriture CSS. Si vous essayez simplement de transformer du texte, vous "

Ombre le long du bord supérieur du site Web, comme ceci: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Il n'y a pas de propriété CSS background-opacity, mais vous pouvez la simuler en insérant un pseudo élément avec une opacité régulière de la taille exacte de l'élément derrière "

La sélection par défaut de la police système d'un système d'exploitation particulier peut améliorer les performances car le navigateur n'a pas à télécharger de fichiers de polices, c'est "

Bordure intérieure transparente .inner-border (arrière-plan: # 000; couleur: #fff; marge: 50px; padding: 15px; position: relative;) .inner-border: before (border: "

Le texte d'espace réservé dans les entrées a (dans les navigateurs l'implémentant jusqu'à présent) une couleur gris clair. Pour le styliser, vous aurez besoin des propriétés CSS du préfixe du fournisseur. "

L'équipe de développement de Medium a discuté de certaines mauvaises pratiques qui brisent l'accessibilité. Dans un exemple, ils soutiennent que l'opacité n'est pas bien prise en charge "

.blood (couleur: argent; ombre du texte: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

L'ouverture de Star Wars est emblématique. L'effet du texte défilant à la fois vers le haut et loin de l'écran était à la fois un effet spécial super cool pour un film de retour "

Fonctionne très bien si vous pouvez appliquer une hauteur fixe au pied de page. Teneur! Je suis le Sticky Footer. * (margin: 0;) html, body (hauteur: 100%;) .page-wrap ("