Комментарии пользователя Ankhena

Как сделать эффект при наведении как в меню на этом сайте?

Ankhena @Ankhena Куратор тега CSS

Не нужен там JS для наведения, достаточно обычного CSS.
Делать трапецию прямо как там, тоже не нужно.
Конкретно там это две png картинки.
Если уж картинками, то только треугольник, да и тот в svg.

Гуглите как делать треугольники на CSS.
Если не получится, приходите с кодом в песочнице и показывайте что именно не вышло.

Написано 26 февр.

Как Clamp влияет на производительность, если его везде использовать?

Ankhena @Ankhena Куратор тега CSS

BloomingBurden, отлично, разбирайтесь! Это очень интересные темы.
Почитайте про единицы от контейнера, если ещё не читали.

Написано 26 февр.

Как Clamp влияет на производительность, если его везде использовать?

Ankhena @Ankhena Куратор тега CSS

BloomingBurden,
Я поняла, что вы ничего не поняли, да ещё так не поняли, что даже позволили себе огрызаться.
Ну, давайте разжую.
Насмешка не над align-items, а над -ms- для флексов.
Т.е. вы считаете, что в ваше целевую аудиторию входит достаточное количество пользователей 10-11 ИЕ.
А потом пишете, что всегда и везде используете clamp, который и в старом Edge-то не работает, не то что 10-11 ИЕ.
Вот это действительно и глупо и нецелесообразно.

просто ваше утверждение никак не связано с моим вопросом

Вижу, что вы задали свой первый вопрос тут. Приглядитесь к интерфейсу. Есть поля для ответов, а есть для комментариев. Своё удивление от увиденного я написала как раз таки в комментариях. В надежде, что вы скажете что-то типа "ха-ха, действительно, забыл исправить автопрефиксер".
Но отсюда следует и другое: не нужно показывать в вопросе свойства с префиксами, если вопрос не касается конкретно их или свойства без вендорного префикса в принципе не существует.

Про clamp и по теме вопроса
Раз уж стала писать простыню.
Вряд ли кто-то за вас пойдет измерять нагрузку конкретно в вашем проекте. То, что большое количество вычислений увеличивает нагрузку на браузер, вроде очевидно. С другой стороны, браузер всё равно пересчитывает всё в px. И просто vw или vw с ограничением в px, ничего особо не прибавят. А вот вычисление calc внутри, это уже интереснее. Но конкретную прибавку, опять таки смотрите самостоятельно.

По поводу использования clamp всюду, в частности, у вас в паддингах. Очень вряд ли или редко вертикальные паддинги блока зависят от ширины вьюпорта. Скорее от размера самого блока или шрифта. Используя соответствующие единицы измерения и/или кастомные свойства, можно упростить логику, увеличить читаемость, сократить код, сократить нагрузку (на всех и на браузер в том числе).
Аналогично и с другими свойствами.
Минимальная высота от 4 до 8 rem намекает на сомнительное использование rem. Точнее, на то, что само понятие rem убито чем-то вроде 1rem = 10px, т.е. перестало зависеть от настроек пользователя.
Дальше логика снова куда-то поехала. Тот способ адаптива через rem, некоторое время назад, действительно, имел некоторую популярность, к счастью, не очень большую. Но с вводом того же clamp, min, max и новых единиц измерения от вьюпорта, от контейнера, кастомок, стал не нужен. Я бы рекомендовала развязать всю эту кашу.

Написано 25 февр.

Как Clamp влияет на производительность, если его везде использовать?

Ankhena @Ankhena Куратор тега CSS

BloomingBurden, при чем тут тайлвинд и его классы?

Написано 24 февр.

Есть код,не могу понять почему не получается отодвинуть popup__close на 10px От верха и от края, top:10px;right:10px; не работает?

Ankhena @Ankhena Куратор тега CSS

Anterro, ещё раз: значит, нужно сделать песочницу с видимой проблемой или дать ссылку на сайт.

Написано 24 февр.

Как Clamp влияет на производительность, если его везде использовать?

Ankhena @Ankhena Куратор тега CSS

-ms-flex-align: center; в сочетании с clamp выглядит потрясающе.

Написано 23 февр.

Есть код,не могу понять почему не получается отодвинуть popup__close на 10px От верха и от края, top:10px;right:10px; не работает?

Ankhena @Ankhena Куратор тега CSS

Я видела вашу песочницу из дубля вопроса.
Если в неё добавить top:10px; right:10px;, то всё прекрасно будет работать.

