GrReRu — Frontend (React, Vue)

Облачная синхронизация данных Obsidian через Yandex Disk на компе и на телефоне. Замена Notion. Настройки Яндекс Диска В Яндексе переходим в Пароли приложений https://id.yandex.ru/security/app-passwords Жмем на Файл WebDAV Вводим любое имя, например: Obsidian Копируем пароль Настройка Obsidian (Для компа) Заходим в Настройки -> Сторонние плагины -> Включить плагины сообщества -> Плагины сообщества (обзор) В поле поиска вводим Remotely Save. Выбираем его и жмем: Установить Включить Настройки Choo...

Настройка Godot под Pixel Art проект. Правильная настройка размеров, ресайз под разные экраны, импорт ассетов без размытия, и их расположение. #godot #gamedev

CSS text-wrap: balance — убираем «висячие» слова. Что такое text-wrap: balance? Это свойство которое автоматически балансирует текст, распределяя слова таким образом, чтобы избежать одиночных слов в конце абзацев, и убирает висячие союзы и предлоги в тексте. Пример: <p>Пришел кот на кухню, посмотрел на пустую миску. Нет там больше еды и заплакал он. Невозможно было мне поверить в это...</p> p { text-wrap: balance; } Поддержка браузерами: 86.37%. К сожалению это свойство начали внедрять это неско...

Obsidian – облачная синхронизация через Mail Cloud (Облако) https://blog.grre.ru/6Qd489vEJe8 Настройка Mail cloud Переходим по этой ссылке: https://account.mail.ru/user/2-step-auth/passwords/ Даем любое имя нашему паролю. Например Webdav. Выбираем — Полный доступ к Облаку (WebDAV) Возможно потребуется подтвердить аккаунт. Мы получили пароль от Webdav. Скопируйте и сохраните его, Она нам пригодится когда будем настраивать Obsidian. Настройка Obsidian на компьютере Заходим в Obsidian и нажимаем на...

VS Code не устанавливаются расширения В последнее время на VS Code не загружаются плагины с библиотеки. Как выяснилось не у меня одного такая проблема. Теперь плагины приходится скачивать отдельным VSIX файлом и закидывать его в VS Code. Решение 1 1️⃣ Скачать плагины в формате VSIX можно через этот сервис: https://cypherpunksamurai.github.io/vsix-downloader-webui/ (На официальном сайте отрубили скачку VSIX) 2️⃣ Ищем на сайте нужный плагин и скачиваем его 3️⃣ Открываем VS Code 4️⃣ Заходим в разде...

#html #css #scss #react #vue #godot

HTML-тег inert: управление интерактивностью. HTML-тег inert позволяет отключать интерактивность элементов без CSS и JavaScript Что делает тег inert? – Полностью отключает интерактивность элемента и всех его дочерних элементов. – Игнорируется при навигации с помощью Tab. – Не читается скринридерами. Пример: Можно отключить форму, не вешая disabled на каждую кнопку <div inert> <button>Я отключен</button> <button>Я тоже</button> <a href="#">И я</a> </div> Важно стилизовать кнопки под inert чтобы ви...

Как получить доступ к AI Google Antigravity в России Если вы хотите использовать AI Google Antigravity, но при авторизации выходит ошибка: Sorry, this account is ineligible to use Antigravity Your current account is not eligible for Antigravity, because it is not currently available in your location. 🖕 Решение очень простое: 1️⃣ Переходим в настройки своего аккаунта: policies.google.com/country-association-form 2️⃣ Выбираем страну (например Венгрия) 3️⃣ Выбираем причину смены региона 4️⃣ Нажима...

Как оптимизировать картинки через &nbsp;picture и source Оптимизация изображений – самый простой спсоб ускорить сайт. Современные форматы AVIF и WebP помогут сильно уменьшить вес картинок. Еще нам поможет тег picture – он помогает загружать разные изображения под разные устройства и поддерживаемые форматы. Базовое использование picture <picture> <img src="./imgMobi.png" alt="image" /> </picture> На данный момент это ничем не отличается от простого <img src="./imgMobi.png" alt="image" />, &nbsp;н...

Оптимизация картинок Lazy loading. И подводные камни при использовании CSS свойства background-image picture, img, media, source Вся проблема заключается в том, что при использовании background-image все картинки начинают загружаться сразу, даже если они находятся где-то в конце сайта и пользователь никогда их не увидит. Даже если это иконки по 1кб, это все равно тормозит первичную загрузку сайта, так как запросы на сервер тоже кушают ресурсы и время. Лучше использовать background-image в редких...