Продолжаем собирать полезные трюки для работы с HTML и CSS. Сегодня — три приема, которые сделают твой код проще, а интерфейсы — приятнее глазу. Поехали! 1. Переменные CSS для легкой кастомизации Переменные (или custom properties) в CSS позволяют хранить значения вроде цветов или размеров в одном месте и менять их на лету. Это как константы […]
Фишки HTML и CSS для быстрой и красивой верстки Read More »
Сегодня поделюсь тремя простыми, но мощными приемами в HTML и CSS, которые помогут сделать твои проекты чище, быстрее и удобнее. Никакой магии — только практика, которую я сам использую. Погнали! 1. Ленивая загрузка изображений без JavaScript Браузеры уже давно поддерживают атрибут loading=”lazy” для тега <img>. Это заставляет картинки загружаться только тогда, когда они попадают в
3 крутые фишки HTML и CSS, которые упростят твою верстку Read More »
Добавьте html блок с кодом: <style> /* CSS для стилизации виджета */ .whatsapp-widget { position: fixed; bottom: 20px; right: 20px; display: flex; align-items: center; justify-content: center; z-index: 9999; border-radius: 50%; background-color: #25D366; width: 60px; height: 60px; } .whatsapp-widget a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; } .whatsapp-widget img
Плавающая кнопка Whatsapp Read More »
Чтобы создать нового пользователя в Ubuntu и дать ему права root, выполните следующие шаги: Создание нового пользователя: Откройте терминал и выполните следующую команду, заменив username на имя нового пользователя: sudo adduser username Следуйте инструкциям, чтобы установить пароль и заполнить дополнительные сведения (можно пропустить, нажав Enter). Добавление пользователя в группу sudo: Выполните следующую команду, чтобы добавить
Cоздать нового пользователя в Ubuntu и дать ему права root Read More »
Для того чтобы развернуть ваш проект на сервере с Ubuntu 22.04, вам нужно будет выполнить следующие шаги: Настройка сервера: Установите Node.js и npm. Установите PM2 для управления процессами Node.js. Настройте брандмауэр, чтобы разрешить трафик на порты, используемые вашим приложением. Установите и настройте веб-сервер Nginx для обратного прокси-сервера. Развертывание сервера: Скопируйте код вашего приложения на сервер.
Развернуть ваш проект, React, node js на сервере с Ubuntu 22.04 Read More »
Flask – установка веб framework-а на Ubuntu 22.04 с nginx и Gunicorn. Прикрепление домена и установка SSL Let’s Encrypt Flask framework: https://palletsprojects.com/p/flask/ Установка дополнительного ПО (в том числе nginx и ssl let’s encrypt генератор python3-certbot-nginx): # apt update # apt install python3-pip python3-dev build-essential libssl-dev libffi-dev python3-setuptools net-tools htop nginx python3-certbot-nginx -y Дать права sudo пользователю Ubuntu user1. # sudo adduser $user1
Flask – установка web framework-а на Ubuntu 22.04 с nginx и Gunicorn Read More »
Шаг 1) Добавить HTML: Пример <!– Триггер/Открыть модальный –><button id=”myBtn”>Открыть модальный</button> <!– Модальный –><div id=”myModal” class=”modal”> <!– Модальное содержание –> <div class=”modal-content”> <span class=”close”>×</span> <p>Некоторый текст в модальном..</p> </div> </div> Шаг 2) Добавить CSS: Пример /* Модальный (фон) */.modal { display: none; /* Скрыто по умолчанию */ position: fixed; /* Оставаться на месте */ z-index: 1; /* Сидеть на вершине */ left: 0; top: 0; width: 100%; /* Полная ширина */ height: 100%; /* Полная высота */
Как сделать – Модальное окно HTML Read More »
HTML — язык разметки, который используется в большинстве веб-страниц. Браузер интерпретирует его значения (теги) и отображает текст и элементы так, как их представляли разработчики. Без стандартизированного языка страницы сайта превращались бы в мешанину из букв, картинок и форм, которой невозможно нормально пользоваться. Несмотря на то, что сейчас можно создавать отличные сайты на конструкторах в визуальном
Таблица основных тегов html с примерами Read More »
Одностраничный сайт — это отличный способ представить ваш продукт, услугу или идею в интернете. Такие сайты подходят для портфолио, мероприятий, продуктовых лендингов. Они позволяют пользователю получить всю необходимую информацию, пролистывая страницу вниз, без перехода по разделам. Шаг 1. Планирование Прежде чем приступать к дизайну и разработке, важно четко определить цель вашего сайта. Какое действие вы
Как создать одностраничный сайт: Пошаговое руководство Read More »
Создание собственного веб-сайта является важным шагом на пути к цифровому присутствию для любого бизнеса, хобби или личного бренда. Современные технологии и инструменты делают этот процесс доступным даже для начинающих пользователей. В этой статье мы рассмотрим пошаговое руководство по созданию веб-сайта с использованием технологий, подходящих для пользователей любого уровня. Шаг 1: Выбор платформы для создания сайта
Создание собственного веб-сайта Read More »