221просмотров
7 декабря 2025 г.
📷 ФотоScore: 243
// Техническая часть Как и обещала — техническая часть с кодом. 🟣SVG-иконки — научилась менять им цвет через fill и stroke. Оказалось, что есть некоторый баг с анимацией svg-иконок, который фиксится довольно просто. Достаточно явно прописать transition-property, так как transition-duration может не сработать. Особенно приятно знать, когда ты учишься исправлять какие-то баги. 🟣Не отходя далеко от темы багов: научилась фиксить залипание кнопок на тач-устройствах. Оказалось, что делается это тоже легко. А как именно, показано в карточке, прикреплённой к этому посту. 🟣Псевдоклассы — открыла для себя связку :not(:last-child). Вывела такое правило, что лучше использовать данную связку всегда, когда хочу прописать margin-bottom. Если вдруг она мне где-то будет мешать, обязательно дам знать, а пока буду применять 😁
.item:not(:last-child) { margin-bottom: 20px;
} 🟣Слайдер на чистом CSS — мои первые попытки познакомиться с такой конструкцией. Это не значит, что я не в курсе, что слайдер делается через JS. Это значит, что мой проект написан на чистом CSS)) Помогли свойства scroll-snap-type: x mandatory; и scroll-snap-align: start;. Сначала было непонятно и страшно от этих странных слов, но, почитав на доке об этом, — разобралась и добавила в свою копилку изученных свойств. Если кому-то пригодится — буду рада! В целом, вышло довольно продуктивно.
О своих планах на декабрь расскажу в следующем посте с подведением итогов 💖