CSS HTML Python [Инструмент для вёрстки] Auto-VH: автоматическая замена px в vh.

Miron Diamond

Известный
Автор темы
252
163

Доброго времени суток.


Верстал сайтик и вспомнил что когда-то делал для себя эту приколюху на быструю руку которая трансформирует PX в VH.
Для чего эта хуйня собственно нужна?
Благодаря ней, сайт при любом масштабировании будет выглядеть абсолютно одинаково и адекватно.

Пример: https://mirondiamond.ru
(На момент выкладывания поста, сайт не адаптирован под Nokia (Извините если вы уже собрались там масштаб проверять (what))).

Как этим пользоваться?
Скачиваем python, переносим нужный файл в скрипт и воуля! Всё готово.

UPDATE 11.06.2022
  • Убрана система игнорирования параметров внутри блоков @media.
  • Теперь скрипт добавляет результат в конце кода внутри блока @media, условие медии менять можно в исходнике.
  • Добавлено видео с примером.
 

Вложения

  • Auto VH.py
    1.6 KB · Просмотры: 23
Последнее редактирование:

#kweeZ

Известный
577
122
Так и должно быть?

8B63288E-D142-4F2B-8076-90FF7AF07DB6.png
 

Miron Diamond

Известный
Автор темы
252
163
UPDATE 11.06.2022
  • Убрана система игнорирования параметров внутри блоков @media.
  • Теперь скрипт добавляет результат в конце кода внутри блока @media, условие медии менять можно в исходнике.
  • Добавлено видео с примером.
 

RoflHaHaWF

Известный
1,093
456

Доброго времени суток.


Верстал сайтик и вспомнил что когда-то делал для себя эту приколюху на быструю руку которая трансформирует PX в VH.
Для чего эта хуйня собственно нужна?
Благодаря ней, сайт при любом масштабировании будет выглядеть абсолютно одинаково и адекватно.

Пример: https://mirondiamond.ru
(На момент выкладывания поста, сайт не адаптирован под Nokia (Извините если вы уже собрались там масштаб проверять (what))).

Как этим пользоваться?
Скачиваем python, переносим нужный файл в скрипт и воуля! Всё готово.

UPDATE 11.06.2022
  • Убрана система игнорирования параметров внутри блоков @media.
  • Теперь скрипт добавляет результат в конце кода внутри блока @media, условие медии менять можно в исходнике.
  • Добавлено видео с примером.
getVideoPreview
 
  • Вау
Реакции: Miron Diamond

MrFreeze

Известный
16
1
Вариант, если у вас большой проект и серьезный стек)
 
  • Нравится
Реакции: Miron Diamond