Loskir's

Сегодня я узнал, что :nth-of-type считает элементы не по селектору, а по тегу

То есть если есть такой HTML:

<p>1</p>
<p class="a">2</p>

то селектор
p.a:nth-of-type(1) не сработает, а p.a:nth-of-type(2) выделит параграф 2
хотя должно быть всё наоборот

👍3

1.03K views13:10

Loskir's

Сегодня я узнал, что :nth-of-type считает элементы не по селектору, а по тегу То есть если есть такой HTML: <p>1</p> <p class="a">2</p> то селектор p.a:nth-of-type(1) не сработает, а p.a:nth-of-type(2) выделит параграф 2 хотя должно быть всё наоборот

одно из будущих решений этой проблемы — p:nth-child(1 of .a)
и угадайте, в каком браузере оно реализовано?

🌚10👎5😁1

1.14K views13:25

Loskir's

0:26

This media is not supported in your browser

VIEW IN TELEGRAM

🎨 Кастомные стили для VSCode

Полдня мучений с CSS прошли не зря, и я сделал кастомные стили для VSCode, в которых пофиксил несколько бесячих проблем:
• уменьшил высоту вкладок
• немного уменьшил отступы у вкладок
• сделал так, чтобы ширина вкладок в ряду была равномерной
• сделал так, чтобы в последнем ряду вкладки не растягивались на всю ширину, а прижимались к левому краю
• сделал так, чтобы Editor Toolbar мог быть единственным элементом в строке (раньше слева от него всегда должна была стоять ещё одна вкладка)

Как поставить?
1. скачать расширение Custom CSS
2. создать css-файл где-нибудь (наверное, лучше в какой-нибудь папке с конфигами vscode)
3. в настройках Custom CSS добавить путь к этому файлу

Скачать: тут

❤5👍2

1.48K views14:26

Loskir's

type PelmenShape = 'halfcircle' | 'circle' | 'square' | 'rectangle' | string

👍3

1.29K views07:57

Loskir's

Forwarded from Теперь живите с этим

По стандарту России, Белоруссии, Армении и Киргизии, пельмень должен иметь "форму полукруга, круга, квадрата, прямоугольника или произвольную форму"

🔥1

1.35K views07:57

Loskir's

Купили Xiaomi 12

Папа уже много лет пользовался старым добрым Xiaomi Mi8, но вчера телефон внезапно стал странно себя вести, а потом и вовсе ушел в бутлуп. Сделали Factory Reset через TWRP, но через несколько минут ситуация повторилась. Пришлось искать замену

Заказали на яндекс маркете, обошлось примерно в 45 тысяч рублей + кешбек за версию 8/256

Девайсом особо не пользовался, но в руках подержать успел. Он очень компактный: по ширине один в один как пиксель 5, по высоте — чуть больше. В руке лежит очень удобно

В остальном всё тоже как надо: Snapdragon 8 Gen 1, 120 герц, UFS3.1, неплохая камера, неплохие динамики

В общем, мне кажется, хороший девайс за свои деньги

👎14🔥9👍4

1.24K views19:55

Loskir's

🛠 Если типизация не идет к проекту, проект идет к типизации

Есть довольно старый бот на js, локали у которого лежат в yaml-файлах. Хочется иметь автодополнение ключей локалей при написании кода.

Разумеется, из yaml-файла не так просто вытащить ключи. Решение — кодогенерация .d.ts файлов!

Пишем простенький скрипт, который
- читает yaml-файл и парсит его
- проходится по нему и рекурсивно собирает все возможные ключи
- генерирует валидную декларацию (например, просто подставляет значения в строку 🌚)
- кладет этот файл в специальную папку, заигноренную в гите

Дальше импортируем типы из этого файла обычным способом, патчим тайпинги библиотеки и вуаля! Заодно не забываем настроить file watcher на локали, чтобы подсказки автоматически обновлялись при изменении.

🔥10👍1👎1

1.3K views12:38

Loskir's