iOS 2️⃣6️⃣ и ее сюрпризы

Привет! На связи Даша Владыко, Frontend-разработчик Red Collar.

Совсем недавно Apple выпустили свое нашумевшее жидкое стекло (liquid glass). Оно выглядит симпатично, но Safari оказался сломан, и некоторые любимые фичи перестали работать, а привычный сайт теперь выглядит немного не так, как ожидается.

Рассмотрим, что именно:
⏺️ Первый экран на всю высоту сделать не получится — снизу всегда будет прозрачная панель с адресом;
⏺️ Добавленные снизу элементы будут «отклеиваться» и оставлять просвет (баннеры, куки);
⏺️ Если меню сделано на весь экран, то при его открытии может проглядывать ваш сайт;
⏺️ Если развернуть всплывающее окно, то страница под ним будет прокручиваться.

Для демонстрации собрала небольшой сайт с фото котика. Спасибо, он немного сгладит впечатления. Демонстрации багов можно посмотретреть на видосах ниже.

В теории все исправить можно, но это будут не самые лучшие решения, на них нужно много тестов и правок. Большинство компаний не решаются на это и просто игнорируют нависшие проблемы (даже Apple на их сайтах).

Да, не критично, но нам придется немного подстроиться. Предупрежден — значит вооружен. Зато есть повод для творчества и новых решений 🙂

А как вы относитесь к iOS 26?

Подписывайтесь 🔥 Red Collar | DEV

🌾 Когда хочется уехать в деревню, но с кодом

Каждому разработчику хотя бы раз хотелось бросить все, купить участок где-нибудь в Тверской области и растить картошку.
Так вот, теперь можно! Почти...

В игре The Farmer Was Replaced вы не копаетесь в грядках, а пишете код для дрона, который делает это за вас. Каждая строчка — команда для вашего цифрового фермера: вспахать, посадить, собрать урожай, повторить. А чтобы стало интереснее, в коде есть логика, условия, циклы и даже баги (куда без них).

Если вдруг вы только начинаете свой путь в разработке, игра поможет мягко вкатиться в тему: здесь можно пощупать базовые концепции программирования вроде переменных, условий и циклов, понять, как думает код, и увидеть результат своей логики сразу — на живой, пусть и цифровой ферме.

Язык сценариев близок к Python, а весь код сохраняется в `.py`-файлах. Нет «уровней» как в обычных аркадах: прогресс идет плавно, открываются новые механики и технологии по мере роста навыков. Задачи требуют не только написать код, но и думать об оптимизации, тестировании и обработке ошибок — то, что реально важно в работе.

Идеальный способ совместить желание уйти в лес с тем, чтобы все еще писать код 🦆

Подписывайтесь 🔥 Red Collar | DEV

7 сайтов, которые облегчат жизнь тестировщику

Тестировать можно вручную, можно автоматизировать, а можно просто не мучиться и знать нужные сайты.
Собрали небольшую подборку инструментов, которые реально помогают в повседневной работе QA. Проверено на деле ⬇️

1️⃣ Appetize.io — браузерный эмулятор iOS и Android.
Когда нужно срочно протестить мобильную версию, а BrowserStack упал (или просто не хочешь его ждать).
Прямо в браузере открываешь iPhone или Android и тестируешь как с реального девайса.

2️⃣ TextCompare — сравнивает тексты.
Незаменим, если нужно убедиться, что пользовательское соглашение на сайте совпадает с утвержденной версией. Или, если копирайтер опять внес правки «по ощущениям».

3️⃣ Lorem Ipsum — генератор случайного текста.
Надо быстро заполнить поля, чтобы проверить лимиты символов? Ловите пачку бессмысленных, но очень полезных латинских слов.

4️⃣ Planetcalc — каталог онлайн-калькуляторов.
От «сколько дней до релиза» до «когда наступит пятница».
Можно даже посчитать дату следующего дедлайна (если не страшно).

5️⃣ Allcalc — калькулятор на стероидах.
Округления, проценты, формулы — все, что может понадобиться при тестировании расчетов или цен.

6️⃣ Convertio — конвертер файлов во все форматы.
Когда нужно проверить загрузку PNG, потом PDF, потом ZIP, потом чего-то еще. Работает быстро, без танцев с бубном и без установки.

7️⃣ I Love IMG — онлайн-инструмент для работы с изображениями.
Обрезать, сжать, поменять размер — буквально за пару секунд. Отлично подходит, когда нужно проверить корректность отображения картинок разных размеров.

Эти сайты не заменят тестировщика, но сэкономят ему часы рутинных действий.
А какие сервисы спасают вас в работе?

