Фрагменты кода 2024, Декабрь

Прозрачные фоновые изображения - CSS-хитрости

Прозрачные фоновые изображения - CSS-хитрости

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

Top Shadow - CSS-хитрости

Top Shadow - CSS-хитрости

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

Поворот текста - CSS-хитрости

Поворот текста - CSS-хитрости

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

Треугольные маркеры списка - CSS-хитрости

Треугольные маркеры списка - CSS-хитрости

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

Заправленные углы - CSS-хитрости

Заправленные углы - CSS-хитрости

Тело содержимого (background: # e6e6e6;) .corners (background: # f6f6f6; height: 700px; margin: 50px auto; max-width: 600px; position: relative; width: 80%; "

Усечь строку с многоточием - CSS-хитрости

Усечь строку с многоточием - CSS-хитрости

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

Двухцветные трехмерные блоки и текст - CSS-хитрости

Двухцветные трехмерные блоки и текст - CSS-хитрости

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

Неупорядоченный список как временная шкала - CSS-хитрости

Неупорядоченный список как временная шкала - CSS-хитрости

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

Полезные CSS3 LESS Mixins - CSS-хитрости

Полезные CSS3 LESS Mixins - CSS-хитрости

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

Отключить счетчики ввода чисел - CSS-хитрости

Отключить счетчики ввода чисел - CSS-хитрости

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

Пишущая машинка Эффект - CSS-хитрости

Пишущая машинка Эффект - CSS-хитрости

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

301 редирект - CSS-хитрости

301 редирект - CSS-хитрости

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

Разрешить одиночный URL через .htaccess Защита паролем - CSS-хитрости

Разрешить одиночный URL через .htaccess Защита паролем - CSS-хитрости

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

Добавить / добавить файлы - CSS-хитрости

Добавить / добавить файлы - CSS-хитрости

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

Активное сжатие Gzip - CSS-хитрости

Активное сжатие Gzip - CSS-хитрости

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

Другая страница указателя каталогов - CSS-хитрости

Другая страница указателя каталогов - CSS-хитрости

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

Запрет и разрешение доступа - CSS-хитрости

Запрет и разрешение доступа - CSS-хитрости

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

Пользовательские страницы ошибок - CSS-хитрости

Пользовательские страницы ошибок - CSS-хитрости

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

Необычное индексирование - CSS-хитрости

Необычное индексирование - CSS-хитрости

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

Получить страницу статистики Dreamhost, работающую на сайте WordPress - CSS-хитрости

Получить страницу статистики Dreamhost, работающую на сайте WordPress - CSS-хитрости

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

Force charset utf-8 - CSS-хитрости

Force charset utf-8 - CSS-хитрости

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

Принудительно исправить тип содержимого для документов XHTML - CSS-хитрости

Принудительно исправить тип содержимого для документов XHTML - CSS-хитрости

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

Принудительно HTTPS - CSS-хитрости

Принудительно HTTPS - CSS-хитрости

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

Принудительно запрашивать правильное местоположение в запросах Favicon - CSS-хитрости

Принудительно запрашивать правильное местоположение в запросах Favicon - CSS-хитрости

По какой-то безумной причине, возможно, злонамеренным сканерам сайта, запросы к веб-серверу для значка во всех известных трещинах сайта довольно распространены ".

Обнаружение iPad - CSS-хитрости

Обнаружение iPad - CSS-хитрости

Конечно, у iPad довольно большой экран и полнофункциональный браузер, поэтому большинству веб-сайтов не нужно иметь их версии для iPad. Но если ты"

IPhone Catcher - CSS-хитрости

IPhone Catcher - CSS-хитрости

RewriteEngine на RewriteCond% (HTTP_USER_AGENT). * IPhone. * RewriteRule ^ index.html $ http://www.mobile.mydomain.com RewriteRule ^ / $ "

Папка (и) защитить паролем - CSS-хитрости

Папка (и) защитить паролем - CSS-хитрости

Поместите файл .htaccess в каталог, который вы пытаетесь защитить: AuthType Basic AuthName "Эта область защищена паролем" AuthUserFile "

Регистрация ошибок PHP - CSS-хитрости

Регистрация ошибок PHP - CSS-хитрости

Записывать ошибки в файл и не показывать их пользователю. Убедитесь, что файл существует и вы можете писать в него. # не отображать ошибки для пользователя "

Принудительно загрузить файлы (не открываются в браузере) - CSS-хитрости

Принудительно загрузить файлы (не открываются в браузере) - CSS-хитрости

AddType application / octet-stream .csv AddType application / octet-stream .xls AddType application / octet-stream .doc AddType application / octet-stream .avi "

Предотвратить хотлинкинг изображений - CSS-хитрости

Предотвратить хотлинкинг изображений - CSS-хитрости

RewriteEngine On RewriteCond% (HTTP_REFERER)! ^ Http: // (. +.)? Yourdomain.com/ RewriteCond% (HTTP_REFERER)! ^ $ RewriteRule. *. (Jpg.webp | gif | bmp.webp | png) $ "