Написано 23 февр.

Есть код,не могу понять почему не получается отодвинуть popup__close на 10px От верха и от края, top:10px;right:10px; не работает?

Ankhena @Ankhena Куратор тега CSS

Сейчас в вашем коде для popup__close вообще нет ничего, что могло бы его отодвигать.

Что сделать?
1. Уберите лишний код из вопроса.
2. Добавьте необходимую разметку. Потому что не зная родительских тегов бесполезно пытаться угадать где ошибка.
3. Уберите код в спойлеры. Предварительно обернув его в теги code, можно использовать кнопки редактора, оч удобно.
4. Сделайте песочницу с необходимым и достаточным для описания проблемы кодом на сервисах типа codepen.io, прикрепите ссылку к вопросу.

Потом позовите.

Написано 23 февр.

Какую WordPress тему выбрать для корпоративного сайта, если я дизайнер?

Ankhena @Ankhena

Могу ли я просто посоветовать им найти разработчика, который сможет реализовать любой дизайн, который я предложу - на вордпрессе и не задалбываться с ограничениями вордпресса?

Это самый разумный вариант.

Сейчас вам заказчик придумал какой-то геморрой. Вы в него вписались. А теперь пытаетесь втянуть ещё и нас.

Ваша задача нарисовать дизайн сайта в соответствии с пожеланиями заказчика и учетом функциональности.
Задача верстальщика посадить всё это на WP. Иногда это могут быть два разных человека. Один верстает, другой интегрирует с WP. Верстальщик может писать тему с нуля или может взять какую-то за основу. Это не ваши заботы. Т даже не клиента.

Написано 23 февр.

Что делать если расположение текста находится не в том месте?

Ankhena @Ankhena Куратор тега CSS

r_r_r_r_r,
Во-первых, ютуб не работает в России.
Во-вторых, в видео есть ответ на вопрос, почему у вас криво. Посмотрите, где пишет код этого блока автор, а где вы.

О, больше того, там есть и ссылка на нормальный макет в Фигме и готовый код, с которым можно сравнить свои попытки.

Написано 22 февр.

Что делать если расположение текста находится не в том месте?

Ankhena @Ankhena Куратор тега CSS

Есть такие сервисы, называются песочницы, в них очень удобно складывать кусочки кода, чтобы опубликовать и показать кому-то другому. Например, codepen.

Плюсов много:
- Больше шансов получить ответ, потому что не все умеют компилировать код в голове и не все хотят копировать его куда-то ещё, чтобы выяснить в чем проблема.
- Пока делаете песочницу есть большой шанс, что сами поймете в чём дело.

Написано 22 февр.

Как добавить оценку товара в карточке товара?

Ankhena @Ankhena Куратор тега Вёрстка

значения(полосками)

Хоть градиентами.
Если на полосках есть скругления, то нарисуйте svg, положите на фон.

Что именно у вас не получается, чтобы сделать такой фон? Вроде фоны это азы верстки.

Написано 22 февр.

Криво отображаются математические формулы. Ввожу в админке вторую производную, предпросмотр все норм, а на сайте смотрится, как кавычки. Что не так?

Ankhena @Ankhena

Я бы в этом случае начала с проверки шрифта.
С другой стороны, генерироваться оно может в как угодно.

Написано 21 февр.

Как создать такую вот кнопку как на изображении?

Ankhena @Ankhena Куратор тега CSS

Вот пример реализации вашей кнопки https://sitist.ru/magic-border-radius.html#vyezzha...

Написано 21 февр.

Какую книгу читать что бы полностью изучить семантическую верстку?

Ankhena @Ankhena Куратор тега HTML

Андрей Брекоткин,
Во-первых, зачем вы пишете это мне?
Во-вторых, не поможет. Если вы сверстаете весь сайт на дивах, он скажет, что и проблем нет. Если вы сверстаете список определений, например, параграфами со спанами внутри, он тоже не скажет, что есть теги dl и т.д.

Написано 21 февр.

Какую книгу читать что бы полностью изучить семантическую верстку?

Ankhena @Ankhena Куратор тега HTML

Xcho_Matevosyan,

Сверстайте как хотите, а наши алгоритмы поисковика сами справятся

Если вы собираетесь делать сайты для поисковиков, то да, конечно.

А если всё таки для людей, особенно для тех, чьи возможности ограничены по каким-то причинам, то всё таки имеет смысл изучить.