Telegram Web
Осенью хочется обновлений не только в гардеробе, но и в редакторе.

Мы собрали 7 тем для VS Code — от светлых минималистичных до тёмных и неоновых — чтобы освежить редактор этой осенью. В подборке есть тёмные варианты для ночной работы, светлые аккуратные палитры и яркие киберпанк-настроения.

Мы подобрали разные акценты и уровни контраста — от классики вроде Solarized и Darcula до природных коллекций Naturefy и Ttera и неонового Cyberpunk, — чтобы каждый нашёл вариант под свой стиль работы.

🔴 Подробнее смотрите в статье и выберите оформление, которое будет работать на вашу продуктивность, а не против неё.
Please open Telegram to view this post
VIEW IN TELEGRAM
62❤‍🔥2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Объёмная иконка в стиле глассморфизма

Хочешь прокачать скиллы в CSS и создавать современный UI? Показываем, как собрать трендовый глассморфизм в одной иконке.

🪻 Сохраняй себе, чтобы не потерять!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11❤‍🔥52👍2
👍 Напоминаем: завтра в 12:00 (MSK) — прямой эфир HTML Academy × Контур о втором потоке программы «Обучение под работодателя».

И главное — среди первых 100 регистраций на эфир разыграем одно бесплатное место на совместную программу.

Как участвовать:

Зарегистрируйтесь по ссылке ниже.
Подключитесь к трансляции — победителя объявим в финале трансляции.

В эфире обсудим программу второго потока: почему делаем акцент на JavaScript, как в Контуре оценивают навыки выпускников и какие изменения внесли в процесс отбора и стажировки.

https://htmlacademy.ru/events/live-kontur-2025
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥52❤‍🔥1
Топ-4 плагина в Figma

Личная подборка из четырёх плагинов, которыми Женя действительно пользуется каждый день: Unsplash — быстрая вставка фотографий, To Path — текст и объекты по кривой, Table Creator — генерация таблиц со стилями, Noise & Texture — шумы и текстуры для «живых» фонов.

Читать статью
🔥43❤‍🔥2
HTML Academy
👍 Прямой эфир с менеджером стажировок и ведущим инженером-программистом компании Контур HTML Academy и Контур запускают второй поток совместной программы «Обучение под работодателя». Вас ждёт компактная группа и сильный фокус на JavaScript: сначала обязательная…
Вместе с компанией Контур запускаем второй поток программы «Обучение под работодателя»

Сегодня в 12:00 (MSK) — прямой эфир с Контуром: расскажем о компании и роли стажёра; покажем, как проходит отбор; обсудим рынок для джунов и что изменилось во втором потоке — новые акценты, критерии отбора и формат стажировки.

А в конце эфира мы разыграем одно бесплатное место на программу.

https://htmlacademy.ru/events/live-kontur-2025
7❤‍🔥2🔥2😢2
Протоколы и сети: веб-безопасность

Фронтенд-инженер должен понимать, как проявляются XSS, CSRF, SQL-инъекции и другие атаки в веб-приложениях, и уметь закрывать их на клиенте в связке с сервером. В этом курсе вы разбираете реальные модели угроз и отрабатываете практики, которые снижает уязвимость фронтенд-компонентов.

На курсе научитесь проектировать CSP под свой проект, безопасно работать с cookie и защищать сессии, валидировать формы и хешировать пароли с солью, распознавать и устранять XSS/SQLi/CSRF, разбираться с DoS/Slowloris, корректно настраивать CORS и понимать сценарии MitM. Формат — «теория + кейсы + практика с эталонными решениями + тесты», по итогам — чек-листы для внедрения в рабочий процесс.

🔷 Смотреть программу
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
5❤‍🔥2🔥2
Media is too big
VIEW IN TELEGRAM
Почему KLBR Studio — хороший старт карьеры в разработке?

У нас классные задачи. Они сложные, но заставляю вас расти.


Вера Ясюкевич, руководитель KLBR Studio, рассказала про возможности развития для джуна в команде.

Полный эфир с KLBR Studio — по ссылке:

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Подробнее о программе
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥61❤‍🔥1
Международный день кролика × Колесо Фортуны

В эти выходные кролики — в центре внимания, а у вас — повод начать. Крутите колесо на сайте — выпадет промокод к профессиям. Важнее не цифры, а то, что за ними: аккуратная вёрстка и уверенный JavaScript в «лайте» или работа в ритме продуктовой команды в «аналоге».

Нужен «заячий пинок» к старту — вот он.
🐇🐇🐇
Ищите на сайте «коробочку» и крутите колесо все выходные.

26–28 сентября • одна попытка • промокоды — только на профессии.
🔥541❤‍🔥1🤯1🤣1
Пропустили эфир Контур × HTML Academy? Запись уже доступна — можно спокойно посмотреть на выходных.

Вчера поговорили с Евгением Суанка (менеджер стажировок) и Аленой Малко (ведущий инженер-программист) о том, как джуну пройти отбор и что ждёт на стажировке.

Что важно из выпуска:

