Frontend Developer
前往频道在 Telegram
Обучающие видео, готовый код, полезные ресурсы и статьи Наш чат — https://t.me/+1lXro3gcUwM2YmY6 Сотрудничество – @argo_chat
显示更多
网络:2 264
订阅者
无数据24 小时
-27 天
-3130 天
帖子存档
2 264
Друзья, для желающих приобщиться к бэкенду, здесь можно найти много материалов по Python в открытом доступе
2 264
Создавай анимации между страницами всего в 5 строках кода
Знакомься: View Transitions в CSS
View Transitions в CSS — это новая фича, которая позволяет создавать плавные анимации при переходе между страницами или состояниями интерфейса практически без JavaScript
➡️ @byFrontDeveloper
2 264
Не знаешь, какую единицу использовать в CSS?
px, rem, em, fr, %, vh... слишком много вариантов 👊
Эта диаграмма — РЕШЕНИЕ!
Прими решение на основе информации, какая единица подходит лучше всего
➡️ @byFrontDeveloper2 264
Знали ли вы, что VSCode умеет открывать браузер?
И для этого не нужны костыли в виде расширений. Всё из коробки
Твой код и изменения в одном окне
➡️ @byFrontDeveloper
2 264
Обновленная библиотека Anime.js
Cамая популярная библиотека анимаций на JavaScript — обновилась до версии 4.0
Обновлённая документация, новые фичи, улучшенная производительность и многое другое
Смотреть - https://animejs.com
➡️ @byFrontDeveloper
2 264
Движущийся замок в стиле Ghibli 😮
Анимация с использованием CSS
⏩Смотреть код - тут
➡️ @byFrontDeveloper
2 264
✅ Имба: в сети обнаружили мегашпаргалку с самыми полезными нейросетями на все случаи жизни.
Сохраняем самое крутое:
🤩Claude 3.7 Sonnet — мастхев для программистов
🤩Same New — быстрая копия интерфейса сайта
🤩Openrouter — доступ ко всем ИИ
🤩Suno AI — своя музыка с нейросетью
Подпишись и находи для себя крутые нейросети бесплатно: https://t.me/+O8nnzd3_gw9iZTAy
2 264
VS Code фича, про которую ты мог не знать:
Теперь в терминале можно включить автодополнение а-ля IntelliSense
Как включить:
• Открываешь Settings → ищешь "terminal integrated suggest"
• Врубаешь чекбокс
Пользуемся ✌️
➡️ @byFrontDeveloper
2 264
👨💻 Ты пишешь на JavaScript? Тогда у нас с тобой есть, о чём поговорить.
🔸 Реальные истории с продакшена.
🔸 Приёмы, которые спасают в бою.
🔸 Личный опыт, мемы, факапы и рост в профессии.
🔸 Обучение React, Next.js, Express, Mongo — без воды.
🔸 Посты, которые читаются за кофе — и остаются в голове.
Все это ты найдешь в моем авторском канале 📌 Подписывайся на
👉 JS? Ну да, с кем не бывает
Потому что просто тут понятно, полезно и по делу.
2 264
Совет по HTML
Чтобы автоматически обновлять HTML-страницу через заданный интервал времени, можно использовать тег
<meta> с атрибутом http-equiv, установленным в значение "refresh".
Это позволяет указать количество секунд, через которое страница будет перезагружаться.
👮♂️👮♂️👮♂️
➡️ @byFrontDeveloper2 264
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн
Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда?
Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России
📆 в канале размещаются как онлайн, так и оффлайн мероприятия;
👩💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие;
🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое
А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах:
🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!
2 264
Создайте эту дропзону загрузки изображений с предварительным просмотром с помощью HTML, CSS и JavaScript 😃
➡️ @byFrontDeveloper
2 264
Паришься с подбором шрифтов для UI? 🔥
Вот тулза, которая подберёт идеальную пару основного и второстепенного шрифта, да ещё и на реальных примерах
Больше никаких страданий с типографикой: https://www.uifonts.app/
➡️ @byFrontDeveloper
2 264
Крутой трюк с CSS — использовать
:hover на контейнере и :not(:hover) для элементов, которые сейчас не находятся под курсором, чтобы создать более продвинутые эффекты
➡️ @byFrontDeveloper2 264
Вы знали, что в Chrome DevTools есть скрытая функция CSS Overview?
Она предоставляет полный анализ цветов, шрифтов, медиазапросов и неиспользуемых стилей на вашем сайте — всё в одном месте ☕️
➡️ @byFrontDeveloper
2 264
Единица
turn для углов
turn — это единица измерения в CSS, где 1turn = 360 градусов
➡️ @byFrontDeveloper