📝 Принцип работы animation-fill-mode в CSS

Свойство animation-fill-mode управляет тем, как анимация применяет стили к элементу до, во время и после воспроизведения анимации

➡️ Возможные значения:

— none (по умолчанию): после анимации элемент вернётся к своим исходным стилям
— forwards: после завершения анимации элемент примет окончательные стили, указанные в последнем ключевом кадре
— backwards: если анимация запущена, но ещё не началась (например, когда таймер анимации в ожидании), элемент уже получит стили первого ключевого кадра (состояния, указанного в @keyframes)
— both: позволяет стилям первого кадра применяться до начала анимации и стилям последнего кадра оставаться после завершения анимации

❓ Why is it needed?
— Cвойство полезно, когда вам нужно контролировать состояние элемента, когда анимация не выполняется, а также поведение анимации до начала и после её завершения

● Следи за новостями VA-PC Code
● Наш основной канал

🍌 Проверяем адаптивность сайта под разные платформы

Незаменимый сервис для верстальщиков, можно легко и быстро проверить, как будет выглядеть готовый сайт

❓ How to use?
— Вставляем ссылку и нажимаем «Go»
— В зависимости от требований меняете расширение

Сам сервис находится здесь

🤔 — тесты? это для слабых, сразу релизим
🔥 — забираю, как раз пригодится

● Следи за новостями VA-PC Code
● Наш основной канал

🤓 Шпаргалка по основным операторам в JS

Сохраняйте, чтобы не потерять!

➡️ == (оператор равенства) сравнивает два значения, преобразуя их к одному типу данных, если это необходимо (5 == 5 - true)

➡️ != (оператор неравенства) проверяет, что два значения не равны (5 != 10 - true)

➡️ === (строгое равенство) сравнивает два значения без преобразования типов данных (5 === "5" - false)

➡️ !== (строгое неравенство) проверяет, что два значения не равны без приведения типов (5 !== "5" - true)

➡️ > (больше) проверяет, что левое значение больше правого (10 > 5 - true)

➡️ < (меньше) проверяет, что левое значение меньше правого (5 < 10 - true)

➡️ >= (больше или равно) проверяет, что левое значение больше или равно правому (5 >= 5 - true)

➡️ <= (меньше или равно) проверяет, что левое значение меньше или равно правому (3 <= 10 - true)

😎 — все держу в голове
😍 — джава ван лав

● Следи за новостями VA-PC Code
● Наш основной канал

📝 Проверка на дубликаты в Python

Скрипт проверяет, содержатся ли в списке повторяющиеся значения. Используется свойство множеств set, которые могут содержать только уникальные элементы

✔️ Для копирования:

