Совкомбанк Технологии

Полезные обновления CSS

Мы возобновляем нашу рубрику, в которой делимся интересными и важными новостями. Поднимаем тему, которая будет полезна как для frontend-разработчиков, так и для коллег, активно работающих с интерфейсами сайтов. Итак, начнем 🚀

CSS Working Group выпустила драфт CSS-фичей, которые могут появиться в ближайшее время. Обновление включает как новые функции, так и улучшения уже существующих. Вот некоторые из них:

Функция attr
Она позволяет получать значения атрибутов. Ранее она работала только со свойством content, но теперь ее можно использовать с любым атрибутом 🆒

Новая функция first-valid()
С её помощью можно настраивать фоллбэки, передавая несколько CSS-переменных, при этом применится первое валидное значение 🆕

Функция рандома
Долгожданная возможность, функция теперь не требует использования JavaScript. Можно задавать диапазоны как с функцией random, так и выбирать из конкретного набора значений с random-item ➕

И это только часть нововведений, с остальными улучшениями вы можете ознакомиться в статье 👀

🔥 - полезный материал
👍 - хочу еще про CSS!
🤔 - ну пятница же! напишите лучше про 🍷

Помоги Совкомбанку победить в Рейтинге работодателей России 💪

Участвуем в Рейтинге работодателей России, и нам очень нужна ваша поддержка 🙏

Сейчас начался этап голосования соискателей. Если вы ещё не работаете у нас, но знаете, как круто в Совкомбанке, пожалуйста, поддержите нас 🙌

Проголосовать – быстро и просто, оставили подробную инструкцию в карточках к посту 🧐

А если вы уже с нами, отправьте этот пост:

👉 Своим друзьям и знакомым
👉 Семье
👉 Вашему любимому коту или собачке — пусть их лапки тоже внесут свой вклад 😎

Обратите внимание, что Совкомбанк Технологии является частью крупной финансовой группы, и поэтому именно Совкомбанк участвует в голосовании 🫡

❤️ - готово, я с вами

Основы навигации в терминале Linux: как не потеряться в файловой структуре

Продолжаем публикации постов с интересной и полезной информацией 💫

Наша коллега Софья рассказывает о том, как легко и уверенно ориентироваться в файловой системе Linux с помощью терминала 🤔

Данный пост актуален для пользователей, работающих на серверах или других системах, где графический интерфейс недоступен или нежелателен ❗️

Итак, давайте начнём!

Мы рассмотрим три основные команды, которые составляют основу навигации в терминале:

«Заземление» или проверка текущей директории: команда pwd (print working directory) позволяет узнать, в какой директории вы находитесь.

Перемещение по директориям: команда cd [директория] позволяет перейти в другую директорию.

Способы перемещения:
cd ./ Downloads — текущая директория (эквивалентно cd Downloads)
cd .. — на уровень выше
cd ../.. — на два уровня выше
cd без аргументов — в домашнюю директорию

Просмотр содержимого директории: команды ls (list) и ls -a позволяют вывести список файлов и директорий.

Эти команды — ключ к уверенной навигации в файловой системе Linux. Зная их, вы сможете легко перемещаться по директориям, находить нужные файлы и выполнять различные операции с ними ➕

Была ли информация для вас полезной? Какие аспекты Linux вызывают у вас наибольший интерес? Пишите в комментариях и мы поделимся своим опытом ✍

#linuх

Правила оформления тест-кейсов перед выходом продукта в открытый космос

Так ли сильно отличается космонавт, который готовится выйти в открытый космос, от тестировщика, собирающегося тестировать программное обеспечение ❓

Ответ на этот вопрос можно найти в статье на Хабре, которую подготовил наш коллега Иван 👨‍💻

Он в кратком туториале описал требования к работе с тест-кейсами и к стандартам их оформления 👍

Мы активно делимся кейсами и готовим полезные статьи для IT-сообщества. Пишите в комментариях, какие темы вам наиболее интересны. Возможно, наш следующий материал будет на предложенную вами тему 💯

Поехали!

Полезные фичи Chrome DevTools

Открываем еженедельную рубрику, в которой будем делиться полезными советами. Они могут пригодиться как начинающим специалистам, так и более опытным коллегам 👨‍💻

Наш старший разработчик, Ирина, раскрывает тонкости меню состояний элемента Chrome DevTools 👀

Часто разработчики и тестировщики сталкиваются с тем, что нужно получить доступ к стилям, привязанным к определенному состоянию элемента 💬

Что делать, если нужно посмотреть/отредактировать стили выпадающих списков в реальном времени, но при переключении на инструменты разработчика браузера фокус со страницы уходит, и элемент скрывается? Или нужно проверить корректное отображение стилей при определенных состояниях элемента ❓

Chrome DevTools позволяют нам сделать и то, и другое с помощью меню состояния элемента. Найти это меню можно на панели действий в разделе Элементы > Стили при нажатии кнопки :hov.

Для быстрого поиска эмуляции фокуса страницы можно также воспользоваться поиском: нажимаем Cmd+Shift+P (Ctrl+Shift+P), в появившемся поиске вводим "Эмулировать страницу в фокусе" ("Emulate page focus") 🤔

На следующей неделе предложим альтернативное решение, которое позволит проверить состояние элементов страницы в определенный момент времени 👍

🔥 - классный совет, буду использовать
👍 - жду еще полезных советов
🤔 - база, и до этого знал

#devtools #frontend #qa

День тестировщика, День разработчика, День системного аналитика – кто следующий?

Сентябрь стремительно ворвался в нашу жизнь, принеся с собой много приятных моментов. Чтобы охватить их все, мы подготовили фотодайджест. Насладимся яркими фотографиями ушедшего сентября вместе 💯

Пишите в комментариях, как встретили с коллегами эту осень!