CSS isn't magic

Что я советую посмотреть из моего контента: 1. HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи Рассказываю об ошибках в верстке, которые влияют на цифровую доступность. 2. Готовимся к вопросам по вёрстке на интервью Frontend-разработчика Отвечаю на самые популярные вопросы о CSS на интервью фронтендера. 3. Неизвестно полезный CSS Делюсь малоизвестными свойствами и нюансами работы. 4. Магия CSS на практике: советы по вёрстке от гика Мои любые подходы и приемы при работе с CSS. 5. Чёрт тебя возьми, CSS Объясняю сложные и неочевидные моменты работы CSS. 6. You Should Know CSS — the list of questions to level up your CSS skill Мой список вопросов, позволяющий найти слабые места в знаниях. 7. Живые шпаргалки для свойств display и position Шпаргалки на Codepen, показывающие множество неизвестных нюансов свойств. Можно потыкать и изучить. 8. Код компонента Timeline Как написать CSS для компонента? На этот вопрос можно найти ответ в этой демке. Правда, придется покапаться в коде. 9. Анимашки и CSS творчество UI Анимации, CSS арт и готовые визуальные решения. 10. Пример организации CSS Страница "The No Pictures Personal Website HTML/CSS Template" — это пример моей организации CSS. Эти правила позволяют мне создавать CSS по слоям. P.S. Продолжать создавать контент? 🔥 — Да 👎 — Иди работай уже, код пиши

Мне нравится вести этот канал. Я рад, что вам интересно. Но чисто на энтузиазме я долго не протяну. Моя задача — создать модель, которая позволит существовать каналу ни один год. Тут вся моя надежда связана с вами. Я верю, что вы не дадите мне загнуться. Поэтому есть этот канал. В нем хранятся посты за 3 месяца. Сейчас их 17 штук. Все оставшиеся хранятся в отдельном закрытом канале. Всего у меня 52 поста. Да, все они когда-то появятся здесь. Но если вы хотите, чтобы вся моя движуха не умерла, то помогите мне, пожалуйста. Вступайте закрытый канал. Для этого напишите, пожалуйста, мне @melnik909

aspect-ratio — это таблетка для перехода по страницам Кто-то сделал так

img {
  display: block;
  max-width: 100%;
}

Я предлагаю делать так

img {
  display: block;
  max-width: 100%;
  aspect-ratio: 1.5;
}

Скачки страниц после загрузки изображений — это шлак. Это хорошо, что aspect-ratio помогает избежать этого. Например, если у изображения размеры 600x400 пикселей, мы должны установить соотношение aspect-ratio: 1.5 (600 пикселей / 400xp = 1.5).

На сколько вопросов ответите? https://habr.com/ru/companies/ruvds/articles/859826/

Плиз, хелп ми... У вас на ежедневных или еженедельных встречах включенная камера обязательна? да — 👍; нет — 👎; по разному — 🙈.

Ищу пет-проекты для вдохновения. Если у вас есть такой, и хотите, чтобы я сделал вам бесплатно аудит, то пишите мне @melnik909

Напоминаю, что у меня есть второй канал. Такой же формат. Только про цифровую доступность.

Для новеньких. Спасибо, что вы здесь! Я бездушный инфоциган-попрашайка. В среду каждую неделю публикую посты. Стабильно бешу опросами. Очень часто прошу денег и рекламирую себя. Все по классике. Фидбек, критику, похвалу, вопросы и предложения можно писать мне @melnik909. Всех жду!

:focus cтили не тоже самое, что :hover стили Кто-то сделал так

.button:is(:hover, :focus) {
  background-color: #fed330;
}

Я предлагаю делать так

.button:hover {
  background-color: #fed330;
}
.button:focus {
  outline: 3px solid #fbc604;
}

:focus стили не могут быть такими же, как :hover стили. Почему? В общем гуляю Tab'oм по странице. Вижу обводку на каждом элементе, а потом бац, она пропала. И не понимаешь, что случилось. А дело в том, что разраб :focus стили сделал такими же, как :hover стили. Не надо так. outline — самый безопасный способ.

done

Получается что-то могу... Команда Codepen отметила мою работу. Сегодня ночью по Москве будет на главной. Рады за меня?

https://codepen.io/melnik909/full/yLmWadq Чет могу еще? Или пора идти двор подметать? Если да — ❤️, если идти подметать двор — 🤡

Пришел с просьбой. Я сейчас ищу работу тестировщиком. У меня 3 года опыта. Хочу развиваться в направлении. Сейчас смотрю в сторону автоматизирования. Люблю искать баги. Возможно в вашей компании есть открытая позиция? Если да напишите мне, пожалуйста, @melnik909

Что я советую посмотреть из моего контента: 1. HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи Рассказываю об ошибках в верстке, которые влияют на цифровую доступность. 2. Готовимся к вопросам по вёрстке на интервью Frontend-разработчика Отвечаю на самые популярные вопросы о CSS на интервью фронтендера. 3. Неизвестно полезный CSS Делюсь малоизвестными свойствами и нюансами работы. 4. Магия CSS на практике: советы по вёрстке от гика Мои любые подходы и приемы при работе с CSS. 5. Чёрт тебя возьми, CSS Объясняю сложные и неочевидные моменты работы CSS. 6. You Should Know CSS — the list of questions to level up your CSS skill Мой список вопросов, позволяющий найти слабые места в знаниях. 7. Живые шпаргалки для свойств display и position Шпаргалки на Codepen, показывающие множество неизвестных нюансов свойств. Можно потыкать и изучить. 8. Код компонента Timeline Как написать CSS для компонента? На этот вопрос можно найти ответ в этой демке. Правда, придется покапаться в коде. 9. Анимашки и CSS творчество UI Анимации, CSS арт и готовые визуальные решения. 10. Пример организации CSS Страница "The No Pictures Personal Website HTML/CSS Template" — это пример моей организации CSS. Эти правила позволяют мне создавать CSS по слоям. P.S. Продолжать создавать контент? 🔥 — Да 👎 — Иди работай уже, код пиши

Ваш инфоцыган-попрашайка на связи! У меня к вам есть предложение. Вы приводите 11 друзей ко мне на канал, а я бесплатно отвечаю на 1 вопрос по CSS или делаю что-то аналогичное. Алгоритм действий. 1. Вы шарите канал с друзьями, коллегами и мамой 2. Отправляете мне список логинов 3. Я проверяю его 4. Мы договариваемся, что я делаю и за какой срок Будем повышать тусовку. Должно же больше людей проходить мои опросы!

Какое вычисленное значение у свойства height у элемент .parent?

.parent::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
}

Элемент с position: absolute выпадает из потока документа. Поэтому родительский элемент не знает о дочернем элементе. Таким образом, вычисленное значение height равно 0

Напоминаю, что ко мне можно обращаться за помощью по CSS. Может посоветоваться хотите. Или не знаете что-то. Денег сразу не прошу