Подписывайтесь 🔥 Red Collar | DEV

Red Collar на ITFest в Липецке 🐻

Кажется, что фронтенд — это «сделать красиво». Но в реальности это про устойчивость, архитектуру и общение со всем продакшн-цехом.
На ITFest Евгений Попов расскажет, что такое сервисная разработка и как фронтендер становится связующим звеном между бизнесом, дизайном, бэком и тестированием.

О чем поговорим?
⏺️ Как построить интерфейс, который не падает при рендере тысяч элементов.
⏺️ Почему современные проекты строятся из десятков автономных систем и компонентов.
⏺️ Как фронтенд стал коммуникационным центром между аналитиками, дизайнерами, бэком и тестировщиками.

🗓 1 ноября, 13:00–14:00
📍 «Школа 21», г. Липецк, ул. Зегеля, 1
🔗 Регистрация и программа

Приходите — разберем фронтенд без иллюзий и глянца: с его реальной инженерией, багами и архитектурой. Участие бесплатное.

Подписывайтесь 🔥 Red Collar | DEV

🎲 Спасбросок на карьеру!

Думаете, готовы к будущей профессии? Проверим в эту пятницу!

Завтра, 31 октября, встречаемся на Фестивале профессий ВИВТ, где вы сможете:
— пройти свой первый квест в мире IT;
— заглянуть в закулисье профессий, о которых слышали на парах;
— получить советы от команды Red Collar.

Никаких скучных лекций, только настоящая работа, только хардкор!

🗓 31 октября
📍 «ВИВТ», г. Воронеж, ул. Ленина, 73А
⏰ 12:00–15:00

Критическая удача уже рядом. Главное — не промахнитесь с инициативой.

Подписывайтесь 🔥 Red Collar | DEV

☕️ Прокачиваем арсенал QA — теперь в браузере

В прошлый раз мы собрали сайты, которые облегчат жизнь тестировщику. Но не все должно жить во вкладках — кое-что можно встроить прямо в браузер.

Мы собрали 12 расширений, которые экономят часы ручного тестирования. Они помогают быстро проверить верстку, куки, цвета, шрифты и даже записать баг — без миллиона кликов и DevTools.

1️⃣ PerfectPixel
Никаких гаданий «на глаз».
Этот плагин накладывает макет поверх страницы и сразу показывает, где верстка поехала. Пиксель в пиксель — и все становится очевидно.

2️⃣ SEO META in 1 CLICK
Быстрое рентген-зрение для страницы.
Показывает все мета-теги, заголовки, description, keywords — без похода в код. Один клик, и видно, чем живет страница. Полезно, когда нужно убедиться, что SEO не умеро при последнем релизе.

3️⃣ Cookie Editor
Если вы часто лазите в куки (а кто не лазит?), это — must-have.
Добавляйте, редактируйте и чистите куки без DevTools. Идеален, когда нужно быстро проверить авторизацию, логику входа или отловить странные состояния пользователя.

4️⃣ Clear Cache
Классика. Когда браузер упрямо показывает старую версию страницы — одно нажатие, и кэш очищен.
Можно выбрать, что именно чистить: куки, локалстор, историю, пароли. Работает быстрее, чем любая «жесткая перезагрузка».

5️⃣ ColorZilla
Пипетка, которая спасает нервы.
Навели курсор — получили код цвета. Никаких скриншотов в Figma и угадываний оттенков. Отличный способ проверить, совпадает ли брендовый синий с макетом.

6️⃣ Fake Filler
Если вы хоть раз вручную заполняли длинную форму, вы знаете, что боль существует.
Fake Filler заполняет все сам: имя, почту, телефон, дату рождения, даже индекс. Пара кликов — и форма готова к тесту.

7️⃣ WhatFont
Простой способ выяснить, каким шрифтом набран текст.
Навели — и сразу видно: семейство, размер, толщина. Когда дизайнер говорит «все как в макете», а вы подозреваете Roboto, а не Inter.

8️⃣ Page Ruler / Dimensions
Рулетка в браузере.
Измеряет расстояния между элементами и помогает ловить рассинхрон в отступах. Незаменимо, когда сетка вроде есть, но кнопка почему-то живет своей жизнью.

9️⃣ Window Resizer
Имитация разных разрешений.
Проверяйте адаптив прямо с десктопа: от айфона до телевизора. Никаких Device Toolbar — все переключается мгновенно.

1️⃣0️⃣ Width & Height Display
Показывает, в каком разрешении вы сейчас работаете.
Полезно, если тестите брейкпоинты и не хотите угадывать, почему все развалилось именно на 1024.

