✈️ Code Ready | Frontend
👩💻 Выделяем элементы в фокусе и их родителей!
Псевдокласс
Примеры использования:
В отличие от
📣 Code Ready | #свойство
👩💻 Выделяем элементы в фокусе и их родителей!
Псевдокласс
:focus-within применяется к элементам, которые либо сами находятся в фокусе, либо имеют дочерние элементы в фокусе. Срабатывает, когда фокус получает сам элемент или любой из его потомков. Например, можно изменить оформление всей формы, когда пользователь перешёл в одно из её полей.Примеры использования:
• подсветить контейнер с <input> при вводе;
• изменить рамку всей формы;
• выделить пункт меню при фокусе на вложенной ссылке;
• показать дополнительные элементы управления.
В отличие от
:focus, который реагирует только на фокус самого элемента, :focus-within учитывает фокус и на всех элементах внутри него.📣 Code Ready | #свойство
This media is not supported in your browser
VIEW IN TELEGRAM
✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack
💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.
Сайтодел | #сниппет #css
💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.
Сайтодел | #сниппет #css
✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack
✍️ Neue Montreal – нейтральный шрифт без засечек с четкими формами. Подходит для мелких текстов веб-страниц. Пример шрифта есть в макете Abstract 3D Coral Shapes
Сайтодел | #шрифт
✍️ Neue Montreal – нейтральный шрифт без засечек с четкими формами. Подходит для мелких текстов веб-страниц. Пример шрифта есть в макете Abstract 3D Coral Shapes
Сайтодел | #шрифт
✈️ [PYTHON:TODAY]
🤨 Мошенники заскамили начинающего айтишника на ₽200,000 под видом оффера
Схема не новая:
— «Соискателю скинули предложение и сразу за ним тестовое задание. Попросили найти в готовом проекте ошибки и исправить их. Внутри был спрятан вирус, который и увёл все данные счетов и криптокошельков.»
Готовым проектом может быть как сайт, так и репозиторий с кодом. Чтобы выполнить «тестовое», жертва скачивает проект, устанавливает необходимые зависимости и запускает код вместе с вирусом.
🤪 Рассчитано всё на джунов или вайбкодеров, которые плохо разбираются в коде.
Получил бесценный опыт...
🤨 Мошенники заскамили начинающего айтишника на ₽200,000 под видом оффера
Схема не новая:
— «Соискателю скинули предложение и сразу за ним тестовое задание. Попросили найти в готовом проекте ошибки и исправить их. Внутри был спрятан вирус, который и увёл все данные счетов и криптокошельков.»
Готовым проектом может быть как сайт, так и репозиторий с кодом. Чтобы выполнить «тестовое», жертва скачивает проект, устанавливает необходимые зависимости и запускает код вместе с вирусом.
🤪 Рассчитано всё на джунов или вайбкодеров, которые плохо разбираются в коде.
Получил бесценный опыт...
✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack
💾 Infinite Random Gradients Generator – генератор градиентов для CSS, который поможет выбрать самые оригинальные сочетания цветов для вашего приложения.
Сайтодел | #сниппет #css
💾 Infinite Random Gradients Generator – генератор градиентов для CSS, который поможет выбрать самые оригинальные сочетания цветов для вашего приложения.
Сайтодел | #сниппет #css
✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack
💾 Responsive GSAP Slider – слайдер для представления продуктов с подвижными SVG-картинками. Слайдер можно легко настроить под себя.
Сайтодел | #сниппет #css
💾 Responsive GSAP Slider – слайдер для представления продуктов с подвижными SVG-картинками. Слайдер можно легко настроить под себя.
Сайтодел | #сниппет #css
✈️ Code Ready | Frontend
📱 Range API — работа с фрагментами DOM!
📣 Code Ready | #шпора
📱 Range API — работа с фрагментами DOM!
В этой шпаргалке собраны основные методы Range API для программной работы с диапазонами и фрагментами DOM. Здесь показано, как задавать начальную и конечную границы диапазона, выбирать узел целиком или только его содержимое, копировать и извлекать выбранные фрагменты, вставлять новые DOM-узлы в заданную позицию, а также получать текстовое содержимое диапазона.📣 Code Ready | #шпора
✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack
💾 Draw With WebGL Flowers 2 – фон с возможностью создавать цветы. Размер и цвет растения определяется произвольно.
Сайтодел | #сниппет #css
💾 Draw With WebGL Flowers 2 – фон с возможностью создавать цветы. Размер и цвет растения определяется произвольно.
Сайтодел | #сниппет #css
✈️ [PYTHON:TODAY]
«Почтатех» — ИТ-компания «Почты России», которая создает высоконагруженные сервисы для миллионов пользователей. В ее портфолио — ключевые ИТ-продукты экосистемы: приложение и сайт Почты России, логистические платформы и системы автоматизации отделений.
Хотите узнать, как создаются такие продукты? PostCode Challenge — хакатон от «Почтатеха» и Университета Иннополис для студентов ИИ-направлений (ДС и ТОП ДС).
Это отличная возможность попробовать себя в решении реальных бизнес-задач, получить экспертные оценки и заявить о себе. Выбирайте один из пяти треков под свой стек:
• бэкенд;
• аналитика;
• ИИ-дешифратор;
• компьютерное зрение;
• фронтенд.
👉Призовой фонд — 3 000 000 ₽. Участие бесплатное. Соберите команду от 2 до 5 человек и подайте заявку до 14 сентября.
Подать заявку можно здесь.
#реклама
О рекламодателе
«Почтатех» — ИТ-компания «Почты России», которая создает высоконагруженные сервисы для миллионов пользователей. В ее портфолио — ключевые ИТ-продукты экосистемы: приложение и сайт Почты России, логистические платформы и системы автоматизации отделений.
Хотите узнать, как создаются такие продукты? PostCode Challenge — хакатон от «Почтатеха» и Университета Иннополис для студентов ИИ-направлений (ДС и ТОП ДС).
Это отличная возможность попробовать себя в решении реальных бизнес-задач, получить экспертные оценки и заявить о себе. Выбирайте один из пяти треков под свой стек:
• бэкенд;
• аналитика;
• ИИ-дешифратор;
• компьютерное зрение;
• фронтенд.
👉Призовой фонд — 3 000 000 ₽. Участие бесплатное. Соберите команду от 2 до 5 человек и подайте заявку до 14 сентября.
Подать заявку можно здесь.
#реклама
О рекламодателе
✈️ [PYTHON:TODAY]
😳 В IT завезли новый термин — «мясной прокси»
В тех-тусовке так стали называть людей, которые задают вопрос нейросетям, к примеру ChatGPT или Claude, получают готовый ответ и просто копируют его в рабочий чат без проверки, фактически выступая посредником между коллегами и нейросетью.
+1 название для твоего кореша 😂
Логика руководителей понятна: если человек тупо работает как Ctrl+C ▶️ Ctrl+V и никак не проверяет, не дополняет и не осмысливает ответ нейросети, возникает логичный вопрос:
➖ а зачем вообще нужен этот промежуточный слой из мяса?
Вайбкодеры напряглись...
С добрым утром ☕️
😳 В IT завезли новый термин — «мясной прокси»
В тех-тусовке так стали называть людей, которые задают вопрос нейросетям, к примеру ChatGPT или Claude, получают готовый ответ и просто копируют его в рабочий чат без проверки, фактически выступая посредником между коллегами и нейросетью.
+1 название для твоего кореша 😂
Логика руководителей понятна: если человек тупо работает как Ctrl+C ▶️ Ctrl+V и никак не проверяет, не дополняет и не осмысливает ответ нейросети, возникает логичный вопрос:
➖ а зачем вообще нужен этот промежуточный слой из мяса?
Вайбкодеры напряглись...
С добрым утром ☕️