Надежда WEBa

В PHP есть суперглобальные переменные - такие "суперкоробки", к которым есть доступ из любой точки кода. В них сложены разные типы данных: от запроса пользователя до служебной информации сервера. $ GLOBALS $_SERVER $_REQUEST $_POST $_GET $_FILES $_ENV $_COOKIE $_SESSION $_GET забирает всё, что окажется в адресной строке после вопросительного знака. Например: site. ru/?id=5&level=3 Нас интересует id и level. В коде...

Собрала несколько реально нужных свойств (и значений), которые и меня часто выручают. Но эти свойства многие почему-то забывают в процессе. Разберем подробнее: Свойство задает фиксированное соотношение сторон блоку/картинке (4:3, 16:9, квадрат, вертикальное видео и т.п.). Например: .box { aspect-ratio: 16 / 9; } Must have, когда нужно задать размер условному видео - на адаптиве будет выглядеть отлично и никаких танцев с бубном с width, height и прочим. Свойство используется для картинок. Когда нужно,...

Год назад просила GPT сгенерить картинку с фотоаппаратом - нужно было для оформления сайта. Создай изображение. На нем должен быть сверху справа современный фотоаппарат canon. Фон бежевый. Позади фотоаппарата вспышка. Картинка размером 1920 на 1100 На что результат вышел "так себе" и идея с генерацией была отброшена. (см. 1 фото) Сегодня попросила уже модель GPT-4o по тому же промту, что и год назад, создать новое изображение. Результат на втором фото...

Когда верстаешь характеристики товара, руки тянутся накидать просто div за div'ом. Оно ведь работает. Но есть нюанс: 👉 <div> — это пустой контейнер. Для браузера и скринридера он ничего не значит. 👉 <ul><li> — это список. Скринридер скажет: «Список из 5 элементов», и озвучит каждый пункт. Если это список, то они трактуют его как список. Иногда такие штуки попадают даже в сниппеты — прямо в поисковой выдаче показывается аккуратный перечень...

Допустим, есть картинка на странице, расположенная по центру. С bootstrap это выглядит так: <div class="container"> <div class="row justify-content-center"> <div class="col-md-6"> <img src="image.jpg" class="img-fluid" alt=""> </div> </div> </div> Кажется, что всё нормально. Но что на деле: 🙉 .container задаёт отступы в 15px по краям 🙈 .row задаёт -15px margin слева и справа 🙉 .col-md-6 фиксирует ширину и ломает мобилку 🙈 ...

Сайт грузится медленно и вы в панике? Самое время проверить базовые вещи: Запускаем проверку через PageSpeed или Lighthouse в Chrome DevTools. Сразу видим основные проблемы: тяжёлые картинки, лишние скрипты, не настроено кэширование. Открываем вкладку Network и перезагружаем страницу. Смотрим: - какие файлы грузятся дольше всего - есть ли запросы, которые «висят» или вообще не завершаются - реальный вес страницы Если фронт чистый (картинки оптимизированы, скрипты в норме и т.п.), но сайт всё равно медленный, то проблема может быть на стороне сервера...