Kod parçacıkları 2025, Ocak

RewriteCond% (HTTPS)! Üzerinde RewriteEngine! On RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Sunucunuzun önünde TLS gerçekleştiren bir proxy varsa "

Çoğu web sunucusu, XHTML içeriğini metin / html olarak sunar; bu, XHTML belgelerini işlemenin kesinlikle doğru yoludur. Sunucunun bunu doğru yapmaması durumunda, "

Apache sunucusunun yapılandırmasını değiştiremezseniz, sayfanın kodunun utf-8 olarak çözülmesini sağlamak için bu kodu kullanın. AddDefaultCharset utf-8 "

Dreamhost ile barındırılan web siteleri için, yoursite.tld / stats / adresinde varsayılan olarak bir analiz sayfanız vardır. WordPress, "

Sabit genişlikte yazı tipleri, dosya boyutu ve tarih, sıralama özelliği ekler. Daha yüksek düzeydeki dizinlere yayılır. Örneğe bakın. IndexOptions FancyIndexing IndexOptions "

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

Belirli IP'ler haricinde reddet Sipariş reddetme, xxx.xxx.xxx.xxx'ten Tümünden Reddetmeye İzin Ver xxx.xxx.xxx.xxy'den izin ver Belirli IP Sıraları dışında izin ver "

Normalde index.html veya index.php, bir sunucunun bir dosya adı belirtmeden bir dizini ziyaret ederken sunduğu varsayılan sayfadır. Bunu "ile değiştirebilirsiniz

Sıkıştırma, HTTP yanıtının boyutunu azaltarak yanıt sürelerini azaltır. Gzip, şu anda en popüler ve etkili sıkıştırma yöntemidir "

Her bir sayfada ihtiyacınız olan bir dosyayı aramak / eklemek zorunda kalmak yerine, bunların otomatik olarak başına (dosyanın üstüne) veya sonuna ("öğesinin altına) eklenmesini sağlayabilirsiniz.

Bu kod, çoklu ortam kurulumları (hazırlama, üretim, vb.) İçin kullanışlıdır ve htaccess dosyalarınızı bir "

Bu, bir URL'yi yeniden yönlendirmenin en temiz yoludur. Hızlı, kolay ve arama motoru dostu. HTAccess öğelerinin yalnızca Apache sunucuları için olduğunu unutmayın. Tek bir "

.typewriter h1 (overflow: hidden; / * İçeriğin animasyona kadar açığa çıkmamasını sağlar * / border-right: .15em sabit turuncu; / * Daktilo imleci "

WebKit masaüstü tarayıcıları, döndürücü adı verilen sayı girişlerine küçük yukarı aşağı oklar ekler. Bunları görsel olarak şu şekilde kapatabilirsiniz: "

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

Peter Cooper'dan düz, semantik sıralanmamış bir liste () kullanarak dikey bir zaman çizelgesi oluşturmanın canlandırıcı derecede basit (ancak kurnaz) bir yolu. ol ("

David DeSandro'nun bu ekran görüntüsü gibi, bloklara veya metne üç boyutlu bir görünüm oluşturmak için birden çok metin gölgesi ve kutu gölgesi değeri kullanabiliriz "

Aşağıdakilerin tümü gereklidir, bu nedenle metin, taşmanın gizlendiği bir kutunun dışına taşan tek bir düz çizgi halinde olmalıdır. .truncate (genişlik: "

İçerik gövdesi (arka plan: # e6e6e6;) .corners (arka plan: # f6f6f6; yükseklik: 700px; kenar boşluğu: 50px otomatik; maks. Genişlik: 600px; konum: göreli; genişlik:% 80; "

Ul (kenar boşluğu: 0.75em 0; dolgu: 0 1em; liste stili: yok;) li :: before (içerik: ""; border-color: transparent # 111; border-style: solid; border-width: "

Aradığınız şey, yazıyı dikey olarak ayarlamanın bir yoluysa, muhtemelen en iyisi CSS yazma modudur. Yalnızca metni çevirmeye çalışıyorsanız, siz "

Web sitesinin üst kenarı boyunca gölge, şunun gibi: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

CSS özelliği arka plan opaklığı yoktur, ancak arkasındaki öğenin tam boyutu kadar normal opaklığa sahip bir sözde öğe ekleyerek bunu taklit edebilirsiniz "

Belirli bir işletim sisteminin sistem yazı tipini varsayılan olarak ayarlamak performansı artırabilir çünkü tarayıcının yazı tipi dosyalarını indirmesi gerekmez, "

Şeffaf İç Kenarlık .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: göreli;) .inner-border: before (border: "

Girişlerdeki yer tutucu metin (şimdiye kadar uygulayan tarayıcılarda) açık gri renge sahiptir. Biçimlendirmek için satıcı öneki CSS özelliklerine ihtiyacınız olacak. "

Medium'daki geliştirme ekibi, erişilebilirliği bozan bazı kötü uygulamaları tartıştı. Bir örnekte, opaklığın iyi desteklenmediğini savunuyorlar "

.blood (renk: gümüş; metin-gölge: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Star Wars'a açılış ikoniktir. Ekrandan hem yukarı hem de uzağa kaydırmanın etkisi, hem bir film için çılgın ve havalı bir özel efektti "

Altbilgiye sabit bir yükseklik uygulayabilirseniz harika çalışır. İçerik! Ben Yapışkan Altbilgiyim. * (kenar boşluğu: 0;) html, gövde (yükseklik:% 100;) .page-wrap ("