def has_duplicates(lst):
return (len(lst) != len(set(lst))

x = [1,2,3,4,5,5]
y = [1,2,3,4,5]


has_duplicates(x)
>>> True
has_duplicates(y)
>>> False

👍 — так можно было?
👎 — есть способы и попроще

● Следи за новостями VA-PC Code
● Наш основной канал

🚪 Бездельник Энтузиаст с Твиттера (X) собрал самые полезные сервисы в одном месте

Кратко пробежимся по содержанию: полезные и в том числе бесплатные нейронки, тонна аналогов популярных программ и библиотеки плагинов для ваших любимых сервисов — от Figma до Framer

Забирайте драгоценную залежь тут

👎 — привык все искать вручную под себя
😎 — уже сохранил в закладки

● Следи за новостями VA-PC Code
● Наш основной канал

😊 Библиотека для создания многоуровневых диалоговых меню в телеграм-ботах

—— aiogram-dialog, используется с aiogram

Поддерживает бета версию aiogram, для этого нужно к pip install добавить --pre

➡️ Краткое содержание:

from aiogram import Bot, Dispatcher
from aiogram.filters import Command
from aiogram.filters.state import State, StatesGroup
from aiogram.fsm.storage.memory import MemoryStorage
from aiogram.types import Message

from aiogram_dialog import (
Dialog, DialogManager, setup_dialogs, StartMode, Window,
)
from aiogram_dialog.widgets.kbd import Button
from aiogram_dialog.widgets.text import Const


class MySG(StatesGroup):
main = State()


main_window = Window(
Const("Hello, unknown person"),
Button(Const("Useless button"), id="nothing"),
state=MySG.main,
)
dialog = Dialog(main_window)

storage = MemoryStorage()
bot = Bot(token='BOT TOKEN HERE')
dp = Dispatcher(storage=storage)
dp.include_router(dialog)
setup_dialogs(dp)


@dp.message(Command("start"))
async def start(message: Message, dialog_manager: DialogManager):
await dialog_manager.start(MySG.main, mode=StartMode.RESET_STACK)


if __name__ == '__main__':
dp.run_polling(bot, skip_updates=True)

● Следи за новостями VA-PC Code
● Наш основной канал

🎃 Подборка незаменимых плагинов для VS Code

Даю вам мега-крутую статью с разбором плагинов для VS Code. Все представленные в этой подборке плагины универсальны: они пригодятся фронтендерам, бэкендерам и фулстек-разработчикам

Забирайте — *тык*

🗿 — не использую VS Code
😍 — годно, давно искал

● Следи за новостями VA-PC Code
● Наш основной канал

💻Функция ascii()

—— Функция ascii() возвращает строку, содержащую печатаемое представление объекта (читаемую версию объекта, например: списка, кортежа, словаря и т.д.)

➡️ Пример преобразования текстовой строки в строку в ASCII символов:

>>> line = 'My name is Антон'
>>> x = ascii(line)
>>> x
# 'My name is \u0410\u043d\u0442\u043e\u043d'

😱 — только сейчас узнал, запомню

● Следи за новостями VA-PC Code
● Наш основной канал

😷 Жизнь вне IT по мнению ИИ:

❤️ — чистая правда
🤔 — да и по мнению не только ИИ...

● Следи за новостями VA-PC Code
● Наш основной канал

🤭 Collections — встроенный модуль, который сильно упрощает жизни

Он подсчитает количество элементов Counter, подставит значение на место несуществующего ключа (defaultdict) и многое другое

✔️ Подробнее читайте тут

👍 — база база

● Следи за новостями VA-PC Code
● Наш основной канал

🏃 Шпаргалка по значениям свойства position в CSS

Свойство position определяет способ позиционирования элемента на странице. Доступны несколько значений, каждое из которых имеет свои особенности:

➡️ static — по умолчанию для всех элементов. Элементы с position: static позиционируются согласно обычному потоку документа
➡️relative — элемент позиционируется относительно своего изначального положения. Свойства top, right, bottom, left могут использоваться для смещения элемента
➡️ absolute — элемент вырывается из обычного потока документа и позиционируется относительно ближайшего родителя с позицией relative, или относительно окна браузера, если у родителя нет позиции relative
➡️ fixed — элемент позиционируется относительно окна браузера. Он остается на месте при прокрутке страницы
➡️ sticky — элемент ведет себя как relative до тех пор, пока он видим в окне просмотра. При прокрутке за пределы стики элемента он становится зафиксированным

А если хотите попрактиковаться со значением, ловите приятный бонус: *тык*

👍 — за практику отдельный респект

● Следи за новостями VA-PC Code
● Наш основной канал

🤔 Artifacts: MMORPG с управлением персонажами через API на языке программирования

Artifacts выделяется возможностью автоматизации геймплея через API. То есть игроки могут создавать свои собственные скрипты и ботов для выполнения различных задач

Например:

— Создание ботов
— Управление ресурсами
— Интерактивная экономика

Игра находится на стадии альфа-тестирования и активно развивается, ознакомиться с проектом можно перейдя сюда

😱 — почему этого не было раньше?
😍 — обязательно надо попробовать

● Следи за новостями VA-PC Code
● Наш основной канал

😳 Emoji в Python

Можно и разнообразить вывод, и разбавить код, да и использовать эмодзи как пометки — применений куча. В том числе и при работе с чатами или создании модулей мессенджера

Установка: pip install emoji

😎 — давно юзаю/начну
👎 — не дети вроде...

● Следи за новостями VA-PC Code
● Наш основной канал

🤔 Что такое NaN?

Not a Number (не число) — состояние float, при котором устройство не смогло посчитать какое-то выражение

Компьютер не в силах (как и мы) поделить 0 на 0 или узнать asin(2), поэтому возвращает NaN

● Следи за новостями VA-PC Code
● Наш основной канал

🚬 Быстрое форматирование и вывод JSON данных

Иногда нужно выводить JSON данный в читаемом виде, для этого пригодится встроенная библиотека JSON. Она позволяет легко форматировать данные, делая их более структурированными для чтения и анализа

🤔 — не работаю с JSON
😎 — уже знаю и использую

● Следи за новостями VA-PC Code
● Наш основной канал

😦 Спецы с Хабра подсчитали зарплаты разработчиков в первом полугодии 2024 года

Самый ощутимый рост оказался у программиста 1C — на целых 18%, до 180.000 ₽. Далее: на 13% выросли зарплаты фронтендеров, на 12% — разрабов игр

Сам же порядок мест в топе практически не изменился

*% — разница между первым полугодием 2024 и вторым полугодием 2023

🫡 — про верстальщиков все и забыли(
😱 — архитектор ПО 388к?! я хлебом получаю...

● Следи за новостями VA-PC Code
● Наш основной канал

🦤 Быстрая замена значений в столбце DataFrame на основе условий

Когда вам нужно заменить значения в столбце на основе условий, вместо использования циклов, можно воспользоваться np.where из библиотеки NumPy

😏 Он будет особенно полезен для аналитиков данных и всех, кто работает с большими наборами данных, где требуется производить массовые изменения данных на основе условий

🗿 — я в танке, что такое DataFrame?

● Следи за новостями VA-PC Code
● Наш основной канал

🎅 Представлена утилита командной строки для вывода количества запросов (request counts) из файлов access.log nginx

Проект ngtop открытый, исходный код написан на go и распространяется на GitHub под лицензией GNU General Public License v3.0

Инструкция и сама программа лежат здесь

😍 — это мне надо
🤔 — не приходилось выводить запросы

● Следи за новостями VA-PC Code
● Наш основной канал

💻 Шпаргалка по Machine Learning

Шпора по Python 3 поможет вам как быстрее начать работу если вы только начинаете изучение питона, так и быстрее включиться в процесс если уже позабыли базу

Сохраняйте, чтобы не потерять!

✔️ Сама шпора тут

👍 — уже в закладках
😐 — машин лёрнинг вот из ит

● Следи за новостями VA-PC Code
● Наш основной канал

😢 VPN — В.С.Ё. Роскомнадзор планирует запретить любую информацию о сервисах

Теперь научная, техническая и статистическая инфа будет считаться способами обхода блокировки. Примут приказ 5 августа, а вступит в силу он уже 1 марта 2025 года

😂 — блокировать будто как телеграм в 2018?
🤔 — за ютуб обиднее всего(

● Следи за новостями VA-PC Code
● Наш основной канал

👋 Спасение от кучи багов о котором вы могли не знать

—— round(x) округляет x до ближайшего чётного числа, а не так, как мы привыкли (3.5 => 4; 2.5 => 3)

Если вам нужно, чтобы 2.5 округлялось до трёх, то посмотрите в сторону decimal с настройкой ctx.rounding = ROUND_HALF_UP

😎 — уже шарил
😐 — тру база

● Следи за новостями VA-PC Code
● Наш основной канал