1️⃣1️⃣ Jam
Мечта любого QA. Делает скриншоты, записывает экран, логи, консоль и network — все в одном клике.
Можно даже посмотреть, что происходило за минуту до бага (если включена функция Instant Replay). Отправляете ссылку — и разработчик видит все сам, без «а что ты там нажимал».
Но не забываем про NDA — расширение хранит всю информацию у себя на сервере

1️⃣2️⃣ Netify
Карманный Charles прямо в DevTools.
Netify перехватывает и позволяет редактировать запросы прямо в браузере — без отдельного прокси и лишней возни. Можно фильтровать запросы по URL и методу, менять заголовки, тело ответа, коды статусов, добавлять задержки и даже отменять запросы.

Эти плагины экономят время, нервы и кофе.
С ними можно больше тестировать, меньше искать баги «на ощупь» и не тратить день на то, что решается парой кликов.

А какие расширения спасают вас на проектах?

Подписывайтесь 🔥 Red Collar | DEV

13 ноября возвращаем IT-туры после двухлетней паузы — к нам едут студенты ВГПУ 🎲

Маршрут:
– 11:30 — Red Collar
– 13:30 — РЕЛЭКС
– 15:30 — Рексофт

Мини-лекции по пути:
– У нас Аня Соколова — про работу с людьми и найм.
– В РЕЛЭКС Полина Агибалова — про коммуникацию в команде.
– В Рексофт — о ролях и профессиях в IT помимо разработчика.

ВГПУ, увидимся у нас в 11:30 ❤️

Подписывайтесь 🔥 Red Collar

Red Collar в гостях у ФКН 🦆

Когда только входишь в разработку, кажется, что все держится на одной вещи — умении писать код. Но любой крупный проект рушится не на строчках Java, а на хаосе вокруг них: потерянных версиях, сломанных ветках, неправильной работе в команде.

19 ноября Максим Никитин, Java-разработчик Red Collar, расскажет студентам ФКН, как устроен фундамент успешного проекта — от первой строчки до релиза.

О чем поговорим?
⏺️ Почему без Git командная работа превращается в хаос на уровне «скинь файл, я поправлю».
⏺️ Что такое ветки, коммиты и репозитории — и как они спасают проект от катастрофы.
⏺️ Как профессионалы строят процессы, чтобы код развивался, а не ломал все вокруг.

🗓 19 ноября, 13:25–15:00
📍 ВГУ, Университетская площадь 1

Особенно полезно для тех, кто только начинает путь в разработке. Покажем, как работает индустрия изнутри: без мифов, без романтизации и без хаоса.

Подписывайтесь 🔥 Red Collar | DEV

Релизы без хаоса: как Fix Versions в Jira спасают проект 🔗

Если проект растет, релизы перестают быть «положили пару задачек — поехали», а задачи уже исчисляются десятками, у команды появляется новый ритуал: искать потерянные таски по всей Jira.

Так вот, это лечится. Простым инструментом — Fix Versions.

Почему это важно?
⏺️ вы видите единый список задач, которые точно идут в релиз
⏺️ никаких мистических задач, которые «исчезли» или «лежали в done, но не были накатаны»
⏺️ команда понимает объем работ, риски и реальный прогресс

Как это работает в Jira:
Вы создаете версию релиза → добавляете к ней задачи → на выходе получаете чистый, наглядный скоуп.
Каждая задача, отмеченная в Fix Versions, становится частью релизной линейки: видно, что готово, что в работе, а что не поедет.

Для кого это must-have? Для всех, у кого:
⏺️ релизы идут пачками
⏺️ задачи перемещаются между разработкой, тестированием и продом
⏺️ команда хочет прозрачности, а не угадай-мелодию по статусам

Fix Versions — это по сути «папка релиза», только встроенная в Jira и понятная всем. Она экономит часы на созвонах, снижает хаос и делает менеджмент релизов взрослым, а не реактивным.

Если вы все еще ведете релизы «по ощущениям» — самое время попробовать.

Подписывайтесь 🔥 Red Collar | DEV

Мы часто и много говорим о проектах, клиентах, успехах. Но как и в любой живой работе, у нас тоже бывают факапы — жесткие, дорогие, но очень поучительные 🧶

«Факап Шоу» — формат от Evrone, где технические директоры честно рассказывают о своих промахах. В новом выпуске наш технический директор Максим Мишанин рассказал про один из факапов на клиентском проекте.

Если вам близка тема разработки, управления командами и сложных проектов — очень советуем выпуск к просмотру. Особенно тем, кто привык слышать только про «успешный успех».

📺 Смотреть выпуск «Факап Шоу» с участием Максима