Фрагменты кода 2025, Январь

RewriteEngine на RewriteCond% (HTTPS)! На RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Если перед вашим сервером есть прокси, выполняющий TLS "

Большинство веб-серверов обслуживают содержимое XHTML как текст / html, что определенно является правильным способом обработки документов XHTML. Если сервер делает это неправильно, "

Если вы не можете изменить конфигурацию сервера Apache, используйте этот код для принудительного декодирования страницы в utf-8. AddDefaultCharset utf-8 "

Для веб-сайтов, размещенных на Dreamhost, у вас по умолчанию есть страница аналитики yoursite.tld / stats /. WordPress может этому помешать, думая, что вы "

Добавляет шрифты фиксированной ширины, размер файла и дату, возможность сортировки. Распространяется в каталоги более высокого уровня. См. Пример. IndexOptions FancyIndexing IndexOptions "

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

Запретить, кроме определенных IP-адресов. Запретить порядок, разрешить Запретить со всех Разрешить с xxx.xxx.xxx.xxx Разрешить с xxx.xxx.xxx.xxy Разрешить, кроме определенных IP-адресов Порядок »

Обычно index.html или index.php - это страница по умолчанию, которую сервер обслуживает при посещении каталога без указания имени файла. Вы можете изменить это с помощью "

Сжатие сокращает время ответа за счет уменьшения размера HTTP-ответа. Gzip - самый популярный и эффективный метод сжатия в настоящее время »

Вместо того, чтобы вызывать / включать файл, который вам нужен на каждой странице, вы можете автоматически добавлять их в начало (начало файла) или добавление (внизу "

Этот код полезен для настройки нескольких сред (промежуточная, производственная и т. Д.), Он позволяет вам синхронизировать файлы htaccess, сохраняя при этом "

Это самый чистый способ перенаправить URL-адрес. Быстро, легко и удобно для поисковых систем. Помните, что HTAccess предназначен только для серверов Apache. Перенаправить сингл "

.typewriter h1 (overflow: hidden; / * Гарантирует, что содержимое не будет показано до анимации * / border-right: .15em сплошной оранжевый; / * Курсор машинки "

Браузеры WebKit для настольных ПК добавляют маленькие стрелки вверх-вниз к числовым вводам, называемым счетчиками. Вы можете отключить их визуально так: "

.text-shadow (@string: 0 1px 3px rgba (0, 0, 0, 0.25)) (текст-тень: @string;) .box-shadow (@string) (-webkit-box-shadow: @string; -moz-box-shadow: "

Освежающий простой (но хитрый) способ создать вертикальную шкалу времени с помощью прямого семантического неупорядоченного списка () от Питера Купера. ол ("

Мы можем использовать несколько значений text-shadow и box-shadow для создания трехмерного вида блоков или текста, как на этом снимке экрана Дэвида ДеСандро "

Все следующее является обязательным, поэтому текст должен быть в одной прямой линии, которая выходит за пределы поля, где это переполнение скрыто. .truncate (ширина: "

Тело содержимого (background: # e6e6e6;) .corners (background: # f6f6f6; height: 700px; margin: 50px auto; max-width: 600px; position: relative; 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: "

Если то, что вы ищете, - это способ вертикальной установки шрифта, лучше всего выбрать режим записи CSS. Если вы просто пытаетесь перевернуть текст, вы "

Тень вдоль верхнего края веб-сайта, например: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Не существует свойства CSS background-opacity, но вы можете подделать его, вставив псевдоэлемент с обычной непрозрачностью, равный точному размеру элемента позади "

Использование по умолчанию системного шрифта конкретной операционной системы может повысить производительность, поскольку браузеру не нужно загружать файлы шрифтов, это "

Прозрачная внутренняя граница .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: relative;) .inner-border: before (border: "

Текст-заполнитель во входных данных имеет (в браузерах, реализующих его до сих пор) светло-серый цвет. Чтобы оформить его, вам понадобятся свойства CSS префикса поставщика ".

Команда разработчиков Medium обсудила некоторые плохие практики, которые нарушают доступность. В одном примере они утверждают, что непрозрачность не поддерживается "

.blood (color: silver; text-shadow: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Начало «Звездных войн» является знаковым. Эффект прокрутки текста вверх и от экрана был одновременно безумно классным спецэффектом для фильма "

Отлично работает, если вы можете применить фиксированную высоту к нижнему колонтитулу. Содержание! Я липкий нижний колонтитул. * (margin: 0;) html, body (height: 100%;) .page-wrap ("