Latest posts
Frontend Portal
22 Sept, 16:37
У меня есть приём, который похвалил один сильный CSS-разработчик из-за рубежа: задавать border-radius вот так — border-radius: calc(sign(100lvw - 100%) 40px).Когда элемент растягивается на весь экран, скругление углов автоматически убирается.➡️ @FrontendPortal | #CSSFrontend Portal
22 Sept, 15:07
🔴AI кодинг интервью с разработчиком из международного FinTech в четверг в 19:00ДА! Вайбкодинг реально начали проверять на интервью, поэтому мы нашли собеседующего, который проводит AI-секцию в международном финтехе, чтобы вы увидели что на ней спрашивают и как к ней подготовиться.Как это будет: 📂 Александр Дмитриев, разработчик из известного международного финтеха, ex-VK, ex-Ozon проведет вайбкодинг секцию разработчику-добровольцу; 📂 Александр будет задавать реальные вопросы с секций, которые проводил сам и комментировать ответы; 📂 В конце можно будет задать любой вопрос Александру.Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для разработчиков, которые хотят сменить работу, повысить свой грейд, ЗП и прокачать скиллы.Перех
Frontend Portal
22 Sept, 13:53
Обрезка текста для одной единственной строкиКогда мы хотим, чтобы наш текст был на одной линии (на прямой линии). Мы можем добиться этого, установив свойство white-space на значение nowrap. Если текст длинный, а ширина контейнера например 300px, тогда текст будет просто выходить за пределы контейнера, хоть и по прежнему будет в одну строку.Чтобы его обрезать можно использовать следующие свойства: .truncated-text { width: 300px; overflow: hidden; // скрывает все что выходит за зону контейнера text-overflow: ellipsis; // заменяет скрытый текст на многоточие white-space: nowrap; // текст в одну строку }- Обрезка текста для блока с несколькими строками: пост➡️ @FrontendPortal | #CSSFrontend Portal
21 Sept, 17:21
HTML забрал у JavaScript ещё одну задачуcommand и commandfor входят в Baseline с декабря 2025 годаРаньше, чтобы открыть диалоговое окно, нужно было использовать addEventListener + showModal().Теперь можно так➡️ @FrontendPortal
Frontend Portal
21 Sept, 14:07
Псс, хочешь перестать мониторить Telegram в поисках работы? 👀Ты листаешь каналы, видишь вакансию, сохраняешь и откладываешь отклик «на потом».Потому что на каждую нужно потратить минут 20. В итоге из десятков сохранённых вакансий до отклика доходят единицы.Софи забирает эту рутину на себя.Она сама находит подходящие вакансии в 350+ Telegram-каналах, изучает их, пишет персональное сопроводительное и отправляет отклик.А еще она умеет откликаться на:▫️ hh ru ▫️ карьерных сайтах компаний - Авито, Сбер, Т-Банк ▫️ Geekjob ▫️ youngjunior.ruТебе больше не нужно выбирать, где сегодня искать работу.Софи будет искать везде.
Frontend Portal
21 Sept, 12:32
Проверяем правописаниеАтрибут spellcheck указывает браузеру проверять или нет правописание и грамматику в тексте.Атрибут применяется к тегам input или textarea, а также к элементам, которым задан атрибут contenteditableМожно с помощью псевдоэлемента ::spelling-error стилизовать неправильно написанный текстовый сегмент (поддержка 86.01%) ::spelling-error { background-color: yellow; }➡️ @FrontendPortal | #HTML
Frontend Portal
19 Sept, 09:30
Две легенды➡️ @FrontendPortalFrontend Portal
19 Sept, 06:53
Искал компонент с мировыми часами и наткнулся на этот слайдер World Clock от Jon Kantner.Простота, плавное взаимодействие и визуальный дизайн делают его очень приятным и понятным буквально с первого взгляда.Однозначно отличный источник вдохновения :)https://codepen.io/jkantner/pen/pvjNNVz➡️ @FrontendPortalFrontend Portal
18 Sept, 14:07
Откопал крутейший репозиторий с аккуратно сделанными анимированными иконками, которые можно сразу использовать в своих проектах без лишней возниhttps://github.com/pqoqubbw/icons➡️ @FrontendPortal | #resourseFrontend Portal
18 Sept, 10:33
Разберём фронтенд слой за слоем 🥐30 сентября встречаемся на VK Frontend Meetup SPB. Разберёмся в том, что видит пользователь, а дальше перейдём к архитектуре, инструментам и процессам, которые помогают масштабировать разработку.В программе 3 доклада: 🔵Как в MAX разработали собственную архитектуру для стабильных анимированных стикеров🔵Как в Одноклассниках учат AI работать с реальной дизайн-системой и существующими компонентами🔵Как в Почте Mail запускают 300 промо в год После докладов — фуршет и неформальное общение. Можно будет задать вопросы спикерам, обсудить выступления и поспорить о том, какой слой фронтенда самый сложный.🗓30 сентября, 19:00 📍Санкт-Петербург, офис VK у
Frontend Portal
18 Sept, 09:46
Совет по CSS: Нечувствительный к регистру селектор атрибутовМы можем добавить i к селектору атрибутов, чтобы он выбирал элементы с этим значением атрибута без учета регистра➡️ @FrontendPortal | #tip by Shripal Soni
Frontend Portal
17 Sept, 08:35
Свойство columns помогает разделить текст или элементы списка на несколько колонок.Вы можете контролировать как: - Количество колонок - Ширину каждой колонкиЗдесь мы использовали "auto" для количества колонок и ширину 10rem.Это заставляет браузер автоматически выбирать количество колонок в зависимости от доступного размера, так чтобы ширина каждой колонки была близка к 10rem.Это полезно для контента, подобного новостным статьям, и, как показано в этом примере, для ссылок в подвале.➡️ @FrontendPortal | #CSSFrontend Portal
16 Sept, 05:03
Универсальная подсветка синтаксиса прямо в <textarea>В 2026 году, начиная с Chrome 152+, можно подсвечивать синтаксис разных языков программирования прямо внутри одного <textarea>, результат получается вполне достойным.Для этого используется новый Web API OpaqueRange.Работает с <textarea> и даже с <input>.Демо: https://gpu-lexer-textarea.netlify.app➡️ @FrontendPortalFrontend Portal
11 Sept, 20:41
В CSS появится свойство size – шорткат для задания width и height✓ size: 100px → одинаковые width и height ✓ size: 200px 80px → ширина и высота ✓ Поддерживает те же единицы измерения, что и width и heightПредложение больше 10 лет оставалось без движения, и наконец его приняли.Safari уже реализовал поддержку size за экспериментальным флагом➡️ @FrontendPortal
Frontend Portal
11 Sept, 18:22
С оплатой ChatGPT, Claude и других зарубежных сервисов всё ещё квест, если под рукой только российская карта.У Ape Wallet есть решение попроще: выпускаете виртуальную Mastercard прямо в Telegram, пополняете её в USDT и оплачиваете нужные подписки.Карту можно добавить в Apple Pay / Google Pay и использовать для покупок за рубежом. Плюс внутри кошелька есть покупка/продажа крипты и оплата по СБП в России.Если зарубежные подписки — регулярная боль, можно забрать себе как рабочий вариант.Карта открывается прямо в Ape Wallet 😎
Frontend Portal
11 Sept, 07:00
React 19.3 уже доступен! И в нём много интересного:✓ Нативные View Transitions ✓ Новый browser() ✓ Использование Context в Server Components ✓ Trusted Types и Fragment Refs→ https://react.dev/blog/2026/09/09/react-19-3➡️ @FrontendPortal
Frontend Portal
1 Sept, 17:03
Автозаполнение инпутаHTML-элемент <datalist> содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>- Различия между <select> и <datalist> :Кроме функции автодополнения элемента <datalist>, основное отличие между <select> и этим тегом в том, что в элементе <select> нельзя выбрать или указать значение не из списка предлагаемых➡️ @FrontendPortal | #HTMLFrontend Portal
1 Sept, 09:50
CSS Flex развивается! Появилось новое значение для flex-wrapС balance можно избежать ситуации, когда отдельные элементы остаются висеть в строке, и более равномерно распределять элементы по рядамОтлично подходит для гридов с карточками, галерей и адаптивных лейаутов.➡️ @FrontendPortalFrontend Portal
28 Aug, 16:49
Знаете ли вы, что кнопку отправки формы можно размещать вне самой формы?В большинстве случаев мы размещаем кнопку отправки внутри формы, и так правильно. Но иногда — из-за особенностей вёрстки или по другим причинам — логичнее вынести кнопку отправки за пределы тега <form>.Мы можем легко связать кнопку с формой, используя атрибуты form и id.Таким же способом, при необходимости, можно ассоциировать с формой и другие элементы управления, такие как textarea, checkbox и т.п.➡️ @FrontendPortal | #tip by Shripal Soni
Frontend Portal
28 Aug, 10:02
pnpm 12 вышел!Один из лучших пакетных менеджеров для JavaScript-проектов.✓ Безопасный по умолчанию ✓ Полностью переписан с нуля на Rust ✓ До 3× быстрее при чистой установке→ https://pnpm.io/blog/releases/12.0➡️ @FrontendPortal
Related Channels
Other channels in the same section of the catalogue.