1️⃣ В Контуре открыто говорят: стажировки помогают понять культуру и быстрее влиться; многие начинают карьеру внутри — так адаптация идёт лучше. Компания часто нанимает через обучающие программы.
2️⃣ На интервью ценят честность, способность быстро учиться и проактивность.
3️⃣ Для новичка во фронтенде важна уверенная база: вёрстка + JavaScript и TypeScript.
4️⃣ Разбираем, как устроены видеовизитка, собеседование и стажировка в Контуре.

Сохраните и посмотрите на выходных: на скорости ×2 это ~30 минут — и у вас сложится честная картина, что ждёт фронтенд-джуна в продуктовой команде.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🔵 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥541🤣1
Ни недели без выпусков «CSS Боль»!

В Chrome появилась свежая фича — CSS if(). Многие уже поспешили назвать это революцией и превращением CSS в язык программирования. Но всё ли так радужно?

В ролике:
1️⃣ что реально умеет if() — стилевые запросы, медиа и supports;
2️⃣ ограничения, из-за которых это пока только синтаксический сахар;
3️⃣ сравнение с классическими директивами;
4️⃣ и главное — куда всё это может развиться дальше.

Если интересно понять, как работает CSS if() на практике и стоит ли с нетерпением дожидаться (нет) полной поддержки — включайте выпуск!

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥732👍1
В CSS цвет можно задавать не только через RGB, HEX или HSL, но и именованными ключевыми словами. Такие названия, как red, limegreen, blue или rebeccapurple, делают стили понятнее и помогают быстрее накидывать оформление.


Имена цветов есть в CSS с первой спецификации и во многом выросли из палитры X11. Сегодня стандартизировано 147 именованных цветов, и их поддерживают все современные браузеры. Это удобный инструмент для прототипов и учебных проектов: он дополняет числовые форматы и CSS-переменные, но не заменяет их — особенно если важны точные бренд-оттенки и прозрачность.

🌟 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
3
This media is not supported in your browser
VIEW IN TELEGRAM
Магия sibling-count() в действии!

Создаём динамический индикатор загрузки без единой строчки JavaScript.
#css #frontend
🔥10👍3
Операторы &&= и ||= — короткая запись для проверки и присваивания в JavaScript. Они помогают убирать лишние if и делают код компактнее — уже поддерживаются во всех современных браузерах.


В статье на простых примерах разбираем, как &&= присваивает новое значение только когда выражение слева истинно, а ||= — когда слева ложное. Это удобно для деактивации флагов и установки значений по умолчанию без дублирования кода. Например, вместо if (a) a = b;a &&= b;, а для «дефолта» — username ||= 'Гость'. #js #baseline

🌸 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥6🔥31
Запустился State of JavaScript 2025 — ежегодный опрос про то, чем мы пользуемся в JavaScript: фреймворки, инструменты и языковые фичи. Он помогает увидеть, что закрепляется в экосистеме, а что остаётся нишей. В прошлых выпусках, например, был заметен рост Vite и Astro. #js #stateofjs

Это открытый опрос: ~15–20 минут, вопросы можно пропускать. Чем больше ответов от нашего комьюнити, тем шире и полезнее будет картина. Мнение новичков тоже важно — даже если только начинаете, пройдите опрос.

Ссылку оставляем тут.

Опрос открыт до 1 ноября.
831❤‍🔥1👏1
Это встроенная возможность CSS, которая помогает выбрать элементы на странице по их порядку внутри какого-нибудь контейнера, например, списка или блока.

Этот псевдокласс позволяет выбирать элементы не только по чётности (even, odd) или конкретному порядковому номеру, но и по формулам: 3n, n+5, -n+10. С их помощью можно стилизовать каждый третий элемент, выделить диапазон — например, с пятого до десятого, и даже комбинировать условия, чтобы точно выбрать нужные позиции в списке или блоке. #css

Визуализация в статье помогает увидеть, как именно формулы влияют на выборку.

Эта же визуализация доступна в формате коротких клипов:
🐭 Смотрите в YouTube
🐰 Смотрите в TikTok
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥41❤‍🔥1
Мастер анимаций: CSS и JavaScript-анимации

Анимация в интерфейсе — инструмент управления вниманием и смыслом. На курсе вы научитесь настраивать CSS-переходы (transition, transition-timing-function), писать @keyframes и использовать группу свойств animation, связывать эффекты с взаимодействием (клик, скролл), собирать типовые сценарии — открытие и закрытие меню, бесконечный слайдер, табы и аккордеон — а также применять 2D/3D-трансформации и параллакс.

Практика — через задания и пошаговые демонстрации. Отдельный блок — производительность и отладка: линейные и покадровые анимации, инструменты DevTools, оптимизация и учёт пользовательских настроек через медиазапросы prefers-reduced-motion и update. На выходе — умение делать анимации, которые помогают интерфейсу и стабильно работают на разных устройствах. #css #js

Смотреть программу
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥22👍21
2025/10/15 23:07:50
Back to Top
HTML Embed Code: