Хотите, чтобы абзац не просто стоял рядом с картинкой, а огибал её по кругу? Это легко осуществить с помощью чистого CSS!
Как работает:
• shape-outside: circle(); задаёт форму, вокруг которой обтекает текст.
• clip-path: circle(); обрезает сам элемент, чтобы он выглядел круглым.
• В итоге текст плавно повторяет форму круга, а не прямоугольника.
Такой приём отлично подходит для аватарок, круглых иконок или необычной вёрстки статей.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥27👍18🤝6❤2
Проверяем интернет-скорость!
Хочешь узнать, насколько быстрый у тебя интернет? Для этого есть готовый пакет
Такой скрипт можно встроить в мониторинг или просто проверить сеть без браузера.
Шаг 1 — импортируем:
Шаг 2 — запускаем тест:
Шаг 3 — форматируем и выводим результаты:
🔥 Теперь у тебя свой
📣 Code Ready | #практика
Хочешь узнать, насколько быстрый у тебя интернет? Для этого есть готовый пакет
speedtest-net, который позволяет получить скорость загрузки, отдачи и пинга. Такой скрипт можно встроить в мониторинг или просто проверить сеть без браузера.
Шаг 1 — импортируем:
const speedTest = require('speedtest-net');Шаг 2 — запускаем тест:
(async () => {
const res = await speedTest({ acceptLicense: true });
})();Шаг 3 — форматируем и выводим результаты:
// Загрузка
console.log(`Download: ${(res.download.bandwidth / 125000).toFixed(2)} Mbps`);
// Выгрузка
console.log(`Upload: ${(res.upload.bandwidth / 125000).toFixed(2)} Mbps`);
// Пинг
console.log(`Ping: ${res.ping.latency} ms`);
🔥 Теперь у тебя свой
speedtest прямо в коде. Можно запускать вручную или добавить в cron для регулярного замера.Please open Telegram to view this post
VIEW IN TELEGRAM
🔥20❤10🤝4👍1
Тег
<ruby> используется для аннотации иероглифов или других символов краткими пояснениями - чаще всего это чтение слов в азиатских языках. Внутри тега размещается основной текст и пояснение к нему.Как пишется:
• <rt> — текст подсказки (аннотация)
• <rp> — дополнительный текст для браузеров, не поддерживающих <ruby> (чаще всего, круглые скобки)
Поэтому, используйте
<ruby> только для небольших фраз или слов.Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23❤12👍7
2🔥12🤝9❤7👍1
В этом гайде создаём интерактивную анимацию, где объект плавно вращается при прокрутке колеса мыши.
Ключевые моменты:
• HTML: минимальная структура с контейнером и анимируемым объектом.
• CSS: градиентный фон, плавные переходы и современный дизайн.
• JS: отслеживание wheel событий и применение CSS transform для вращения.
Подходит для лендингов, портфолио, интерактивных элементов и креативных проектов.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥12❤7🤝4
Меняем громкость системы в Node.js
Иногда нужно программно изменить громкость на устройстве, поставить 100%, выключить звук или приглушить. Это можно сделать через вызов системных команд.
Пример кода (для Windows):
Для Linux:
Для macOS:
🔥 Эти команды можно встроить в оповещение, автонастройку при запуске или управление медиа.
📣 Code Ready | #практика
Иногда нужно программно изменить громкость на устройстве, поставить 100%, выключить звук или приглушить. Это можно сделать через вызов системных команд.
Пример кода (для Windows):
const { exec } = require("child_process");
exec("nircmd.exe setsysvolume 65535"); // 100% громкостиДля Linux:
exec("amixer sset Master 50%"); // 50% громкостиДля macOS:
exec("osascript -e 'set volume output volume 30'"); // 30% громкости🔥 Эти команды можно встроить в оповещение, автонастройку при запуске или управление медиа.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14👍8🔥7
В этой шпаргалке собраны основные приёмы для получения текущего времени, создания и форматирования дат, извлечения года, месяца, дня, а также локализованного отображения. Они применяются при построении UI, работе с временными метками и форматировании данных для пользователей.Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23🤝12❤5
Forwarded from IT Ready
И как раз сегодня — этот самый день!
Кстати, 256 не с проста:
Это 2 в степени 8, то есть максимальное количество значений, которые может хранить один байт — основа работы компьютеров.
В невисокосный год праздник выпадает на 13 сентября, а в високосный — на 12-е.
Так что, поздравляю всех программистов!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥44❤11👍8😁3
This media is not supported in your browser
VIEW IN TELEGRAM
Здесь собрана огромная база реальных вопросов по бэкенду, DevOps, Data Science и другим направлениям. Всё структурировано по темам и приближено к формату собеседований в компаниях. Это именно тот ресурс, который нужно держать под рукой!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥10🤝7❤1