Code Ausschnitte 2025, April

RewriteEngine auf RewriteCond% (HTTPS)! Auf RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Wenn Sie einen Proxy vor Ihrem Server haben, der TLS ausführt "

Die meisten Webserver liefern XHTML-Inhalte als Text / HTML, was definitiv der richtige Weg ist, um mit XHTML-Dokumenten umzugehen. Falls der Server das nicht richtig macht, "

Wenn Sie die Konfiguration des Apache-Servers nicht ändern können, verwenden Sie diesen Code, um die Dekodierung der Seite in utf-8 zu erzwingen. AddDefaultCharset utf-8 "

Für Websites, die mit Dreamhost gehostet werden, haben Sie standardmäßig eine Analyseseite unter yoursite.tld / stats /. WordPress kann dies stören und denken, dass Sie "

Fügt Schriftarten mit fester Breite, Dateigröße und Datum sowie Sortierfunktion hinzu. Wird in übergeordnete Verzeichnisse übertragen. Siehe Beispiel. IndexOptions FancyIndexing IndexOptions "

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

Verweigern, außer von bestimmten IPs. Reihenfolge verweigern, Verweigern von Alle zulassen Von xxx.xxx.xxx.xxx Zulassen von xxx.xxx.xxx.xxy Zulassen von bestimmten IPs Reihenfolge "

Normalerweise ist index.html oder index.php die Standardseite, die ein Server beim Besuch eines Verzeichnisses ohne Angabe eines Dateinamens bereitstellt. Sie können dies mit "

Durch die Komprimierung werden die Antwortzeiten reduziert, indem die Größe der HTTP-Antwort verringert wird. Gzip ist derzeit die beliebteste und effektivste Komprimierungsmethode. "

Anstatt eine Datei, die Sie benötigen, auf jeder einzelnen Seite aufrufen / einfügen zu müssen, können Sie sie automatisch voranstellen (oben in der Datei) oder anhängen (unten in ").

Dieser Code ist nützlich für Setups mit mehreren Umgebungen (Staging, Produktion usw.). Er ermöglicht es Ihnen, Ihre htaccess-Dateien synchron zu halten, während Sie eine "

Dies ist der sauberste Weg, um eine URL umzuleiten. Schnell, einfach und suchmaschinenfreundlich. Denken Sie daran, dass HTAccess nur für Apache-Server bestimmt ist. Einzelne umleiten "

.typewriter h1 (Überlauf: versteckt; / * Stellt sicher, dass der Inhalt erst in der Animation angezeigt wird * / border-right: .15em solid orange; / * Der Schreibmaschinen-Cursor "

WebKit-Desktop-Browser fügen den als Spinner bezeichneten Zahleneingaben kleine Aufwärts- und Abwärtspfeile hinzu. Sie können sie visuell folgendermaßen ausschalten: "

.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: "

Eine erfrischend einfache (und dennoch raffinierte) Methode zum Erstellen einer vertikalen Zeitachse mithilfe einer direkten, semantischen, ungeordneten Liste () von Peter Cooper. ol ("

Wir können mehrere Textschatten- und Kastenschattenwerte verwenden, um Blöcken oder Text ein dreidimensionales Aussehen zu verleihen, wie in diesem Screenshot von David DeSandros "

Alle folgenden Punkte sind erforderlich, daher muss sich der Text in einer einzelnen geraden Linie befinden, die über ein Feld läuft, in dem dieser Überlauf verborgen ist. .truncate (width: "

Inhaltskörper (Hintergrund: # e6e6e6;) .corners (Hintergrund: # f6f6f6; Höhe: 700px; Rand: 50px automatisch; maximale Breite: 600px; Position: relativ; Breite: 80%; "

Ul (Rand: 0,75em 0; Auffüllen: 0 1em; Listenstil: keine;) li :: before (Inhalt: ""; Randfarbe: transparent # 111; Randstil: durchgehend; Randbreite: "

Wenn Sie nach einer Möglichkeit suchen, den Typ vertikal festzulegen, ist der CSS-Schreibmodus wahrscheinlich die beste Wahl. Wenn Sie nur versuchen, Text zu drehen, "

Schatten am oberen Rand der Website, wie folgt: body :: before (Inhalt: ""; Position: fest; oben: -10px; links: 0; Breite: 100%; Höhe: 10px; "

Es gibt keine Hintergrundopazität für CSS-Eigenschaften, aber Sie können sie fälschen, indem Sie ein Pseudoelement mit regulärer Deckkraft einfügen, das genau der Größe des Elements entspricht. "

Die Standardeinstellung der Systemschriftart eines bestimmten Betriebssystems kann die Leistung steigern, da der Browser keine Schriftdateien herunterladen muss.

Transparenter Innenrand .inner-Rand (Hintergrund: # 000; Farbe: #fff; Rand: 50px; Polsterung: 15px; Position: relativ;) .inner-Rand: vor (Rand: "

Platzhaltertext in Eingaben hat (in den Browsern, die ihn bisher implementiert haben) eine hellgraue Farbe. Zum Gestalten benötigen Sie CSS-Eigenschaften mit Herstellerpräfix. "

Das Entwicklungsteam von Medium hat einige schlechte Praktiken besprochen, die die Zugänglichkeit beeinträchtigen. In einem Beispiel argumentieren sie, dass die Deckkraft nicht gut unterstützt wird "

Blut (Farbe: Silber; Textschatten: 4 x 4 x 1 x 300000, 4 x 6 x 1 x 400000, 4 x 8 x 1 x 500000, 4 x 10 x 1 x 600000, 4 x 12 x 1 x 700000, 4 x 14 x 14 "

Die Eröffnung von Star Wars ist eine Ikone. Der Effekt des Bildlaufs von Text nach oben und vom Bildschirm weg war ein verrückter cooler Spezialeffekt für einen Film in "

Funktioniert hervorragend, wenn Sie der Fußzeile eine feste Höhe zuweisen können. Inhalt! Ich bin der Sticky Footer. * (Rand: 0;) HTML, Körper (Höhe: 100%;) .page-wrap ("