🌍 Twitter Location Flags Extension
Расширение для Chrome, которое добавляет флаги стран к именам пользователей на Twitter/X, основываясь на их местоположении. Оно автоматически определяет пользователей и запрашивает информацию о местоположении через GraphQL API Twitter.
🚀Основные моменты:
- Отображает флаги стран рядом с именами пользователей
- Работает с динамически загружаемым контентом
- Кэширует данные о местоположении для снижения нагрузки на API
- Не требует передачи данных третьим лицам
📌 GitHub: https://github.com/RhysSullivan/twitter-account-location-in-username
#javascript
Расширение для Chrome, которое добавляет флаги стран к именам пользователей на Twitter/X, основываясь на их местоположении. Оно автоматически определяет пользователей и запрашивает информацию о местоположении через GraphQL API Twitter.
🚀Основные моменты:
- Отображает флаги стран рядом с именами пользователей
- Работает с динамически загружаемым контентом
- Кэширует данные о местоположении для снижения нагрузки на API
- Не требует передачи данных третьим лицам
📌 GitHub: https://github.com/RhysSullivan/twitter-account-location-in-username
#javascript
🤔2❤1👍1
⚡️ Крупное обновление легендарной библиотеки иконок для фронтенда
Для фронтенд-разработчиков вышло масштабное обновление одной из самых известных библиотек иконок. Экосистема заметно выросла и теперь включает:
- 63 119 иконок и 30 стилей — от минимализма до детальной графики;
- полноценную SVG-библиотеку и шрифтовые лигатуры, которые работают как обычный текст;
- обновлённый дизайн и новые тематические наборы;
- официальные NPM-пакеты для React и других фреймворков;
- удобные варианты поставки: CDN, SVG-пакеты, шрифты;
- полностью переработанную архитектуру без legacy-зависимостей.
Инструмент стал универсальным решением: подходит для интерфейсов, дизайн-систем, прототипов и продакшн-приложений.
https://github.com/FortAwesome/Font-Awesome
@javascriptv
Для фронтенд-разработчиков вышло масштабное обновление одной из самых известных библиотек иконок. Экосистема заметно выросла и теперь включает:
- 63 119 иконок и 30 стилей — от минимализма до детальной графики;
- полноценную SVG-библиотеку и шрифтовые лигатуры, которые работают как обычный текст;
- обновлённый дизайн и новые тематические наборы;
- официальные NPM-пакеты для React и других фреймворков;
- удобные варианты поставки: CDN, SVG-пакеты, шрифты;
- полностью переработанную архитектуру без legacy-зависимостей.
Инструмент стал универсальным решением: подходит для интерфейсов, дизайн-систем, прототипов и продакшн-приложений.
https://github.com/FortAwesome/Font-Awesome
@javascriptv
👍8❤3🔥1😱1
Фронтендеры из ЮMoney поделятся опытом 6 декабря, онлайн, на бесплатной IT-конференции ЮMoneyDay, который помогает делать быстрее и качественнее:
Подробнее о программе и регистрации — на сайте конференции
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
🖨️🎨 Sticker Dream: голосовой принтер наклеек
Создайте наклейки с помощью голосовых команд! Просто нажмите кнопку, опишите желаемое, и получите черно-белую раскраску, готовую к печати на термопринтере. Проект использует транскрипцию речи и генерацию изображений через Google Imagen.
🚀Основные моменты:
- Голосовое управление для создания наклеек
- Генерация раскрасок на основе описаний
- Поддержка USB термопринтеров
- Быстрая печать без чернил
- Возможность расширения на другие платформы
📌 GitHub: https://github.com/wesbos/sticker-dream
#javascript
Создайте наклейки с помощью голосовых команд! Просто нажмите кнопку, опишите желаемое, и получите черно-белую раскраску, готовую к печати на термопринтере. Проект использует транскрипцию речи и генерацию изображений через Google Imagen.
🚀Основные моменты:
- Голосовое управление для создания наклеек
- Генерация раскрасок на основе описаний
- Поддержка USB термопринтеров
- Быстрая печать без чернил
- Возможность расширения на другие платформы
📌 GitHub: https://github.com/wesbos/sticker-dream
#javascript
👍5🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS! ✨
Вы можете сделать стили компонентов портативными с помощью контейнерных запросов 😎
Изменение макета карты в зависимости от размера 🔥
Удаление текста кнопки, если она маленькая 🤏
https://codepen.io/jh3y/pen/JjZavRJ
@javascriptv
Вы можете сделать стили компонентов портативными с помощью контейнерных запросов 😎
Изменение макета карты в зависимости от размера 🔥
Удаление текста кнопки, если она маленькая 🤏
.card {container-type: inline-size;}
@ container (min-width: 50ch) {.info { grid-column: 2; }}https://codepen.io/jh3y/pen/JjZavRJ
@javascriptv
👍16
🎉 JavaScript празднует 30-летие! 🕺
Язык, на котором держатся веб-приложения, UI, фронтенд-фреймворки и половина интернета - появился ровно 30 лет назад.
И забавный факт: первую версию языка создали всего за 10 дней. А потом он внезапно стал стандартом веба, пережил мемы про «какой ужас», вырос, оброс экосистемой и теперь управляет всем — от браузеров до серверов и IoT 🚀
С днём рождения, JavaScript. Как ни странно, ты только начинаешь 😉
@javascriptv
#JavaScript #WebDev #History #Programming
Язык, на котором держатся веб-приложения, UI, фронтенд-фреймворки и половина интернета - появился ровно 30 лет назад.
И забавный факт: первую версию языка создали всего за 10 дней. А потом он внезапно стал стандартом веба, пережил мемы про «какой ужас», вырос, оброс экосистемой и теперь управляет всем — от браузеров до серверов и IoT 🚀
С днём рождения, JavaScript. Как ни странно, ты только начинаешь 😉
@javascriptv
#JavaScript #WebDev #History #Programming
❤31🎉15👍7
📋 Копирование в буфер обмена в 2025
Clipboard API - это уже стандарт для работы с буфером обмена.
А старый
Поддержка Clipboard API:
✔ Chrome 66+
✔ Firefox 63+
✔ Safari 13.1+
✔ Opera 53+
⚠️ Важные различия между браузерами:
Chrome / Edge
— Не требует user gesture
— Работает только в активной вкладке
Firefox / Safari
— Требуется пользовательское действие (клик/тап)
— Вызов должен быть внутри обработчика этого события
🔐 Общие требования
— Только HTTPS или localhost
— Для
Где применять Clipboard API
— Кнопки «Скопировать код»
— Промокоды
— Токены доступа
— Быстрое копирование ссылок
💡 Совет
Всегда вызывайте
Clipboard API - это уже стандарт для работы с буфером обмена.
А старый
document.execCommand('copy') официально deprecated ещё с 2020 года.Поддержка Clipboard API:
✔ Chrome 66+
✔ Firefox 63+
✔ Safari 13.1+
✔ Opera 53+
⚠️ Важные различия между браузерами:
Chrome / Edge
— Не требует user gesture
— Работает только в активной вкладке
Firefox / Safari
— Требуется пользовательское действие (клик/тап)
— Вызов должен быть внутри обработчика этого события
🔐 Общие требования
— Только HTTPS или localhost
— Для
readText() нужно явное разрешение пользователя Где применять Clipboard API
— Кнопки «Скопировать код»
— Промокоды
— Токены доступа
— Быстрое копирование ссылок
💡 Совет
Всегда вызывайте
navigator.clipboard.writeText() внутри обработчика клика — это гарантированно работает во всех современных браузерах.👍13❤5🔥2😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Комьюнити, полезное для всех бекенд-разработчиков
Как работает VK изнутри? Что происходит за интерфейсами, когда миллионы пользователей одновременно отправляют сообщения, загружают фото и смотрят клипы?
В канале Backend VK Hub мы рассказываем о работе всех наших сервисах: от VK Play до Tarantool. Делимся подходами к масштабированию, оптимизации и новым архитектурным решениям. Открыто дискутируем, а также регулярно публикуем вакансии в нашу команду.
Здесь — реальные кейсы, технические разборы, советы от наших экспертов и возможность поговорить с ними в любой момент. Подписывайся!
Реклама. ООО "ВК" ИНН 7743001840
Как работает VK изнутри? Что происходит за интерфейсами, когда миллионы пользователей одновременно отправляют сообщения, загружают фото и смотрят клипы?
В канале Backend VK Hub мы рассказываем о работе всех наших сервисах: от VK Play до Tarantool. Делимся подходами к масштабированию, оптимизации и новым архитектурным решениям. Открыто дискутируем, а также регулярно публикуем вакансии в нашу команду.
Здесь — реальные кейсы, технические разборы, советы от наших экспертов и возможность поговорить с ними в любой момент. Подписывайся!
Реклама. ООО "ВК" ИНН 7743001840
👎2👍1
🚀 Умный инструмент для тестирования HTTP-запросов
rep+ — это легкое расширение для Chrome, вдохновленное Burp Suite, с поддержкой ИИ. Оно позволяет быстро захватывать и повторять HTTP-запросы, не требуя настройки прокси. Идеально подходит для исследователей безопасности и охотников за уязвимостями.
🚀 Основные моменты:
- Захват и повтор запросов без настройки прокси
- Интеграция с ИИ для объяснения запросов и предложений по уязвимостям
- Мощные фильтры и поддержка регулярных выражений
- Экспорт/импорт запросов в формате JSON
- Встроенный инструмент для скриншотов и анализа JavaScript
📌 GitHub: https://github.com/bscript/rep
#javascript
rep+ — это легкое расширение для Chrome, вдохновленное Burp Suite, с поддержкой ИИ. Оно позволяет быстро захватывать и повторять HTTP-запросы, не требуя настройки прокси. Идеально подходит для исследователей безопасности и охотников за уязвимостями.
🚀 Основные моменты:
- Захват и повтор запросов без настройки прокси
- Интеграция с ИИ для объяснения запросов и предложений по уязвимостям
- Мощные фильтры и поддержка регулярных выражений
- Экспорт/импорт запросов в формате JSON
- Встроенный инструмент для скриншотов и анализа JavaScript
📌 GitHub: https://github.com/bscript/rep
#javascript
👍3❤1