Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.

CSS: Как заставить текст вписываться в одну строку

Иногда при оформлении текста на веб-странице возникает потребность в том, чтобы длинные строки не выходили за пределы блока, а текст отображался аккуратно и не ломал дизайн. Для этого можно использовать комбинацию трех CSS-свойств:
  • white-space: nowrap; — запрещает перенос текста на новую строку.
  • overflow: hidden; — скрывает текст, выходящий за пределы блока.
  • text-overflow: ellipsis; — добавляет многоточие () в конце текста, если он не помещается.

Эти свойства работают совместно, чтобы добиться желаемого эффекта.

Пример


.text-container {
    width: 200px; /* Ограничиваем ширину блока */
    white-space: nowrap; /* Запрещаем перенос текста */
    overflow: hidden; /* Скрываем текст, выходящий за пределы */
    text-overflow: ellipsis; /* Добавляем многоточие */
}

<div class="text-container">
    Очень длинный текст, который не поместится в одну строку и должен обрываться многоточием.
</div>

Как это работает


  • white-space: nowrap; — запрещает тексту переноситься
...

Как хранить данные в виде массива в Базе Данных

Хранение данных в виде массива в базе данных — распространённая практика, особенно когда приходится работать с разнородными или динамическими данными. Однако традиционные реляционные базы данных (например, MySQL) не поддерживают хранение массивов напрямую. Рассмотрим лучшие практики хранения и обработки таких данных.

Варианты хранения массивов в базе данных


  1. Тип данных JSON: Начиная с версии MySQL 5.7 появился тип данных JSON, позволяющий хранить массивы и объекты в виде JSON-строки. Это наиболее удобное и современное решение.
  2. Сериялизация: Можно сериализовать массив с помощью PHP-функций serialize() или json_encode() и сохранить результат в виде строки в поле типа TEXT или BLOB.
  3. Нормализация: Нормализация данных подразумевает создание отдельной таблицы для хранения элементов массива. Это идеальный подход с точки зрения дизайна базы данных, но иногда неудобен в эксплуатации.

Пример использования JSON


Допустим, у тебя есть таблица users с полем settings типа JSON:
CREATE TABLE
...

Как предоставить сторонним сайтам доступ к вашим файлам для получения информации

Часто возникает потребность предоставить сторонним сайтам доступ к определенной информации, хранящейся на вашем сервере. Это может быть статистика, прайс-листы, фотографии или другие данные. Существует несколько способов сделать это, обеспечив безопасность и удобство использования.

Зачем предоставлять доступ сторонним сайтам?


  • Монетизация: Продажа доступа к уникальным данным или услугам.
  • Партнерство: Совместная работа с партнерами, предоставление информации о товарах или услугах.
  • Повышение лояльности: Доступ к актуальной информации укрепляет доверие клиентов и партнеров.

Как это сделать?


  1. Использование API: Создайте RESTful API, который предоставляет доступ к информации в формате JSON или XML. Сторонние сайты могут отправлять запросы и получать данные.
  2. Файлы для скачивания: Поставьте файлы в общедоступную директорию или создайте защищённый доступ с помощью авторизации.
  3. RSS-каналы: Предоставьте RSS-канал с актуальными данными, чтобы сторонние сайты могли автоматически получать обновления.
  4. CDN (
...

Запрет размещения своих картинок на сторонних сайтах (Hotlinking)

Hotlinking (хотлинкинг) — это практика, при которой внешние сайты напрямую ссылаются на изображения или другие медиа-ресурсы, расположенные на другом сайте, без загрузки этих ресурсов на собственный сервер. Таким образом, владелец исходного ресурса вынужден тратить дополнительные ресурсы своего сервера (пропускную способность и вычислительные мощности) на обслуживание чужих сайтов.

Проблема хотлинкинга


  • Увеличенная нагрузка на сервер владельца оригинального ресурса.
  • Нарушение авторских прав и интеллектуальной собственности.
  • Потеря контроля над контентом, включая качество и внешний вид изображений.

Способы борьбы с хотлинком


Использование заголовка Referer
Самый распространённый метод заключается в проверке заголовка Referer, отправляемого браузером. Если запрос поступает с другого домена, сервер отклоняет этот запрос.

Пример конфигурации для Nginx:
location ~* \.(jpg|jpeg|gif|png|bmp|ico|webp)$ {
    valid_referers none blocked server_names ~\.google\. ~\.yandex\.;

    if
...

Создание собственного сайта: Полное руководство от идеи до прибыли

Создание личного сайта — отличный способ выразить себя, построить личный бренд или начать собственный бизнес. Рассмотрим поэтапно, как пройти путь от зарождения идеи до успешной реализации и заработка на собственном проекте.



? Этап 1. Определение цели и формирование концепции


Первым делом сформулируйте цель создания сайта. Ответьте на вопросы:
  • Почему вы хотите создать сайт?
  • Какие задачи планируете решить?
  • Кто ваша целевая аудитория?

Примеры целей:
  • Портфолио художника или фотографа.
  • Интернет-магазин уникальных изделий.
  • Информационный портал с полезными статьями.

Создав концепцию, напишите чёткий план действий.

? Этап 2. Выбор имени и регистрация домена


Имя домена должно быть коротким, звучным и отражающим суть вашего проекта. Проверяйте доступность выбранного названия на специализированных сайтах регистрации доменов, таких как Reg.ru или Namecheap.com.

Также важно зарегистрировать подходящий домен (.com, .ru, .org и др.) в зависимости от типа проекта и региона распространения.

?️ Этап 3. Выбор

...