Полезные фичи Chrome DevTools
Открываем еженедельную рубрику, в которой будем делиться полезными советами. Они могут пригодиться как начинающим специалистам, так и более опытным коллегам 👨💻
Наш старший разработчик, Ирина, раскрывает тонкости меню состояний элемента Chrome DevTools 👀
Часто разработчики и тестировщики сталкиваются с тем, что нужно получить доступ к стилям, привязанным к определенному состоянию элемента💬
Что делать, если нужно посмотреть/отредактировать стили выпадающих списков в реальном времени, но при переключении на инструменты разработчика браузера фокус со страницы уходит, и элемент скрывается? Или нужно проверить корректное отображение стилей при определенных состояниях элемента❓
Chrome DevTools позволяют нам сделать и то, и другое с помощью меню состояния элемента. Найти это меню можно на панели действий в разделе Элементы > Стили при нажатии кнопки :hov.
Для быстрого поиска эмуляции фокуса страницы можно также воспользоваться поиском: нажимаем Cmd+Shift+P (Ctrl+Shift+P), в появившемся поиске вводим "Эмулировать страницу в фокусе" ("Emulate page focus") 🤔
На следующей неделе предложим альтернативное решение, которое позволит проверить состояние элементов страницы в определенный момент времени 👍
🔥 - классный совет, буду использовать
👍 - жду еще полезных советов
🤔 - база, и до этого знал
#devtools #frontend #qa
Открываем еженедельную рубрику, в которой будем делиться полезными советами. Они могут пригодиться как начинающим специалистам, так и более опытным коллегам 👨💻
Наш старший разработчик, Ирина, раскрывает тонкости меню состояний элемента Chrome DevTools 👀
Часто разработчики и тестировщики сталкиваются с тем, что нужно получить доступ к стилям, привязанным к определенному состоянию элемента
Что делать, если нужно посмотреть/отредактировать стили выпадающих списков в реальном времени, но при переключении на инструменты разработчика браузера фокус со страницы уходит, и элемент скрывается? Или нужно проверить корректное отображение стилей при определенных состояниях элемента
Chrome DevTools позволяют нам сделать и то, и другое с помощью меню состояния элемента. Найти это меню можно на панели действий в разделе Элементы > Стили при нажатии кнопки :hov.
Для быстрого поиска эмуляции фокуса страницы можно также воспользоваться поиском: нажимаем Cmd+Shift+P (Ctrl+Shift+P), в появившемся поиске вводим "Эмулировать страницу в фокусе" ("Emulate page focus") 🤔
На следующей неделе предложим альтернативное решение, которое позволит проверить состояние элементов страницы в определенный момент времени 👍
🔥 - классный совет, буду использовать
👍 - жду еще полезных советов
🤔 - база, и до этого знал
#devtools #frontend #qa
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥14 5🤔3❤1
Правила оформления тест-кейсов перед выходом продукта в открытый космос
Так ли сильно отличается космонавт, который готовится выйти в открытый космос, от тестировщика, собирающегося тестировать программное обеспечение❓
Ответ на этот вопрос можно найти в статье на Хабре, которую подготовил наш коллега Иван 👨💻
Он в кратком туториале описал требования к работе с тест-кейсами и к стандартам их оформления 👍
Мы активно делимся кейсами и готовим полезные статьи для IT-сообщества. Пишите в комментариях, какие темы вам наиболее интересны. Возможно, наш следующий материал будет на предложенную вами тему💯
Поехали!
Так ли сильно отличается космонавт, который готовится выйти в открытый космос, от тестировщика, собирающегося тестировать программное обеспечение
Ответ на этот вопрос можно найти в статье на Хабре, которую подготовил наш коллега Иван 👨💻
Он в кратком туториале описал требования к работе с тест-кейсами и к стандартам их оформления 👍
Мы активно делимся кейсами и готовим полезные статьи для IT-сообщества. Пишите в комментариях, какие темы вам наиболее интересны. Возможно, наш следующий материал будет на предложенную вами тему
Поехали!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21 10👍5🤔1
Основы навигации в терминале Linux: как не потеряться в файловой структуре
Продолжаем публикации постов с интересной и полезной информацией 💫
Наша коллега Софья рассказывает о том, как легко и уверенно ориентироваться в файловой системе Linux с помощью терминала🤔
Данный пост актуален для пользователей, работающих на серверах или других системах, где графический интерфейс недоступен или нежелателен❗️
Итак, давайте начнём!
Мы рассмотрим три основные команды, которые составляют основу навигации в терминале:
«Заземление» или проверка текущей директории: команда pwd (print working directory) позволяет узнать, в какой директории вы находитесь.
Перемещение по директориям: команда cd [директория] позволяет перейти в другую директорию.
Способы перемещения:
cd ./ Downloads — текущая директория (эквивалентно cd Downloads)
cd .. — на уровень выше
cd ../.. — на два уровня выше
cd без аргументов — в домашнюю директорию
Просмотр содержимого директории: команды ls (list) и ls -a позволяют вывести список файлов и директорий.
Эти команды — ключ к уверенной навигации в файловой системе Linux. Зная их, вы сможете легко перемещаться по директориям, находить нужные файлы и выполнять различные операции с ними➕
Была ли информация для вас полезной? Какие аспекты Linux вызывают у вас наибольший интерес? Пишите в комментариях и мы поделимся своим опытом ✍
#linuх
Продолжаем публикации постов с интересной и полезной информацией 💫
Наша коллега Софья рассказывает о том, как легко и уверенно ориентироваться в файловой системе Linux с помощью терминала
Данный пост актуален для пользователей, работающих на серверах или других системах, где графический интерфейс недоступен или нежелателен
Итак, давайте начнём!
Мы рассмотрим три основные команды, которые составляют основу навигации в терминале:
«Заземление» или проверка текущей директории: команда pwd (print working directory) позволяет узнать, в какой директории вы находитесь.
Перемещение по директориям: команда cd [директория] позволяет перейти в другую директорию.
Способы перемещения:
cd ./ Downloads — текущая директория (эквивалентно cd Downloads)
cd .. — на уровень выше
cd ../.. — на два уровня выше
cd без аргументов — в домашнюю директорию
Просмотр содержимого директории: команды ls (list) и ls -a позволяют вывести список файлов и директорий.
Эти команды — ключ к уверенной навигации в файловой системе Linux. Зная их, вы сможете легко перемещаться по директориям, находить нужные файлы и выполнять различные операции с ними
Была ли информация для вас полезной? Какие аспекты Linux вызывают у вас наибольший интерес? Пишите в комментариях и мы поделимся своим опытом ✍
#linuх
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23🤣11 10🔥8🤔3
Помоги Совкомбанку победить в Рейтинге работодателей России 💪
Участвуем в Рейтинге работодателей России, и нам очень нужна ваша поддержка 🙏
Сейчас начался этап голосования соискателей. Если вы ещё не работаете у нас, но знаете, как круто в Совкомбанке, пожалуйста, поддержите нас 🙌
Проголосовать – быстро и просто, оставили подробную инструкцию в карточках к посту 🧐
А если вы уже с нами, отправьте этот пост:
👉 Своим друзьям и знакомым
👉 Семье
👉 Вашему любимому коту или собачке — пусть их лапки тоже внесут свой вклад😎
Обратите внимание, что Совкомбанк Технологии является частью крупной финансовой группы, и поэтому именно Совкомбанк участвует в голосовании 🫡
❤️ - готово, я с вами
Участвуем в Рейтинге работодателей России, и нам очень нужна ваша поддержка 🙏
Сейчас начался этап голосования соискателей. Если вы ещё не работаете у нас, но знаете, как круто в Совкомбанке, пожалуйста, поддержите нас 🙌
Проголосовать – быстро и просто, оставили подробную инструкцию в карточках к посту 🧐
А если вы уже с нами, отправьте этот пост:
👉 Своим друзьям и знакомым
👉 Семье
👉 Вашему любимому коту или собачке — пусть их лапки тоже внесут свой вклад
Обратите внимание, что Совкомбанк Технологии является частью крупной финансовой группы, и поэтому именно Совкомбанк участвует в голосовании 🫡
❤️ - готово, я с вами
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤16 14👍7 7🤣3🤔1
Полезные обновления CSS
Мы возобновляем нашу рубрику, в которой делимся интересными и важными новостями. Поднимаем тему, которая будет полезна как для frontend-разработчиков, так и для коллег, активно работающих с интерфейсами сайтов. Итак, начнем 🚀
CSS Working Group выпустила драфт CSS-фичей, которые могут появиться в ближайшее время. Обновление включает как новые функции, так и улучшения уже существующих. Вот некоторые из них:
Функция attr
Она позволяет получать значения атрибутов. Ранее она работала только со свойством content, но теперь ее можно использовать с любым атрибутом 🆒
Новая функция first-valid()
С её помощью можно настраивать фоллбэки, передавая несколько CSS-переменных, при этом применится первое валидное значение🆕
Функция рандома
Долгожданная возможность, функция теперь не требует использования JavaScript. Можно задавать диапазоны как с функцией random, так и выбирать из конкретного набора значений с random-item➕
И это только часть нововведений, с остальными улучшениями вы можете ознакомиться в статье👀
🔥 - полезный материал
👍 - хочу еще про CSS!
🤔 - ну пятница же! напишите лучше про 🍷
Мы возобновляем нашу рубрику, в которой делимся интересными и важными новостями. Поднимаем тему, которая будет полезна как для frontend-разработчиков, так и для коллег, активно работающих с интерфейсами сайтов. Итак, начнем 🚀
CSS Working Group выпустила драфт CSS-фичей, которые могут появиться в ближайшее время. Обновление включает как новые функции, так и улучшения уже существующих. Вот некоторые из них:
Функция attr
Она позволяет получать значения атрибутов. Ранее она работала только со свойством content, но теперь ее можно использовать с любым атрибутом 🆒
Новая функция first-valid()
С её помощью можно настраивать фоллбэки, передавая несколько CSS-переменных, при этом применится первое валидное значение
Функция рандома
Долгожданная возможность, функция теперь не требует использования JavaScript. Можно задавать диапазоны как с функцией random, так и выбирать из конкретного набора значений с random-item
И это только часть нововведений, с остальными улучшениями вы можете ознакомиться в статье
🔥 - полезный материал
👍 - хочу еще про CSS!
🤔 - ну пятница же! напишите лучше про 🍷
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥30🤔10 8👍7 5
❌ IT-специалисты – это не про танцы
✅ IT-специалисты танцуют, поют и чилят только так
В период с 17 по 21 октября 1300 сотрудников Совкомбанка собрались на берегу Средиземного моря в пятизвездочном отеле Rixos Sungate, чтобы выбрать победителей конкурса стартапов Группы Совкомбанк «Лига Достижений» и отпраздновать финал.
Почти в каждой команде был представитель Совкомбанк Технологии. А ещё целая толпа ИТ-болельщиков и топ-менеджеры компании.
Как это было? Невероятно, зажигательно, красиво! Но согласитесь, факты лучше прилагательных, так что смотрите карточки к этому посту.
🙋🏼♀️Был на финале? Тогда делись своими впечатлениями под этим постом.
#ЛигаДостижений2024
✅ IT-специалисты танцуют, поют и чилят только так
В период с 17 по 21 октября 1300 сотрудников Совкомбанка собрались на берегу Средиземного моря в пятизвездочном отеле Rixos Sungate, чтобы выбрать победителей конкурса стартапов Группы Совкомбанк «Лига Достижений» и отпраздновать финал.
Почти в каждой команде был представитель Совкомбанк Технологии. А ещё целая толпа ИТ-болельщиков и топ-менеджеры компании.
Как это было? Невероятно, зажигательно, красиво! Но согласитесь, факты лучше прилагательных, так что смотрите карточки к этому посту.
🙋🏼♀️Был на финале? Тогда делись своими впечатлениями под этим постом.
#ЛигаДостижений2024
🔥39❤6👍6🤩4 4🥰3