Fragmenty kodu 2025, Styczeń

RewriteEngine on RewriteCond% (HTTPS)! On RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Jeśli masz proxy przed serwerem wykonującym TLS "

Większość serwerów WWW obsługuje zawartość XHTML jako tekst / html, co jest zdecydowanie właściwym sposobem obsługi dokumentów XHTML. Jeśli serwer nie robi tego poprawnie, "

Jeśli nie możesz zmienić konfiguracji serwera Apache, użyj tego kodu, aby wymusić dekodowanie strony na utf-8. AddDefaultCharset utf-8 "

W przypadku witryn hostowanych przez Dreamhost masz domyślnie stronę analityczną pod adresem yoursite.tld / stats /. WordPress może temu przeszkodzić, myśląc, że jesteś „

Dodaje czcionki o stałej szerokości, rozmiar i datę pliku, możliwość sortowania. Propaguje do katalogów wyższego poziomu. Zobacz przykład. IndexOptions FancyIndexing IndexOptions "

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

Odmów z wyjątkiem określonych adresów IP Odmowa, zezwalaj Odmów od wszystkich Zezwalaj od xxx.xxx.xxx.xxx Zezwalaj od xxx.xxx.xxx.xxy Zezwalaj z wyjątkiem określonych adresów IP Porządek "

Zwykle index.html lub index.php jest domyślną stroną, którą serwer wyświetla podczas odwiedzania katalogu bez określania nazwy pliku. Możesz to zmienić za pomocą „

Kompresja skraca czas odpowiedzi, zmniejszając rozmiar odpowiedzi HTTP. Gzip jest obecnie najpopularniejszą i skuteczną metodą kompresji.

Zamiast wywoływać / dołączać plik, którego potrzebujesz na każdej stronie, możesz go automatycznie dołączyć na początku (u góry pliku) lub dołączyć (u dołu "

Ten kod jest przydatny w konfiguracjach z wieloma środowiskami (przejściowymi, produkcyjnymi itp.). Pozwala na synchronizację plików htaccess przy jednoczesnym zachowaniu „

To najczystszy sposób na przekierowanie adresu URL. Szybki, łatwy i przyjazny dla wyszukiwarek. Pamiętaj, że rzeczy HTAccess są przeznaczone tylko dla serwerów Apache. Przekieruj pojedynczy „

.typewriter h1 (overflow: hidden; / * Zapewnia, że ​​zawartość nie zostanie ujawniona przed animacją * / border-right: .15em jednolicie pomarańczowy; / * Kursor maszynistki "

Przeglądarki stacjonarne WebKit dodają małe strzałki w górę w dół do pól wejściowych zwanych pokrętłami. Możesz je wyłączyć wizualnie w ten sposób: „

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

Odświeżająco prosty (ale sprytny) sposób tworzenia pionowej osi czasu przy użyciu prostej, semantycznej nieuporządkowanej listy () od Petera Coopera. ol ("

Możemy użyć wielu wartości text-shadow i box-shadow, aby stworzyć trójwymiarowy wygląd bloków lub tekstu, tak jak ten zrzut ekranu Davida DeSandro "

Wymagane są wszystkie poniższe elementy, więc tekst musi znajdować się w jednej prostej linii, która przepełnia pole, w którym to przepełnienie jest ukryte. .truncate (szerokość: "

Treść treści (tło: # e6e6e6;). Narożniki (tło: # f6f6f6; wysokość: 700px; margines: 50px auto; max-width: 600px; position: względna; width: 80%; "

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

Jeśli szukasz sposobu na ustawienie typu w pionie, najlepszym rozwiązaniem jest prawdopodobnie tryb pisania CSS. Jeśli próbujesz tylko zmienić tekst, „

Cień wzdłuż górnej krawędzi strony internetowej, na przykład: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Nie ma właściwości CSS - krycie tła, ale można to sfałszować, wstawiając pseudoelement ze zwykłym kryciem o dokładnym rozmiarze elementu za "

Domyślne ustawienie czcionki systemowej określonego systemu operacyjnego może zwiększyć wydajność, ponieważ przeglądarka nie musi pobierać żadnych plików czcionek, tylko „

Przezroczyste obramowanie wewnętrzne .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: względna;) .inner-border: before (border: "

Tekst zastępczy w wejściach ma (w przeglądarkach implementujących go do tej pory) kolor jasnoszary. Aby nadać mu styl, potrzebujesz właściwości CSS przedrostka dostawcy ”.

Zespół programistów Medium omówił kilka złych praktyk, które naruszają dostępność. W jednym przykładzie twierdzą, że krycie nie jest dobrze obsługiwane ”

.blood (kolor: srebrny; cień tekstu: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px ”

Otwarcie na Gwiezdne Wojny jest ikoniczne. Efekt przewijania tekstu zarówno w górę, jak i poza ekran był zarówno szalonym, fajnym efektem specjalnym dla filmu z powrotem "

Działa świetnie, jeśli możesz zastosować stałą wysokość do stopki. Zawartość! Jestem Sticky Footer. * (margin: 0;) html, body (height: 100%;) .page-wrap ("